ingeniuscliq-core 0.4.15 → 0.4.17

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 (78) hide show
  1. package/dist/components/common/logo/Logo.tsx +1 -1
  2. package/dist/node_modules/@radix-ui/react-accordion/dist/index.js +3 -3
  3. 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
  4. package/dist/node_modules/@radix-ui/react-avatar/dist/index.js +1 -1
  5. package/dist/node_modules/@radix-ui/react-checkbox/dist/index.js +2 -2
  6. package/dist/node_modules/@radix-ui/{react-accordion/node_modules/@radix-ui/react-collapsible → react-collapsible}/dist/index.js +7 -7
  7. package/dist/node_modules/@radix-ui/{react-select/node_modules/@radix-ui/react-collection → react-collection}/dist/index.js +3 -3
  8. package/dist/node_modules/@radix-ui/react-dialog/dist/index.js +5 -5
  9. package/dist/node_modules/@radix-ui/{react-select/node_modules/@radix-ui/react-dismissable-layer → react-dismissable-layer}/dist/index.js +4 -4
  10. package/dist/node_modules/@radix-ui/react-dropdown-menu/dist/index.js +2 -2
  11. package/dist/node_modules/@radix-ui/{react-dialog/node_modules/@radix-ui/react-focus-scope → react-focus-scope}/dist/index.js +2 -2
  12. package/dist/node_modules/@radix-ui/react-label/dist/index.js +1 -1
  13. package/dist/node_modules/@radix-ui/{react-dropdown-menu/node_modules/@radix-ui/react-menu → react-menu}/dist/index.js +17 -17
  14. package/dist/node_modules/@radix-ui/react-popover/dist/index.js +6 -6
  15. package/dist/node_modules/@radix-ui/{react-popover/node_modules/@radix-ui/react-popper → react-popper}/dist/index.js +8 -8
  16. package/dist/node_modules/@radix-ui/{react-popover/node_modules/@radix-ui/react-portal → react-portal}/dist/index.js +1 -1
  17. package/dist/node_modules/@radix-ui/{react-popover/node_modules/@radix-ui/react-presence → react-presence}/dist/index.js +2 -2
  18. package/dist/node_modules/@radix-ui/{react-dropdown-menu/node_modules/@radix-ui/react-primitive → react-primitive}/dist/index.js +1 -1
  19. package/dist/node_modules/@radix-ui/react-radio-group/dist/index.js +3 -3
  20. package/dist/node_modules/@radix-ui/{react-radio-group/node_modules/@radix-ui/react-roving-focus → react-roving-focus}/dist/index.js +8 -8
  21. package/dist/node_modules/@radix-ui/react-select/dist/index.js +7 -7
  22. package/dist/node_modules/@radix-ui/react-separator/dist/index.js +1 -1
  23. package/dist/node_modules/@radix-ui/react-slider/dist/index.js +2 -2
  24. package/dist/node_modules/@radix-ui/react-switch/dist/index.js +1 -1
  25. package/dist/node_modules/@radix-ui/react-tabs/dist/index.js +3 -3
  26. package/dist/node_modules/@radix-ui/react-tooltip/dist/index.js +5 -5
  27. package/dist/node_modules/react-i18next/dist/es/defaults.js +2 -1
  28. package/package.json +10 -10
  29. package/src/core/commands/create-core-module.js +288 -0
  30. package/src/core/commands/create-module.js +288 -0
  31. package/src/core/commands/create-template.js +169 -0
  32. package/src/core/commands/rollback-core-module.js +195 -0
  33. package/src/core/commands/rollback-module.js +208 -0
  34. 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
  35. package/dist/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-collection/dist/index.js +0 -70
  36. package/dist/node_modules/@radix-ui/react-accordion/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  37. package/dist/node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  38. package/dist/node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  39. package/dist/node_modules/@radix-ui/react-checkbox/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  40. package/dist/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -211
  41. package/dist/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal/dist/index.js +0 -17
  42. package/dist/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  43. package/dist/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
  44. 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
  45. 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
  46. 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
  47. 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
  48. 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
  49. 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
  50. 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
  51. 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
  52. package/dist/node_modules/@radix-ui/react-label/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  53. package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -211
  54. package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-focus-scope/dist/index.js +0 -207
  55. 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
  56. package/dist/node_modules/@radix-ui/react-popover/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
  57. package/dist/node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  58. package/dist/node_modules/@radix-ui/react-radio-group/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  59. 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
  60. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-focus-scope/dist/index.js +0 -207
  61. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-popper/dist/index.js +0 -283
  62. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-portal/dist/index.js +0 -17
  63. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
  64. package/dist/node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-visually-hidden/dist/index.js +0 -34
  65. package/dist/node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  66. package/dist/node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-collection/dist/index.js +0 -70
  67. package/dist/node_modules/@radix-ui/react-slider/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  68. package/dist/node_modules/@radix-ui/react-switch/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  69. package/dist/node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  70. package/dist/node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-primitive/dist/index.js +0 -40
  71. package/dist/node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-roving-focus/dist/index.js +0 -223
  72. 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
  73. package/dist/node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -211
  74. package/dist/node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-popper/dist/index.js +0 -283
  75. 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
  76. package/dist/node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  77. package/dist/node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
  78. /package/dist/node_modules/@radix-ui/{react-tooltip/node_modules/@radix-ui/react-visually-hidden → react-visually-hidden}/dist/index.js +0 -0
