ingeniuscliq-core 0.4.15 → 0.4.16

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 (77) hide show
  1. package/dist/node_modules/@radix-ui/react-accordion/dist/index.js +3 -3
  2. package/dist/node_modules/@radix-ui/{react-select/node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-arrow → react-arrow}/dist/index.js +1 -1
  3. package/dist/node_modules/@radix-ui/react-avatar/dist/index.js +1 -1
  4. package/dist/node_modules/@radix-ui/react-checkbox/dist/index.js +2 -2
  5. package/dist/node_modules/@radix-ui/{react-accordion/node_modules/@radix-ui/react-collapsible → react-collapsible}/dist/index.js +7 -7
  6. package/dist/node_modules/@radix-ui/{react-select/node_modules/@radix-ui/react-collection → react-collection}/dist/index.js +3 -3
  7. package/dist/node_modules/@radix-ui/react-dialog/dist/index.js +5 -5
  8. package/dist/node_modules/@radix-ui/{react-select/node_modules/@radix-ui/react-dismissable-layer → react-dismissable-layer}/dist/index.js +4 -4
  9. package/dist/node_modules/@radix-ui/react-dropdown-menu/dist/index.js +2 -2
  10. package/dist/node_modules/@radix-ui/{react-dialog/node_modules/@radix-ui/react-focus-scope → react-focus-scope}/dist/index.js +2 -2
  11. package/dist/node_modules/@radix-ui/react-label/dist/index.js +1 -1
  12. package/dist/node_modules/@radix-ui/{react-dropdown-menu/node_modules/@radix-ui/react-menu → react-menu}/dist/index.js +17 -17
  13. package/dist/node_modules/@radix-ui/react-popover/dist/index.js +6 -6
  14. package/dist/node_modules/@radix-ui/{react-popover/node_modules/@radix-ui/react-popper → react-popper}/dist/index.js +8 -8
  15. package/dist/node_modules/@radix-ui/{react-popover/node_modules/@radix-ui/react-portal → react-portal}/dist/index.js +1 -1
  16. package/dist/node_modules/@radix-ui/{react-popover/node_modules/@radix-ui/react-presence → react-presence}/dist/index.js +2 -2
  17. package/dist/node_modules/@radix-ui/{react-dropdown-menu/node_modules/@radix-ui/react-primitive → react-primitive}/dist/index.js +1 -1
  18. package/dist/node_modules/@radix-ui/react-radio-group/dist/index.js +3 -3
  19. package/dist/node_modules/@radix-ui/{react-radio-group/node_modules/@radix-ui/react-roving-focus → react-roving-focus}/dist/index.js +8 -8
  20. package/dist/node_modules/@radix-ui/react-select/dist/index.js +7 -7
  21. package/dist/node_modules/@radix-ui/react-separator/dist/index.js +1 -1
  22. package/dist/node_modules/@radix-ui/react-slider/dist/index.js +2 -2
  23. package/dist/node_modules/@radix-ui/react-switch/dist/index.js +1 -1
  24. package/dist/node_modules/@radix-ui/react-tabs/dist/index.js +3 -3
  25. package/dist/node_modules/@radix-ui/react-tooltip/dist/index.js +5 -5
  26. package/dist/node_modules/react-i18next/dist/es/defaults.js +2 -1
  27. package/package.json +9 -9
  28. package/src/core/commands/create-core-module.js +288 -0
  29. package/src/core/commands/create-module.js +288 -0
  30. package/src/core/commands/create-template.js +169 -0
  31. package/src/core/commands/rollback-core-module.js +195 -0
  32. package/src/core/commands/rollback-module.js +208 -0
  33. package/dist/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-collapsible/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  34. package/dist/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-collection/dist/index.js +0 -70
  35. package/dist/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  36. package/dist/node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  37. package/dist/node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  38. package/dist/node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  39. package/dist/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -211
  40. package/dist/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal/dist/index.js +0 -17
  41. package/dist/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  42. package/dist/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
  43. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-collection/dist/index.js +0 -70
  44. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -211
  45. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-focus-scope/dist/index.js +0 -207
  46. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-popper/dist/index.js +0 -283
  47. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-arrow/dist/index.js +0 -25
  48. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-portal/dist/index.js +0 -17
  49. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  50. package/dist/node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-roving-focus/dist/index.js +0 -223
  51. package/dist/node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  52. package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -211
  53. package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-focus-scope/dist/index.js +0 -207
  54. package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-arrow/dist/index.js +0 -25
  55. package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
  56. package/dist/node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  57. package/dist/node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  58. package/dist/node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-collection/dist/index.js +0 -70
  59. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-scope/dist/index.js +0 -207
  60. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-popper/dist/index.js +0 -283
  61. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-portal/dist/index.js +0 -17
  62. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
  63. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-visually-hidden/dist/index.js +0 -34
  64. package/dist/node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  65. package/dist/node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-collection/dist/index.js +0 -70
  66. package/dist/node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  67. package/dist/node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  68. package/dist/node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  69. package/dist/node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  70. package/dist/node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-roving-focus/dist/index.js +0 -223
  71. package/dist/node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-roving-focus/node_modules/@radix-ui/react-collection/dist/index.js +0 -70
  72. package/dist/node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -211
  73. package/dist/node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-popper/dist/index.js +0 -283
  74. package/dist/node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-arrow/dist/index.js +0 -25
  75. package/dist/node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  76. package/dist/node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
  77. /package/dist/node_modules/@radix-ui/{react-tooltip/node_modules/@radix-ui/react-visually-hidden → react-visually-hidden}/dist/index.js +0 -0
