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,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,25 +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/arrow.tsx
6
- var NAME = "Arrow";
7
- var Arrow = React.forwardRef((props, forwardedRef) => {
8
- const { children, width = 10, height = 5, ...arrowProps } = props;
9
- return /* @__PURE__ */ jsx(
10
- Primitive.svg,
11
- {
12
- ...arrowProps,
13
- ref: forwardedRef,
14
- width,
15
- height,
16
- viewBox: "0 0 30 10",
17
- preserveAspectRatio: "none",
18
- children: props.asChild ? children : /* @__PURE__ */ jsx("polygon", { points: "0,0 30,0 15,10" })
19
- }
20
- );
21
- });
22
- Arrow.displayName = NAME;
23
- var Root = Arrow;
24
-
25
- export { Arrow, Root };
@@ -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,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,223 +0,0 @@
1
- import * as React from 'react';
2
- import { composeEventHandlers } from '../../../../../../../../primitive/dist/index.js';
3
- import { createCollection } from '../../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 };