@@ -1,34 +0,0 @@
1
- import * as React from 'react';
2
- import { Primitive } from '../../react-primitive/dist/index.js';
3
- import { jsx } from 'react/jsx-runtime';
4
-
5
- // src/visually-hidden.tsx
6
- var VISUALLY_HIDDEN_STYLES = Object.freeze({
7
- // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
8
- position: "absolute",
9
- border: 0,
10
- width: 1,
11
- height: 1,
12
- padding: 0,
13
- margin: -1,
14
- overflow: "hidden",
15
- clip: "rect(0, 0, 0, 0)",
16
- whiteSpace: "nowrap",
17
- wordWrap: "normal"
18
- });
19
- var NAME = "VisuallyHidden";
20
- var VisuallyHidden = React.forwardRef(
21
- (props, forwardedRef) => {
22
- return /* @__PURE__ */ jsx(
23
- Primitive.span,
24
- {
25
- ...props,
26
- ref: forwardedRef,
27
- style: { ...VISUALLY_HIDDEN_STYLES, ...props.style }
28
- }
29
- );
30
- }
31
- );
32
- VisuallyHidden.displayName = NAME;
33
-
34
- export { VISUALLY_HIDDEN_STYLES, VisuallyHidden };
@@ -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,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,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,130 +0,0 @@
1
- import * as React from 'react';
2
- import { useComposedRefs } from '../../../../../react-compose-refs/dist/index.js';
3
- import { useLayoutEffect as useLayoutEffect2 } from '../../../../../react-use-layout-effect/dist/index.js';
4
-
5
- function useStateMachine(initialState, machine) {
6
- return React.useReducer((state, event) => {
7
- const nextState = machine[state][event];
8
- return nextState ?? state;
9
- }, initialState);
10
- }
11
-
12
- // src/presence.tsx
13
- var Presence = (props) => {
14
- const { present, children } = props;
15
- const presence = usePresence(present);
16
- const child = typeof children === "function" ? children({ present: presence.isPresent }) : React.Children.only(children);
17
- const ref = useComposedRefs(presence.ref, getElementRef(child));
18
- const forceMount = typeof children === "function";
19
- return forceMount || presence.isPresent ? React.cloneElement(child, { ref }) : null;
20
- };
21
- Presence.displayName = "Presence";
22
- function usePresence(present) {
23
- const [node, setNode] = React.useState();
24
- const stylesRef = React.useRef(null);
25
- const prevPresentRef = React.useRef(present);
26
- const prevAnimationNameRef = React.useRef("none");
27
- const initialState = present ? "mounted" : "unmounted";
28
- const [state, send] = useStateMachine(initialState, {
29
- mounted: {
30
- UNMOUNT: "unmounted",
31
- ANIMATION_OUT: "unmountSuspended"
32
- },
33
- unmountSuspended: {
34
- MOUNT: "mounted",
35
- ANIMATION_END: "unmounted"
36
- },
37
- unmounted: {
38
- MOUNT: "mounted"
39
- }
40
- });
41
- React.useEffect(() => {
42
- const currentAnimationName = getAnimationName(stylesRef.current);
43
- prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
44
- }, [state]);
45
- useLayoutEffect2(() => {
46
- const styles = stylesRef.current;
47
- const wasPresent = prevPresentRef.current;
48
- const hasPresentChanged = wasPresent !== present;
49
- if (hasPresentChanged) {
50
- const prevAnimationName = prevAnimationNameRef.current;
51
- const currentAnimationName = getAnimationName(styles);
52
- if (present) {
53
- send("MOUNT");
54
- } else if (currentAnimationName === "none" || styles?.display === "none") {
55
- send("UNMOUNT");
56
- } else {
57
- const isAnimating = prevAnimationName !== currentAnimationName;
58
- if (wasPresent && isAnimating) {
59
- send("ANIMATION_OUT");
60
- } else {
61
- send("UNMOUNT");
62
- }
63
- }
64
- prevPresentRef.current = present;
65
- }
66
- }, [present, send]);
67
- useLayoutEffect2(() => {
68
- if (node) {
69
- let timeoutId;
70
- const ownerWindow = node.ownerDocument.defaultView ?? window;
71
- const handleAnimationEnd = (event) => {
72
- const currentAnimationName = getAnimationName(stylesRef.current);
73
- const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
74
- if (event.target === node && isCurrentAnimation) {
75
- send("ANIMATION_END");
76
- if (!prevPresentRef.current) {
77
- const currentFillMode = node.style.animationFillMode;
78
- node.style.animationFillMode = "forwards";
79
- timeoutId = ownerWindow.setTimeout(() => {
80
- if (node.style.animationFillMode === "forwards") {
81
- node.style.animationFillMode = currentFillMode;
82
- }
83
- });
84
- }
85
- }
86
- };
87
- const handleAnimationStart = (event) => {
88
- if (event.target === node) {
89
- prevAnimationNameRef.current = getAnimationName(stylesRef.current);
90
- }
91
- };
92
- node.addEventListener("animationstart", handleAnimationStart);
93
- node.addEventListener("animationcancel", handleAnimationEnd);
94
- node.addEventListener("animationend", handleAnimationEnd);
95
- return () => {
96
- ownerWindow.clearTimeout(timeoutId);
97
- node.removeEventListener("animationstart", handleAnimationStart);
98
- node.removeEventListener("animationcancel", handleAnimationEnd);
99
- node.removeEventListener("animationend", handleAnimationEnd);
100
- };
101
- } else {
102
- send("ANIMATION_END");
103
- }
104
- }, [node, send]);
105
- return {
106
- isPresent: ["mounted", "unmountSuspended"].includes(state),
107
- ref: React.useCallback((node2) => {
108
- stylesRef.current = node2 ? getComputedStyle(node2) : null;
109
- setNode(node2);
110
- }, [])
111
- };
112
- }
113
- function getAnimationName(styles) {
114
- return styles?.animationName || "none";
115
- }
116
- function getElementRef(element) {
117
- let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
118
- let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
119
- if (mayWarn) {
120
- return element.ref;
121
- }
122
- getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
123
- mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
124
- if (mayWarn) {
125
- return element.props.ref;
126
- }
127
- return element.props.ref || element.ref;
128
- }
129
-
130
- export { Presence };
@@ -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,223 +0,0 @@
1
- import * as React from 'react';
2
- import { composeEventHandlers } from '../../../../../primitive/dist/index.js';
3
- import { createCollection } from '../node_modules/@radix-ui/react-collection/dist/index.js';
4
- import { useComposedRefs } from '../../../../../react-compose-refs/dist/index.js';
5
- import { createContextScope } from '../../../../../react-context/dist/index.js';
6
- import { useId } from '../../../../../react-id/dist/index.js';
7
- import { Primitive } from '../../react-primitive/dist/index.js';
8
- import { useCallbackRef } from '../../../../../react-use-callback-ref/dist/index.js';
9
- import { useControllableState } from '../../../../../react-use-controllable-state/dist/index.js';
10
- import { useDirection } from '../../../../../react-direction/dist/index.js';
11
- import { jsx } from 'react/jsx-runtime';
12
-
13
- var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
14
- var EVENT_OPTIONS = { bubbles: false, cancelable: true };
15
- var GROUP_NAME = "RovingFocusGroup";
16
- var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
17
- var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
18
- GROUP_NAME,
19
- [createCollectionScope]
20
- );
21
- var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
22
- var RovingFocusGroup = React.forwardRef(
23
- (props, forwardedRef) => {
24
- return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
25
- }
26
- );
27
- RovingFocusGroup.displayName = GROUP_NAME;
28
- var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
29
- const {
30
- __scopeRovingFocusGroup,
31
- orientation,
32
- loop = false,
33
- dir,
34
- currentTabStopId: currentTabStopIdProp,
35
- defaultCurrentTabStopId,
36
- onCurrentTabStopIdChange,
37
- onEntryFocus,
38
- preventScrollOnEntryFocus = false,
39
- ...groupProps
40
- } = props;
41
- const ref = React.useRef(null);
42
- const composedRefs = useComposedRefs(forwardedRef, ref);
43
- const direction = useDirection(dir);
44
- const [currentTabStopId, setCurrentTabStopId] = useControllableState({
45
- prop: currentTabStopIdProp,
46
- defaultProp: defaultCurrentTabStopId ?? null,
47
- onChange: onCurrentTabStopIdChange,
48
- caller: GROUP_NAME
49
- });
50
- const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);
51
- const handleEntryFocus = useCallbackRef(onEntryFocus);
52
- const getItems = useCollection(__scopeRovingFocusGroup);
53
- const isClickFocusRef = React.useRef(false);
54
- const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
55
- React.useEffect(() => {
56
- const node = ref.current;
57
- if (node) {
58
- node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
59
- return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
60
- }
61
- }, [handleEntryFocus]);
62
- return /* @__PURE__ */ jsx(
63
- RovingFocusProvider,
64
- {
65
- scope: __scopeRovingFocusGroup,
66
- orientation,
67
- dir: direction,
68
- loop,
69
- currentTabStopId,
70
- onItemFocus: React.useCallback(
71
- (tabStopId) => setCurrentTabStopId(tabStopId),
72
- [setCurrentTabStopId]
73
- ),
74
- onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(true), []),
75
- onFocusableItemAdd: React.useCallback(
76
- () => setFocusableItemsCount((prevCount) => prevCount + 1),
77
- []
78
- ),
79
- onFocusableItemRemove: React.useCallback(
80
- () => setFocusableItemsCount((prevCount) => prevCount - 1),
81
- []
82
- ),
83
- children: /* @__PURE__ */ jsx(
84
- Primitive.div,
85
- {
86
- tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
87
- "data-orientation": orientation,
88
- ...groupProps,
89
- ref: composedRefs,
90
- style: { outline: "none", ...props.style },
91
- onMouseDown: composeEventHandlers(props.onMouseDown, () => {
92
- isClickFocusRef.current = true;
93
- }),
94
- onFocus: composeEventHandlers(props.onFocus, (event) => {
95
- const isKeyboardFocus = !isClickFocusRef.current;
96
- if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
97
- const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
98
- event.currentTarget.dispatchEvent(entryFocusEvent);
99
- if (!entryFocusEvent.defaultPrevented) {
100
- const items = getItems().filter((item) => item.focusable);
101
- const activeItem = items.find((item) => item.active);
102
- const currentItem = items.find((item) => item.id === currentTabStopId);
103
- const candidateItems = [activeItem, currentItem, ...items].filter(
104
- Boolean
105
- );
106
- const candidateNodes = candidateItems.map((item) => item.ref.current);
107
- focusFirst(candidateNodes, preventScrollOnEntryFocus);
108
- }
109
- }
110
- isClickFocusRef.current = false;
111
- }),
112
- onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
113
- }
114
- )
115
- }
116
- );
117
- });
118
- var ITEM_NAME = "RovingFocusGroupItem";
119
- var RovingFocusGroupItem = React.forwardRef(
120
- (props, forwardedRef) => {
121
- const {
122
- __scopeRovingFocusGroup,
123
- focusable = true,
124
- active = false,
125
- tabStopId,
126
- children,
127
- ...itemProps
128
- } = props;
129
- const autoId = useId();
130
- const id = tabStopId || autoId;
131
- const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);
132
- const isCurrentTabStop = context.currentTabStopId === id;
133
- const getItems = useCollection(__scopeRovingFocusGroup);
134
- const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
135
- React.useEffect(() => {
136
- if (focusable) {
137
- onFocusableItemAdd();
138
- return () => onFocusableItemRemove();
139
- }
140
- }, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
141
- return /* @__PURE__ */ jsx(
142
- Collection.ItemSlot,
143
- {
144
- scope: __scopeRovingFocusGroup,
145
- id,
146
- focusable,
147
- active,
148
- children: /* @__PURE__ */ jsx(
149
- Primitive.span,
150
- {
151
- tabIndex: isCurrentTabStop ? 0 : -1,
152
- "data-orientation": context.orientation,
153
- ...itemProps,
154
- ref: forwardedRef,
155
- onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
156
- if (!focusable) event.preventDefault();
157
- else context.onItemFocus(id);
158
- }),
159
- onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
160
- onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
161
- if (event.key === "Tab" && event.shiftKey) {
162
- context.onItemShiftTab();
163
- return;
164
- }
165
- if (event.target !== event.currentTarget) return;
166
- const focusIntent = getFocusIntent(event, context.orientation, context.dir);
167
- if (focusIntent !== void 0) {
168
- if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
169
- event.preventDefault();
170
- const items = getItems().filter((item) => item.focusable);
171
- let candidateNodes = items.map((item) => item.ref.current);
172
- if (focusIntent === "last") candidateNodes.reverse();
173
- else if (focusIntent === "prev" || focusIntent === "next") {
174
- if (focusIntent === "prev") candidateNodes.reverse();
175
- const currentIndex = candidateNodes.indexOf(event.currentTarget);
176
- candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
177
- }
178
- setTimeout(() => focusFirst(candidateNodes));
179
- }
180
- }),
181
- children: typeof children === "function" ? children({ isCurrentTabStop, hasTabStop: currentTabStopId != null }) : children
182
- }
183
- )
184
- }
185
- );
186
- }
187
- );
188
- RovingFocusGroupItem.displayName = ITEM_NAME;
189
- var MAP_KEY_TO_FOCUS_INTENT = {
190
- ArrowLeft: "prev",
191
- ArrowUp: "prev",
192
- ArrowRight: "next",
193
- ArrowDown: "next",
194
- PageUp: "first",
195
- Home: "first",
196
- PageDown: "last",
197
- End: "last"
198
- };
199
- function getDirectionAwareKey(key, dir) {
200
- if (dir !== "rtl") return key;
201
- return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
202
- }
203
- function getFocusIntent(event, orientation, dir) {
204
- const key = getDirectionAwareKey(event.key, dir);
205
- if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
206
- if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
207
- return MAP_KEY_TO_FOCUS_INTENT[key];
208
- }
209
- function focusFirst(candidates, preventScroll = false) {
210
- const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
211
- for (const candidate of candidates) {
212
- if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
213
- candidate.focus({ preventScroll });
214
- if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
215
- }
216
- }
217
- function wrapArray(array, startIndex) {
218
- return array.map((_, index) => array[(startIndex + index) % array.length]);
219
- }
220
- var Root = RovingFocusGroup;
221
- var Item = RovingFocusGroupItem;
222
-
223
- export { Item, Root, RovingFocusGroup, RovingFocusGroupItem, createRovingFocusGroupScope };