@@ -1,40 +0,0 @@
1
- import * as React from 'react';
2
- import 'react-dom';
3
- import { createSlot } from '../../../../../react-slot/dist/index.js';
4
- import { jsx } from 'react/jsx-runtime';
5
-
6
- // src/primitive.tsx
7
- var NODES = [
8
- "a",
9
- "button",
10
- "div",
11
- "form",
12
- "h2",
13
- "h3",
14
- "img",
15
- "input",
16
- "label",
17
- "li",
18
- "nav",
19
- "ol",
20
- "p",
21
- "select",
22
- "span",
23
- "svg",
24
- "ul"
25
- ];
26
- var Primitive = NODES.reduce((primitive, node) => {
27
- const Slot = createSlot(`Primitive.${node}`);
28
- const Node = React.forwardRef((props, forwardedRef) => {
29
- const { asChild, ...primitiveProps } = props;
30
- const Comp = asChild ? Slot : node;
31
- if (typeof window !== "undefined") {
32
- window[Symbol.for("radix-ui")] = true;
33
- }
34
- return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
35
- });
36
- Node.displayName = `Primitive.${node}`;
37
- return { ...primitive, [node]: Node };
38
- }, {});
39
-
40
- export { Primitive };
@@ -1,70 +0,0 @@
1
- import React__default from 'react';
2
- import { createContextScope } from '../../../../../../../../react-context/dist/index.js';
3
- import { useComposedRefs } from '../../../../../../../../react-compose-refs/dist/index.js';
4
- import { createSlot } from '../../../../../../../../react-slot/dist/index.js';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- function createCollection(name) {
8
- const PROVIDER_NAME = name + "CollectionProvider";
9
- const [createCollectionContext, createCollectionScope] = createContextScope(PROVIDER_NAME);
10
- const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(
11
- PROVIDER_NAME,
12
- { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
13
- );
14
- const CollectionProvider = (props) => {
15
- const { scope, children } = props;
16
- const ref = React__default.useRef(null);
17
- const itemMap = React__default.useRef(/* @__PURE__ */ new Map()).current;
18
- return /* @__PURE__ */ jsx(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
19
- };
20
- CollectionProvider.displayName = PROVIDER_NAME;
21
- const COLLECTION_SLOT_NAME = name + "CollectionSlot";
22
- const CollectionSlotImpl = createSlot(COLLECTION_SLOT_NAME);
23
- const CollectionSlot = React__default.forwardRef(
24
- (props, forwardedRef) => {
25
- const { scope, children } = props;
26
- const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
27
- const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
28
- return /* @__PURE__ */ jsx(CollectionSlotImpl, { ref: composedRefs, children });
29
- }
30
- );
31
- CollectionSlot.displayName = COLLECTION_SLOT_NAME;
32
- const ITEM_SLOT_NAME = name + "CollectionItemSlot";
33
- const ITEM_DATA_ATTR = "data-radix-collection-item";
34
- const CollectionItemSlotImpl = createSlot(ITEM_SLOT_NAME);
35
- const CollectionItemSlot = React__default.forwardRef(
36
- (props, forwardedRef) => {
37
- const { scope, children, ...itemData } = props;
38
- const ref = React__default.useRef(null);
39
- const composedRefs = useComposedRefs(forwardedRef, ref);
40
- const context = useCollectionContext(ITEM_SLOT_NAME, scope);
41
- React__default.useEffect(() => {
42
- context.itemMap.set(ref, { ref, ...itemData });
43
- return () => void context.itemMap.delete(ref);
44
- });
45
- return /* @__PURE__ */ jsx(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
46
- }
47
- );
48
- CollectionItemSlot.displayName = ITEM_SLOT_NAME;
49
- function useCollection(scope) {
50
- const context = useCollectionContext(name + "CollectionConsumer", scope);
51
- const getItems = React__default.useCallback(() => {
52
- const collectionNode = context.collectionRef.current;
53
- if (!collectionNode) return [];
54
- const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
55
- const items = Array.from(context.itemMap.values());
56
- const orderedItems = items.sort(
57
- (a, b) => orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
58
- );
59
- return orderedItems;
60
- }, [context.collectionRef, context.itemMap]);
61
- return getItems;
62
- }
63
- return [
64
- { Provider: CollectionProvider, Slot: CollectionSlot, ItemSlot: CollectionItemSlot },
65
- useCollection,
66
- createCollectionScope
67
- ];
68
- }
69
-
70
- export { createCollection };
@@ -1,207 +0,0 @@
1
- import * as React from 'react';
2
- import { useComposedRefs } from '../../../../../react-compose-refs/dist/index.js';
3
- import { Primitive } from '../../react-primitive/dist/index.js';
4
- import { useCallbackRef } from '../../../../../react-use-callback-ref/dist/index.js';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
8
- var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
9
- var EVENT_OPTIONS = { bubbles: false, cancelable: true };
10
- var FOCUS_SCOPE_NAME = "FocusScope";
11
- var FocusScope = React.forwardRef((props, forwardedRef) => {
12
- const {
13
- loop = false,
14
- trapped = false,
15
- onMountAutoFocus: onMountAutoFocusProp,
16
- onUnmountAutoFocus: onUnmountAutoFocusProp,
17
- ...scopeProps
18
- } = props;
19
- const [container, setContainer] = React.useState(null);
20
- const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
21
- const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
22
- const lastFocusedElementRef = React.useRef(null);
23
- const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
24
- const focusScope = React.useRef({
25
- paused: false,
26
- pause() {
27
- this.paused = true;
28
- },
29
- resume() {
30
- this.paused = false;
31
- }
32
- }).current;
33
- React.useEffect(() => {
34
- if (trapped) {
35
- let handleFocusIn2 = function(event) {
36
- if (focusScope.paused || !container) return;
37
- const target = event.target;
38
- if (container.contains(target)) {
39
- lastFocusedElementRef.current = target;
40
- } else {
41
- focus(lastFocusedElementRef.current, { select: true });
42
- }
43
- }, handleFocusOut2 = function(event) {
44
- if (focusScope.paused || !container) return;
45
- const relatedTarget = event.relatedTarget;
46
- if (relatedTarget === null) return;
47
- if (!container.contains(relatedTarget)) {
48
- focus(lastFocusedElementRef.current, { select: true });
49
- }
50
- }, handleMutations2 = function(mutations) {
51
- const focusedElement = document.activeElement;
52
- if (focusedElement !== document.body) return;
53
- for (const mutation of mutations) {
54
- if (mutation.removedNodes.length > 0) focus(container);
55
- }
56
- };
57
- document.addEventListener("focusin", handleFocusIn2);
58
- document.addEventListener("focusout", handleFocusOut2);
59
- const mutationObserver = new MutationObserver(handleMutations2);
60
- if (container) mutationObserver.observe(container, { childList: true, subtree: true });
61
- return () => {
62
- document.removeEventListener("focusin", handleFocusIn2);
63
- document.removeEventListener("focusout", handleFocusOut2);
64
- mutationObserver.disconnect();
65
- };
66
- }
67
- }, [trapped, container, focusScope.paused]);
68
- React.useEffect(() => {
69
- if (container) {
70
- focusScopesStack.add(focusScope);
71
- const previouslyFocusedElement = document.activeElement;
72
- const hasFocusedCandidate = container.contains(previouslyFocusedElement);
73
- if (!hasFocusedCandidate) {
74
- const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
75
- container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
76
- container.dispatchEvent(mountEvent);
77
- if (!mountEvent.defaultPrevented) {
78
- focusFirst(removeLinks(getTabbableCandidates(container)), { select: true });
79
- if (document.activeElement === previouslyFocusedElement) {
80
- focus(container);
81
- }
82
- }
83
- }
84
- return () => {
85
- container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
86
- setTimeout(() => {
87
- const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
88
- container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
89
- container.dispatchEvent(unmountEvent);
90
- if (!unmountEvent.defaultPrevented) {
91
- focus(previouslyFocusedElement ?? document.body, { select: true });
92
- }
93
- container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
94
- focusScopesStack.remove(focusScope);
95
- }, 0);
96
- };
97
- }
98
- }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
99
- const handleKeyDown = React.useCallback(
100
- (event) => {
101
- if (!loop && !trapped) return;
102
- if (focusScope.paused) return;
103
- const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
104
- const focusedElement = document.activeElement;
105
- if (isTabKey && focusedElement) {
106
- const container2 = event.currentTarget;
107
- const [first, last] = getTabbableEdges(container2);
108
- const hasTabbableElementsInside = first && last;
109
- if (!hasTabbableElementsInside) {
110
- if (focusedElement === container2) event.preventDefault();
111
- } else {
112
- if (!event.shiftKey && focusedElement === last) {
113
- event.preventDefault();
114
- if (loop) focus(first, { select: true });
115
- } else if (event.shiftKey && focusedElement === first) {
116
- event.preventDefault();
117
- if (loop) focus(last, { select: true });
118
- }
119
- }
120
- }
121
- },
122
- [loop, trapped, focusScope.paused]
123
- );
124
- return /* @__PURE__ */ jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
125
- });
126
- FocusScope.displayName = FOCUS_SCOPE_NAME;
127
- function focusFirst(candidates, { select = false } = {}) {
128
- const previouslyFocusedElement = document.activeElement;
129
- for (const candidate of candidates) {
130
- focus(candidate, { select });
131
- if (document.activeElement !== previouslyFocusedElement) return;
132
- }
133
- }
134
- function getTabbableEdges(container) {
135
- const candidates = getTabbableCandidates(container);
136
- const first = findVisible(candidates, container);
137
- const last = findVisible(candidates.reverse(), container);
138
- return [first, last];
139
- }
140
- function getTabbableCandidates(container) {
141
- const nodes = [];
142
- const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
143
- acceptNode: (node) => {
144
- const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
145
- if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
146
- return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
147
- }
148
- });
149
- while (walker.nextNode()) nodes.push(walker.currentNode);
150
- return nodes;
151
- }
152
- function findVisible(elements, container) {
153
- for (const element of elements) {
154
- if (!isHidden(element, { upTo: container })) return element;
155
- }
156
- }
157
- function isHidden(node, { upTo }) {
158
- if (getComputedStyle(node).visibility === "hidden") return true;
159
- while (node) {
160
- if (upTo !== void 0 && node === upTo) return false;
161
- if (getComputedStyle(node).display === "none") return true;
162
- node = node.parentElement;
163
- }
164
- return false;
165
- }
166
- function isSelectableInput(element) {
167
- return element instanceof HTMLInputElement && "select" in element;
168
- }
169
- function focus(element, { select = false } = {}) {
170
- if (element && element.focus) {
171
- const previouslyFocusedElement = document.activeElement;
172
- element.focus({ preventScroll: true });
173
- if (element !== previouslyFocusedElement && isSelectableInput(element) && select)
174
- element.select();
175
- }
176
- }
177
- var focusScopesStack = createFocusScopesStack();
178
- function createFocusScopesStack() {
179
- let stack = [];
180
- return {
181
- add(focusScope) {
182
- const activeFocusScope = stack[0];
183
- if (focusScope !== activeFocusScope) {
184
- activeFocusScope?.pause();
185
- }
186
- stack = arrayRemove(stack, focusScope);
187
- stack.unshift(focusScope);
188
- },
189
- remove(focusScope) {
190
- stack = arrayRemove(stack, focusScope);
191
- stack[0]?.resume();
192
- }
193
- };
194
- }
195
- function arrayRemove(array, item) {
196
- const updatedArray = [...array];
197
- const index = updatedArray.indexOf(item);
198
- if (index !== -1) {
199
- updatedArray.splice(index, 1);
200
- }
201
- return updatedArray;
202
- }
203
- function removeLinks(items) {
204
- return items.filter((item) => item.tagName !== "A");
205
- }
206
-
207
- export { FocusScope };
@@ -1,283 +0,0 @@
1
- import * as React from 'react';
2
- import { useFloating, offset, shift, flip, size, arrow, hide, limitShift } from '../../../../../../@floating-ui/react-dom/dist/floating-ui.react-dom.js';
3
- import { Root } from '../node_modules/@radix-ui/react-arrow/dist/index.js';
4
- import { useComposedRefs } from '../../../../../react-compose-refs/dist/index.js';
5
- import { createContextScope } from '../../../../../react-context/dist/index.js';
6
- import { Primitive } from '../../react-primitive/dist/index.js';
7
- import { useCallbackRef } from '../../../../../react-use-callback-ref/dist/index.js';
8
- import { useLayoutEffect as useLayoutEffect2 } from '../../../../../react-use-layout-effect/dist/index.js';
9
- import { useSize } from '../../../../../react-use-size/dist/index.js';
10
- import { jsx } from 'react/jsx-runtime';
11
- import { autoUpdate } from '../../../../../../@floating-ui/dom/dist/floating-ui.dom.js';
12
-
13
- var POPPER_NAME = "Popper";
14
- var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
15
- var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
16
- var Popper = (props) => {
17
- const { __scopePopper, children } = props;
18
- const [anchor, setAnchor] = React.useState(null);
19
- return /* @__PURE__ */ jsx(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
20
- };
21
- Popper.displayName = POPPER_NAME;
22
- var ANCHOR_NAME = "PopperAnchor";
23
- var PopperAnchor = React.forwardRef(
24
- (props, forwardedRef) => {
25
- const { __scopePopper, virtualRef, ...anchorProps } = props;
26
- const context = usePopperContext(ANCHOR_NAME, __scopePopper);
27
- const ref = React.useRef(null);
28
- const composedRefs = useComposedRefs(forwardedRef, ref);
29
- const anchorRef = React.useRef(null);
30
- React.useEffect(() => {
31
- const previousAnchor = anchorRef.current;
32
- anchorRef.current = virtualRef?.current || ref.current;
33
- if (previousAnchor !== anchorRef.current) {
34
- context.onAnchorChange(anchorRef.current);
35
- }
36
- });
37
- return virtualRef ? null : /* @__PURE__ */ jsx(Primitive.div, { ...anchorProps, ref: composedRefs });
38
- }
39
- );
40
- PopperAnchor.displayName = ANCHOR_NAME;
41
- var CONTENT_NAME = "PopperContent";
42
- var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
43
- var PopperContent = React.forwardRef(
44
- (props, forwardedRef) => {
45
- const {
46
- __scopePopper,
47
- side = "bottom",
48
- sideOffset = 0,
49
- align = "center",
50
- alignOffset = 0,
51
- arrowPadding = 0,
52
- avoidCollisions = true,
53
- collisionBoundary = [],
54
- collisionPadding: collisionPaddingProp = 0,
55
- sticky = "partial",
56
- hideWhenDetached = false,
57
- updatePositionStrategy = "optimized",
58
- onPlaced,
59
- ...contentProps
60
- } = props;
61
- const context = usePopperContext(CONTENT_NAME, __scopePopper);
62
- const [content, setContent] = React.useState(null);
63
- const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
64
- const [arrow$1, setArrow] = React.useState(null);
65
- const arrowSize = useSize(arrow$1);
66
- const arrowWidth = arrowSize?.width ?? 0;
67
- const arrowHeight = arrowSize?.height ?? 0;
68
- const desiredPlacement = side + (align !== "center" ? "-" + align : "");
69
- const collisionPadding = typeof collisionPaddingProp === "number" ? collisionPaddingProp : { top: 0, right: 0, bottom: 0, left: 0, ...collisionPaddingProp };
70
- const boundary = Array.isArray(collisionBoundary) ? collisionBoundary : [collisionBoundary];
71
- const hasExplicitBoundaries = boundary.length > 0;
72
- const detectOverflowOptions = {
73
- padding: collisionPadding,
74
- boundary: boundary.filter(isNotNull),
75
- // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
76
- altBoundary: hasExplicitBoundaries
77
- };
78
- const { refs, floatingStyles, placement, isPositioned, middlewareData } = useFloating({
79
- // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
80
- strategy: "fixed",
81
- placement: desiredPlacement,
82
- whileElementsMounted: (...args) => {
83
- const cleanup = autoUpdate(...args, {
84
- animationFrame: updatePositionStrategy === "always"
85
- });
86
- return cleanup;
87
- },
88
- elements: {
89
- reference: context.anchor
90
- },
91
- middleware: [
92
- offset({ mainAxis: sideOffset + arrowHeight, alignmentAxis: alignOffset }),
93
- avoidCollisions && shift({
94
- mainAxis: true,
95
- crossAxis: false,
96
- limiter: sticky === "partial" ? limitShift() : void 0,
97
- ...detectOverflowOptions
98
- }),
99
- avoidCollisions && flip({ ...detectOverflowOptions }),
100
- size({
101
- ...detectOverflowOptions,
102
- apply: ({ elements, rects, availableWidth, availableHeight }) => {
103
- const { width: anchorWidth, height: anchorHeight } = rects.reference;
104
- const contentStyle = elements.floating.style;
105
- contentStyle.setProperty("--radix-popper-available-width", `${availableWidth}px`);
106
- contentStyle.setProperty("--radix-popper-available-height", `${availableHeight}px`);
107
- contentStyle.setProperty("--radix-popper-anchor-width", `${anchorWidth}px`);
108
- contentStyle.setProperty("--radix-popper-anchor-height", `${anchorHeight}px`);
109
- }
110
- }),
111
- arrow$1 && arrow({ element: arrow$1, padding: arrowPadding }),
112
- transformOrigin({ arrowWidth, arrowHeight }),
113
- hideWhenDetached && hide({ strategy: "referenceHidden", ...detectOverflowOptions })
114
- ]
115
- });
116
- const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
117
- const handlePlaced = useCallbackRef(onPlaced);
118
- useLayoutEffect2(() => {
119
- if (isPositioned) {
120
- handlePlaced?.();
121
- }
122
- }, [isPositioned, handlePlaced]);
123
- const arrowX = middlewareData.arrow?.x;
124
- const arrowY = middlewareData.arrow?.y;
125
- const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
126
- const [contentZIndex, setContentZIndex] = React.useState();
127
- useLayoutEffect2(() => {
128
- if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
129
- }, [content]);
130
- return /* @__PURE__ */ jsx(
131
- "div",
132
- {
133
- ref: refs.setFloating,
134
- "data-radix-popper-content-wrapper": "",
135
- style: {
136
- ...floatingStyles,
137
- transform: isPositioned ? floatingStyles.transform : "translate(0, -200%)",
138
- // keep off the page when measuring
139
- minWidth: "max-content",
140
- zIndex: contentZIndex,
141
- ["--radix-popper-transform-origin"]: [
142
- middlewareData.transformOrigin?.x,
143
- middlewareData.transformOrigin?.y
144
- ].join(" "),
145
- // hide the content if using the hide middleware and should be hidden
146
- // set visibility to hidden and disable pointer events so the UI behaves
147
- // as if the PopperContent isn't there at all
148
- ...middlewareData.hide?.referenceHidden && {
149
- visibility: "hidden",
150
- pointerEvents: "none"
151
- }
152
- },
153
- dir: props.dir,
154
- children: /* @__PURE__ */ jsx(
155
- PopperContentProvider,
156
- {
157
- scope: __scopePopper,
158
- placedSide,
159
- onArrowChange: setArrow,
160
- arrowX,
161
- arrowY,
162
- shouldHideArrow: cannotCenterArrow,
163
- children: /* @__PURE__ */ jsx(
164
- Primitive.div,
165
- {
166
- "data-side": placedSide,
167
- "data-align": placedAlign,
168
- ...contentProps,
169
- ref: composedRefs,
170
- style: {
171
- ...contentProps.style,
172
- // if the PopperContent hasn't been placed yet (not all measurements done)
173
- // we prevent animations so that users's animation don't kick in too early referring wrong sides
174
- animation: !isPositioned ? "none" : void 0
175
- }
176
- }
177
- )
178
- }
179
- )
180
- }
181
- );
182
- }
183
- );
184
- PopperContent.displayName = CONTENT_NAME;
185
- var ARROW_NAME = "PopperArrow";
186
- var OPPOSITE_SIDE = {
187
- top: "bottom",
188
- right: "left",
189
- bottom: "top",
190
- left: "right"
191
- };
192
- var PopperArrow = React.forwardRef(function PopperArrow2(props, forwardedRef) {
193
- const { __scopePopper, ...arrowProps } = props;
194
- const contentContext = useContentContext(ARROW_NAME, __scopePopper);
195
- const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
196
- return (
197
- // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
198
- // doesn't report size as we'd expect on SVG elements.
199
- // it reports their bounding box which is effectively the largest path inside the SVG.
200
- /* @__PURE__ */ jsx(
201
- "span",
202
- {
203
- ref: contentContext.onArrowChange,
204
- style: {
205
- position: "absolute",
206
- left: contentContext.arrowX,
207
- top: contentContext.arrowY,
208
- [baseSide]: 0,
209
- transformOrigin: {
210
- top: "",
211
- right: "0 0",
212
- bottom: "center 0",
213
- left: "100% 0"
214
- }[contentContext.placedSide],
215
- transform: {
216
- top: "translateY(100%)",
217
- right: "translateY(50%) rotate(90deg) translateX(-50%)",
218
- bottom: `rotate(180deg)`,
219
- left: "translateY(50%) rotate(-90deg) translateX(50%)"
220
- }[contentContext.placedSide],
221
- visibility: contentContext.shouldHideArrow ? "hidden" : void 0
222
- },
223
- children: /* @__PURE__ */ jsx(
224
- Root,
225
- {
226
- ...arrowProps,
227
- ref: forwardedRef,
228
- style: {
229
- ...arrowProps.style,
230
- // ensures the element can be measured correctly (mostly for if SVG)
231
- display: "block"
232
- }
233
- }
234
- )
235
- }
236
- )
237
- );
238
- });
239
- PopperArrow.displayName = ARROW_NAME;
240
- function isNotNull(value) {
241
- return value !== null;
242
- }
243
- var transformOrigin = (options) => ({
244
- name: "transformOrigin",
245
- options,
246
- fn(data) {
247
- const { placement, rects, middlewareData } = data;
248
- const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
249
- const isArrowHidden = cannotCenterArrow;
250
- const arrowWidth = isArrowHidden ? 0 : options.arrowWidth;
251
- const arrowHeight = isArrowHidden ? 0 : options.arrowHeight;
252
- const [placedSide, placedAlign] = getSideAndAlignFromPlacement(placement);
253
- const noArrowAlign = { start: "0%", center: "50%", end: "100%" }[placedAlign];
254
- const arrowXCenter = (middlewareData.arrow?.x ?? 0) + arrowWidth / 2;
255
- const arrowYCenter = (middlewareData.arrow?.y ?? 0) + arrowHeight / 2;
256
- let x = "";
257
- let y = "";
258
- if (placedSide === "bottom") {
259
- x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
260
- y = `${-arrowHeight}px`;
261
- } else if (placedSide === "top") {
262
- x = isArrowHidden ? noArrowAlign : `${arrowXCenter}px`;
263
- y = `${rects.floating.height + arrowHeight}px`;
264
- } else if (placedSide === "right") {
265
- x = `${-arrowHeight}px`;
266
- y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
267
- } else if (placedSide === "left") {
268
- x = `${rects.floating.width + arrowHeight}px`;
269
- y = isArrowHidden ? noArrowAlign : `${arrowYCenter}px`;
270
- }
271
- return { data: { x, y } };
272
- }
273
- });
274
- function getSideAndAlignFromPlacement(placement) {
275
- const [side, align = "center"] = placement.split("-");
276
- return [side, align];
277
- }
278
- var Root2 = Popper;
279
- var Anchor = PopperAnchor;
280
- var Content = PopperContent;
281
- var Arrow = PopperArrow;
282
-
283
- export { Anchor, Arrow, Content, Popper, PopperAnchor, PopperArrow, PopperContent, Root2 as Root, createPopperScope };
@@ -1,17 +0,0 @@
1
- import * as React from 'react';
2
- import ReactDOM__default from 'react-dom';
3
- import { Primitive } from '../../react-primitive/dist/index.js';
4
- import { useLayoutEffect as useLayoutEffect2 } from '../../../../../react-use-layout-effect/dist/index.js';
5
- import { jsx } from 'react/jsx-runtime';
6
-
7
- var PORTAL_NAME = "Portal";
8
- var Portal = React.forwardRef((props, forwardedRef) => {
9
- const { container: containerProp, ...portalProps } = props;
10
- const [mounted, setMounted] = React.useState(false);
11
- useLayoutEffect2(() => setMounted(true), []);
12
- const container = containerProp || mounted && globalThis?.document?.body;
13
- return container ? ReactDOM__default.createPortal(/* @__PURE__ */ jsx(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
14
- });
15
- Portal.displayName = PORTAL_NAME;
16
-
17
- export { Portal };
@@ -1,43 +0,0 @@
1
- import * as React from 'react';
2
- import * as ReactDOM from 'react-dom';
3
- import { createSlot } from '../../../../../react-slot/dist/index.js';
4
- import { jsx } from 'react/jsx-runtime';
5
-
6
- // src/primitive.tsx
7
- var NODES = [
8
- "a",
9
- "button",
10
- "div",
11
- "form",
12
- "h2",
13
- "h3",
14
- "img",
15
- "input",
16
- "label",
17
- "li",
18
- "nav",
19
- "ol",
20
- "p",
21
- "select",
22
- "span",
23
- "svg",
24
- "ul"
25
- ];
26
- var Primitive = NODES.reduce((primitive, node) => {
27
- const Slot = createSlot(`Primitive.${node}`);
28
- const Node = React.forwardRef((props, forwardedRef) => {
29
- const { asChild, ...primitiveProps } = props;
30
- const Comp = asChild ? Slot : node;
31
- if (typeof window !== "undefined") {
32
- window[Symbol.for("radix-ui")] = true;
33
- }
34
- return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });
35
- });
36
- Node.displayName = `Primitive.${node}`;
37
- return { ...primitive, [node]: Node };
38
- }, {});
39
- function dispatchDiscreteCustomEvent(target, event) {
40
- if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
41
- }
42
-
43
- export { Primitive, dispatchDiscreteCustomEvent };