@vritti/quantum-ui 0.3.2 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Alert.js +1 -1
- package/dist/Avatar.js +4 -4
- package/dist/Badge2.js +2 -2
- package/dist/Breadcrumb.js +1 -1
- package/dist/Button2.js +2 -2
- package/dist/Checkbox2.js +6 -6
- package/dist/Combination.js +3 -3
- package/dist/DateTimePicker.js +2 -2
- package/dist/Dialog.js +1 -1
- package/dist/Label.js +1 -1
- package/dist/Progress.js +2 -2
- package/dist/RadioGroup.js +8 -8
- package/dist/Select.js +2 -2
- package/dist/SelectFilter.js +2 -2
- package/dist/Sidebar.js +3 -3
- package/dist/SingleSelect.js +1 -1
- package/dist/Sonner.js +1 -1
- package/dist/Switch.js +5 -5
- package/dist/TabsSkeleton.js +1 -1
- package/dist/Toggle.js +2 -2
- package/dist/assets/quantum-ui.css +6131 -6
- package/dist/calendar2.js +1 -1
- package/dist/cells.js +2 -2
- package/dist/collapsible2.js +1 -1
- package/dist/components/FormattedDate.js +2 -2
- package/dist/components/RichTextEditor.js +1 -1
- package/dist/components/Select.js +4 -4
- package/dist/components/TreeView.js +7 -7
- package/dist/dropdown-menu.js +9 -9
- package/dist/field.js +1 -1
- package/dist/image-component.js +1 -1
- package/dist/index.js +4 -4
- package/dist/index10.js +1499 -102
- package/dist/index10.js.map +1 -1
- package/dist/index11.js +37 -1499
- package/dist/index11.js.map +1 -1
- package/dist/index12.js +476 -29
- package/dist/index12.js.map +1 -1
- package/dist/index13.js +230 -426
- package/dist/index13.js.map +1 -1
- package/dist/index14.js +1073 -214
- package/dist/index14.js.map +1 -1
- package/dist/index15.js +14 -1139
- package/dist/index15.js.map +1 -1
- package/dist/index16.js +20 -14
- package/dist/index16.js.map +1 -1
- package/dist/index17.js +180 -25
- package/dist/index17.js.map +1 -1
- package/dist/index18.js +201 -173
- package/dist/index18.js.map +1 -1
- package/dist/index19.js +69 -203
- package/dist/index19.js.map +1 -1
- package/dist/index20.js +211 -70
- package/dist/index20.js.map +1 -1
- package/dist/index21.js +117 -207
- package/dist/index21.js.map +1 -1
- package/dist/index22.js +71 -123
- package/dist/index22.js.map +1 -1
- package/dist/index23.js +11 -74
- package/dist/index23.js.map +1 -1
- package/dist/index24.js +1134 -13
- package/dist/index24.js.map +1 -1
- package/dist/index25.js +2733 -1103
- package/dist/index25.js.map +1 -1
- package/dist/index26.js +24 -2755
- package/dist/index26.js.map +1 -1
- package/dist/index27.js +4 -32
- package/dist/index27.js.map +1 -1
- package/dist/index28.js +37 -4
- package/dist/index28.js.map +1 -1
- package/dist/index29.js +310 -36
- package/dist/index29.js.map +1 -1
- package/dist/index30.js +7 -309
- package/dist/index30.js.map +1 -1
- package/dist/index31.js +30 -8
- package/dist/index31.js.map +1 -1
- package/dist/index32.js +59 -29
- package/dist/index32.js.map +1 -1
- package/dist/index33.js +10 -59
- package/dist/index33.js.map +1 -1
- package/dist/index34.js +35 -10
- package/dist/index34.js.map +1 -1
- package/dist/index35.js +36810 -27
- package/dist/index35.js.map +1 -1
- package/dist/index4.js +136 -86
- package/dist/index4.js.map +1 -1
- package/dist/index5.js +315 -36745
- package/dist/index5.js.map +1 -1
- package/dist/index6.js +12 -141
- package/dist/index6.js.map +1 -1
- package/dist/index7.js +82 -382
- package/dist/index7.js.map +1 -1
- package/dist/index8.js +42 -12
- package/dist/index8.js.map +1 -1
- package/dist/index9.js +102 -42
- package/dist/index9.js.map +1 -1
- package/dist/lib/index.d.ts.map +1 -1
- package/dist/popover.js +1 -1
- package/dist/select2.js +1 -1
- package/dist/separator2.js +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/useTimer.js +1 -1
- package/dist/utils/axios.js +1 -1
- package/dist/utils/currency.js +2 -2
- package/dist/utils/format.js +2 -2
- package/dist/utils/money.js +1 -1
- package/dist/utils/timezone.js +1 -1
- package/package.json +1 -1
package/dist/index19.js
CHANGED
|
@@ -1,214 +1,80 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import
|
|
3
|
-
import { c as composeRefs } from './index12.js';
|
|
4
|
-
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
5
|
-
import { u as useLayoutEffect2 } from './index28.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
3
|
|
|
7
|
-
// src/
|
|
8
|
-
function
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
}
|
|
4
|
+
// packages/react/context/src/create-context.tsx
|
|
5
|
+
function createContext2(rootComponentName, defaultContext) {
|
|
6
|
+
const Context = React.createContext(defaultContext);
|
|
7
|
+
const Provider = (props) => {
|
|
8
|
+
const { children, ...context } = props;
|
|
9
|
+
const value = React.useMemo(() => context, Object.values(context));
|
|
10
|
+
return /* @__PURE__ */ jsx(Context.Provider, { value, children });
|
|
14
11
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
const Slot2 = React.forwardRef((props, forwardedRef) => {
|
|
22
|
-
const { children, ...slotProps } = props;
|
|
23
|
-
const childrenArray = React.Children.toArray(children);
|
|
24
|
-
const slottable = childrenArray.find(isSlottable);
|
|
25
|
-
if (slottable) {
|
|
26
|
-
const newElement = slottable.props.children;
|
|
27
|
-
const newChildren = childrenArray.map((child) => {
|
|
28
|
-
if (child === slottable) {
|
|
29
|
-
if (React.Children.count(newElement) > 1) return React.Children.only(null);
|
|
30
|
-
return React.isValidElement(newElement) ? newElement.props.children : null;
|
|
31
|
-
} else {
|
|
32
|
-
return child;
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });
|
|
36
|
-
}
|
|
37
|
-
return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });
|
|
38
|
-
});
|
|
39
|
-
Slot2.displayName = `${ownerName}.Slot`;
|
|
40
|
-
return Slot2;
|
|
41
|
-
}
|
|
42
|
-
// @__NO_SIDE_EFFECTS__
|
|
43
|
-
function createSlotClone(ownerName) {
|
|
44
|
-
const SlotClone = React.forwardRef((props, forwardedRef) => {
|
|
45
|
-
const { children, ...slotProps } = props;
|
|
46
|
-
if (React.isValidElement(children)) {
|
|
47
|
-
const childrenRef = getElementRef(children);
|
|
48
|
-
const props2 = mergeProps(slotProps, children.props);
|
|
49
|
-
if (children.type !== React.Fragment) {
|
|
50
|
-
props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
|
|
51
|
-
}
|
|
52
|
-
return React.cloneElement(children, props2);
|
|
53
|
-
}
|
|
54
|
-
return React.Children.count(children) > 1 ? React.Children.only(null) : null;
|
|
55
|
-
});
|
|
56
|
-
SlotClone.displayName = `${ownerName}.SlotClone`;
|
|
57
|
-
return SlotClone;
|
|
58
|
-
}
|
|
59
|
-
var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
|
|
60
|
-
// @__NO_SIDE_EFFECTS__
|
|
61
|
-
function createSlottable(ownerName) {
|
|
62
|
-
const Slottable2 = ({ children }) => {
|
|
63
|
-
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
64
|
-
};
|
|
65
|
-
Slottable2.displayName = `${ownerName}.Slottable`;
|
|
66
|
-
Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
|
|
67
|
-
return Slottable2;
|
|
68
|
-
}
|
|
69
|
-
function isSlottable(child) {
|
|
70
|
-
return React.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
|
|
71
|
-
}
|
|
72
|
-
function mergeProps(slotProps, childProps) {
|
|
73
|
-
const overrideProps = { ...childProps };
|
|
74
|
-
for (const propName in childProps) {
|
|
75
|
-
const slotPropValue = slotProps[propName];
|
|
76
|
-
const childPropValue = childProps[propName];
|
|
77
|
-
const isHandler = /^on[A-Z]/.test(propName);
|
|
78
|
-
if (isHandler) {
|
|
79
|
-
if (slotPropValue && childPropValue) {
|
|
80
|
-
overrideProps[propName] = (...args) => {
|
|
81
|
-
const result = childPropValue(...args);
|
|
82
|
-
slotPropValue(...args);
|
|
83
|
-
return result;
|
|
84
|
-
};
|
|
85
|
-
} else if (slotPropValue) {
|
|
86
|
-
overrideProps[propName] = slotPropValue;
|
|
87
|
-
}
|
|
88
|
-
} else if (propName === "style") {
|
|
89
|
-
overrideProps[propName] = { ...slotPropValue, ...childPropValue };
|
|
90
|
-
} else if (propName === "className") {
|
|
91
|
-
overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
|
|
92
|
-
}
|
|
12
|
+
Provider.displayName = rootComponentName + "Provider";
|
|
13
|
+
function useContext2(consumerName) {
|
|
14
|
+
const context = React.useContext(Context);
|
|
15
|
+
if (context) return context;
|
|
16
|
+
if (defaultContext !== void 0) return defaultContext;
|
|
17
|
+
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
93
18
|
}
|
|
94
|
-
return
|
|
19
|
+
return [Provider, useContext2];
|
|
95
20
|
}
|
|
96
|
-
function
|
|
97
|
-
let
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
"form",
|
|
116
|
-
"h2",
|
|
117
|
-
"h3",
|
|
118
|
-
"img",
|
|
119
|
-
"input",
|
|
120
|
-
"label",
|
|
121
|
-
"li",
|
|
122
|
-
"nav",
|
|
123
|
-
"ol",
|
|
124
|
-
"p",
|
|
125
|
-
"select",
|
|
126
|
-
"span",
|
|
127
|
-
"svg",
|
|
128
|
-
"ul"
|
|
129
|
-
];
|
|
130
|
-
var Primitive = NODES.reduce((primitive, node) => {
|
|
131
|
-
const Slot = createSlot(`Primitive.${node}`);
|
|
132
|
-
const Node = React.forwardRef((props, forwardedRef) => {
|
|
133
|
-
const { asChild, ...primitiveProps } = props;
|
|
134
|
-
const Comp = asChild ? Slot : node;
|
|
135
|
-
if (typeof window !== "undefined") {
|
|
136
|
-
window[Symbol.for("radix-ui")] = true;
|
|
21
|
+
function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
22
|
+
let defaultContexts = [];
|
|
23
|
+
function createContext3(rootComponentName, defaultContext) {
|
|
24
|
+
const BaseContext = React.createContext(defaultContext);
|
|
25
|
+
const index = defaultContexts.length;
|
|
26
|
+
defaultContexts = [...defaultContexts, defaultContext];
|
|
27
|
+
const Provider = (props) => {
|
|
28
|
+
const { scope, children, ...context } = props;
|
|
29
|
+
const Context = scope?.[scopeName]?.[index] || BaseContext;
|
|
30
|
+
const value = React.useMemo(() => context, Object.values(context));
|
|
31
|
+
return /* @__PURE__ */ jsx(Context.Provider, { value, children });
|
|
32
|
+
};
|
|
33
|
+
Provider.displayName = rootComponentName + "Provider";
|
|
34
|
+
function useContext2(consumerName, scope) {
|
|
35
|
+
const Context = scope?.[scopeName]?.[index] || BaseContext;
|
|
36
|
+
const context = React.useContext(Context);
|
|
37
|
+
if (context) return context;
|
|
38
|
+
if (defaultContext !== void 0) return defaultContext;
|
|
39
|
+
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
137
40
|
}
|
|
138
|
-
return
|
|
139
|
-
});
|
|
140
|
-
Node.displayName = `Primitive.${node}`;
|
|
141
|
-
return { ...primitive, [node]: Node };
|
|
142
|
-
}, {});
|
|
143
|
-
function dispatchDiscreteCustomEvent(target, event) {
|
|
144
|
-
if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
// src/use-controllable-state.tsx
|
|
148
|
-
var useInsertionEffect = React[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
|
|
149
|
-
function useControllableState({
|
|
150
|
-
prop,
|
|
151
|
-
defaultProp,
|
|
152
|
-
onChange = () => {
|
|
153
|
-
},
|
|
154
|
-
caller
|
|
155
|
-
}) {
|
|
156
|
-
const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
|
|
157
|
-
defaultProp,
|
|
158
|
-
onChange
|
|
159
|
-
});
|
|
160
|
-
const isControlled = prop !== void 0;
|
|
161
|
-
const value = isControlled ? prop : uncontrolledProp;
|
|
162
|
-
{
|
|
163
|
-
const isControlledRef = React.useRef(prop !== void 0);
|
|
164
|
-
React.useEffect(() => {
|
|
165
|
-
const wasControlled = isControlledRef.current;
|
|
166
|
-
if (wasControlled !== isControlled) {
|
|
167
|
-
const from = wasControlled ? "controlled" : "uncontrolled";
|
|
168
|
-
const to = isControlled ? "controlled" : "uncontrolled";
|
|
169
|
-
console.warn(
|
|
170
|
-
`${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
|
|
171
|
-
);
|
|
172
|
-
}
|
|
173
|
-
isControlledRef.current = isControlled;
|
|
174
|
-
}, [isControlled, caller]);
|
|
41
|
+
return [Provider, useContext2];
|
|
175
42
|
}
|
|
176
|
-
const
|
|
177
|
-
(
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
return [
|
|
190
|
-
}
|
|
191
|
-
function useUncontrolledState({
|
|
192
|
-
defaultProp,
|
|
193
|
-
onChange
|
|
194
|
-
}) {
|
|
195
|
-
const [value, setValue] = React.useState(defaultProp);
|
|
196
|
-
const prevValueRef = React.useRef(value);
|
|
197
|
-
const onChangeRef = React.useRef(onChange);
|
|
198
|
-
useInsertionEffect(() => {
|
|
199
|
-
onChangeRef.current = onChange;
|
|
200
|
-
}, [onChange]);
|
|
201
|
-
React.useEffect(() => {
|
|
202
|
-
if (prevValueRef.current !== value) {
|
|
203
|
-
onChangeRef.current?.(value);
|
|
204
|
-
prevValueRef.current = value;
|
|
205
|
-
}
|
|
206
|
-
}, [value, prevValueRef]);
|
|
207
|
-
return [value, setValue, onChangeRef];
|
|
43
|
+
const createScope = () => {
|
|
44
|
+
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
45
|
+
return React.createContext(defaultContext);
|
|
46
|
+
});
|
|
47
|
+
return function useScope(scope) {
|
|
48
|
+
const contexts = scope?.[scopeName] || scopeContexts;
|
|
49
|
+
return React.useMemo(
|
|
50
|
+
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
51
|
+
[scope, contexts]
|
|
52
|
+
);
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
createScope.scopeName = scopeName;
|
|
56
|
+
return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
|
|
208
57
|
}
|
|
209
|
-
function
|
|
210
|
-
|
|
58
|
+
function composeContextScopes(...scopes) {
|
|
59
|
+
const baseScope = scopes[0];
|
|
60
|
+
if (scopes.length === 1) return baseScope;
|
|
61
|
+
const createScope = () => {
|
|
62
|
+
const scopeHooks = scopes.map((createScope2) => ({
|
|
63
|
+
useScope: createScope2(),
|
|
64
|
+
scopeName: createScope2.scopeName
|
|
65
|
+
}));
|
|
66
|
+
return function useComposedScopes(overrideScopes) {
|
|
67
|
+
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
68
|
+
const scopeProps = useScope(overrideScopes);
|
|
69
|
+
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
70
|
+
return { ...nextScopes2, ...currentScope };
|
|
71
|
+
}, {});
|
|
72
|
+
return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
createScope.scopeName = baseScope.scopeName;
|
|
76
|
+
return createScope;
|
|
211
77
|
}
|
|
212
78
|
|
|
213
|
-
export {
|
|
79
|
+
export { createContext2 as a, createContextScope as c };
|
|
214
80
|
//# sourceMappingURL=index19.js.map
|
package/dist/index19.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index19.js","sources":["../node_modules/.pnpm/@radix-ui+primitive@1.1.3/node_modules/@radix-ui/primitive/dist/index.mjs","../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.2.14_react@19.2.3/node_modules/@radix-ui/react-slot/dist/index.mjs","../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.2.3_@types+react@19.2.14__@types+re_412fca877c3e29a339aeb07f39bb1abf/node_modules/@radix-ui/react-primitive/dist/index.mjs","../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.2.14_react@19.2.3/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs"],"sourcesContent":["// src/primitive.tsx\nvar canUseDOM = !!(typeof window !== \"undefined\" && window.document && window.document.createElement);\nfunction composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {\n return function handleEvent(event) {\n originalEventHandler?.(event);\n if (checkForDefaultPrevented === false || !event.defaultPrevented) {\n return ourEventHandler?.(event);\n }\n };\n}\nfunction getOwnerWindow(element) {\n if (!canUseDOM) {\n throw new Error(\"Cannot access window outside of the DOM\");\n }\n return element?.ownerDocument?.defaultView ?? window;\n}\nfunction getOwnerDocument(element) {\n if (!canUseDOM) {\n throw new Error(\"Cannot access document outside of the DOM\");\n }\n return element?.ownerDocument ?? document;\n}\nfunction getActiveElement(node, activeDescendant = false) {\n const { activeElement } = getOwnerDocument(node);\n if (!activeElement?.nodeName) {\n return null;\n }\n if (isFrame(activeElement) && activeElement.contentDocument) {\n return getActiveElement(activeElement.contentDocument.body, activeDescendant);\n }\n if (activeDescendant) {\n const id = activeElement.getAttribute(\"aria-activedescendant\");\n if (id) {\n const element = getOwnerDocument(activeElement).getElementById(id);\n if (element) {\n return element;\n }\n }\n }\n return activeElement;\n}\nfunction isFrame(element) {\n return element.tagName === \"IFRAME\";\n}\nexport {\n canUseDOM,\n composeEventHandlers,\n getActiveElement,\n getOwnerDocument,\n getOwnerWindow,\n isFrame\n};\n//# sourceMappingURL=index.mjs.map\n","// src/slot.tsx\nimport * as React from \"react\";\nimport { composeRefs } from \"@radix-ui/react-compose-refs\";\nimport { Fragment as Fragment2, jsx } from \"react/jsx-runtime\";\n// @__NO_SIDE_EFFECTS__\nfunction createSlot(ownerName) {\n const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);\n const Slot2 = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n const childrenArray = React.Children.toArray(children);\n const slottable = childrenArray.find(isSlottable);\n if (slottable) {\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child) => {\n if (child === slottable) {\n if (React.Children.count(newElement) > 1) return React.Children.only(null);\n return React.isValidElement(newElement) ? newElement.props.children : null;\n } else {\n return child;\n }\n });\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children: React.isValidElement(newElement) ? React.cloneElement(newElement, void 0, newChildren) : null });\n }\n return /* @__PURE__ */ jsx(SlotClone, { ...slotProps, ref: forwardedRef, children });\n });\n Slot2.displayName = `${ownerName}.Slot`;\n return Slot2;\n}\nvar Slot = /* @__PURE__ */ createSlot(\"Slot\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlotClone(ownerName) {\n const SlotClone = React.forwardRef((props, forwardedRef) => {\n const { children, ...slotProps } = props;\n if (React.isValidElement(children)) {\n const childrenRef = getElementRef(children);\n const props2 = mergeProps(slotProps, children.props);\n if (children.type !== React.Fragment) {\n props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n }\n return React.cloneElement(children, props2);\n }\n return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n });\n SlotClone.displayName = `${ownerName}.SlotClone`;\n return SlotClone;\n}\nvar SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n// @__NO_SIDE_EFFECTS__\nfunction createSlottable(ownerName) {\n const Slottable2 = ({ children }) => {\n return /* @__PURE__ */ jsx(Fragment2, { children });\n };\n Slottable2.displayName = `${ownerName}.Slottable`;\n Slottable2.__radixId = SLOTTABLE_IDENTIFIER;\n return Slottable2;\n}\nvar Slottable = /* @__PURE__ */ createSlottable(\"Slottable\");\nfunction isSlottable(child) {\n return React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;\n}\nfunction mergeProps(slotProps, childProps) {\n const overrideProps = { ...childProps };\n for (const propName in childProps) {\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n if (slotPropValue && childPropValue) {\n overrideProps[propName] = (...args) => {\n const result = childPropValue(...args);\n slotPropValue(...args);\n return result;\n };\n } else if (slotPropValue) {\n overrideProps[propName] = slotPropValue;\n }\n } else if (propName === \"style\") {\n overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n } else if (propName === \"className\") {\n overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n }\n }\n return { ...slotProps, ...overrideProps };\n}\nfunction getElementRef(element) {\n let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.ref;\n }\n getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.props.ref;\n }\n return element.props.ref || element.ref;\n}\nexport {\n Slot as Root,\n Slot,\n Slottable,\n createSlot,\n createSlottable\n};\n//# sourceMappingURL=index.mjs.map\n","// src/primitive.tsx\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { createSlot } from \"@radix-ui/react-slot\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NODES = [\n \"a\",\n \"button\",\n \"div\",\n \"form\",\n \"h2\",\n \"h3\",\n \"img\",\n \"input\",\n \"label\",\n \"li\",\n \"nav\",\n \"ol\",\n \"p\",\n \"select\",\n \"span\",\n \"svg\",\n \"ul\"\n];\nvar Primitive = NODES.reduce((primitive, node) => {\n const Slot = createSlot(`Primitive.${node}`);\n const Node = React.forwardRef((props, forwardedRef) => {\n const { asChild, ...primitiveProps } = props;\n const Comp = asChild ? Slot : node;\n if (typeof window !== \"undefined\") {\n window[Symbol.for(\"radix-ui\")] = true;\n }\n return /* @__PURE__ */ jsx(Comp, { ...primitiveProps, ref: forwardedRef });\n });\n Node.displayName = `Primitive.${node}`;\n return { ...primitive, [node]: Node };\n}, {});\nfunction dispatchDiscreteCustomEvent(target, event) {\n if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));\n}\nvar Root = Primitive;\nexport {\n Primitive,\n Root,\n dispatchDiscreteCustomEvent\n};\n//# sourceMappingURL=index.mjs.map\n","// src/use-controllable-state.tsx\nimport * as React from \"react\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nvar useInsertionEffect = React[\" useInsertionEffect \".trim().toString()] || useLayoutEffect;\nfunction useControllableState({\n prop,\n defaultProp,\n onChange = () => {\n },\n caller\n}) {\n const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({\n defaultProp,\n onChange\n });\n const isControlled = prop !== void 0;\n const value = isControlled ? prop : uncontrolledProp;\n if (true) {\n const isControlledRef = React.useRef(prop !== void 0);\n React.useEffect(() => {\n const wasControlled = isControlledRef.current;\n if (wasControlled !== isControlled) {\n const from = wasControlled ? \"controlled\" : \"uncontrolled\";\n const to = isControlled ? \"controlled\" : \"uncontrolled\";\n console.warn(\n `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n );\n }\n isControlledRef.current = isControlled;\n }, [isControlled, caller]);\n }\n const setValue = React.useCallback(\n (nextValue) => {\n if (isControlled) {\n const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;\n if (value2 !== prop) {\n onChangeRef.current?.(value2);\n }\n } else {\n setUncontrolledProp(nextValue);\n }\n },\n [isControlled, prop, setUncontrolledProp, onChangeRef]\n );\n return [value, setValue];\n}\nfunction useUncontrolledState({\n defaultProp,\n onChange\n}) {\n const [value, setValue] = React.useState(defaultProp);\n const prevValueRef = React.useRef(value);\n const onChangeRef = React.useRef(onChange);\n useInsertionEffect(() => {\n onChangeRef.current = onChange;\n }, [onChange]);\n React.useEffect(() => {\n if (prevValueRef.current !== value) {\n onChangeRef.current?.(value);\n prevValueRef.current = value;\n }\n }, [value, prevValueRef]);\n return [value, setValue, onChangeRef];\n}\nfunction isFunction(value) {\n return typeof value === \"function\";\n}\n\n// src/use-controllable-state-reducer.tsx\nimport * as React2 from \"react\";\nimport { useEffectEvent } from \"@radix-ui/react-use-effect-event\";\nvar SYNC_STATE = Symbol(\"RADIX:SYNC_STATE\");\nfunction useControllableStateReducer(reducer, userArgs, initialArg, init) {\n const { prop: controlledState, defaultProp, onChange: onChangeProp, caller } = userArgs;\n const isControlled = controlledState !== void 0;\n const onChange = useEffectEvent(onChangeProp);\n if (true) {\n const isControlledRef = React2.useRef(controlledState !== void 0);\n React2.useEffect(() => {\n const wasControlled = isControlledRef.current;\n if (wasControlled !== isControlled) {\n const from = wasControlled ? \"controlled\" : \"uncontrolled\";\n const to = isControlled ? \"controlled\" : \"uncontrolled\";\n console.warn(\n `${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`\n );\n }\n isControlledRef.current = isControlled;\n }, [isControlled, caller]);\n }\n const args = [{ ...initialArg, state: defaultProp }];\n if (init) {\n args.push(init);\n }\n const [internalState, dispatch] = React2.useReducer(\n (state2, action) => {\n if (action.type === SYNC_STATE) {\n return { ...state2, state: action.state };\n }\n const next = reducer(state2, action);\n if (isControlled && !Object.is(next.state, state2.state)) {\n onChange(next.state);\n }\n return next;\n },\n ...args\n );\n const uncontrolledState = internalState.state;\n const prevValueRef = React2.useRef(uncontrolledState);\n React2.useEffect(() => {\n if (prevValueRef.current !== uncontrolledState) {\n prevValueRef.current = uncontrolledState;\n if (!isControlled) {\n onChange(uncontrolledState);\n }\n }\n }, [onChange, uncontrolledState, prevValueRef, isControlled]);\n const state = React2.useMemo(() => {\n const isControlled2 = controlledState !== void 0;\n if (isControlled2) {\n return { ...internalState, state: controlledState };\n }\n return internalState;\n }, [internalState, controlledState]);\n React2.useEffect(() => {\n if (isControlled && !Object.is(controlledState, internalState.state)) {\n dispatch({ type: SYNC_STATE, state: controlledState });\n }\n }, [controlledState, internalState.state, isControlled]);\n return [state, dispatch];\n}\nexport {\n useControllableState,\n useControllableStateReducer\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["Fragment2","useLayoutEffect"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
|
|
1
|
+
{"version":3,"file":"index19.js","sources":["../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.2.14_react@19.2.3/node_modules/@radix-ui/react-context/dist/index.mjs"],"sourcesContent":["// packages/react/context/src/create-context.tsx\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nfunction createContext2(rootComponentName, defaultContext) {\n const Context = React.createContext(defaultContext);\n const Provider = (props) => {\n const { children, ...context } = props;\n const value = React.useMemo(() => context, Object.values(context));\n return /* @__PURE__ */ jsx(Context.Provider, { value, children });\n };\n Provider.displayName = rootComponentName + \"Provider\";\n function useContext2(consumerName) {\n const context = React.useContext(Context);\n if (context) return context;\n if (defaultContext !== void 0) return defaultContext;\n throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n }\n return [Provider, useContext2];\n}\nfunction createContextScope(scopeName, createContextScopeDeps = []) {\n let defaultContexts = [];\n function createContext3(rootComponentName, defaultContext) {\n const BaseContext = React.createContext(defaultContext);\n const index = defaultContexts.length;\n defaultContexts = [...defaultContexts, defaultContext];\n const Provider = (props) => {\n const { scope, children, ...context } = props;\n const Context = scope?.[scopeName]?.[index] || BaseContext;\n const value = React.useMemo(() => context, Object.values(context));\n return /* @__PURE__ */ jsx(Context.Provider, { value, children });\n };\n Provider.displayName = rootComponentName + \"Provider\";\n function useContext2(consumerName, scope) {\n const Context = scope?.[scopeName]?.[index] || BaseContext;\n const context = React.useContext(Context);\n if (context) return context;\n if (defaultContext !== void 0) return defaultContext;\n throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n }\n return [Provider, useContext2];\n }\n const createScope = () => {\n const scopeContexts = defaultContexts.map((defaultContext) => {\n return React.createContext(defaultContext);\n });\n return function useScope(scope) {\n const contexts = scope?.[scopeName] || scopeContexts;\n return React.useMemo(\n () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),\n [scope, contexts]\n );\n };\n };\n createScope.scopeName = scopeName;\n return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];\n}\nfunction composeContextScopes(...scopes) {\n const baseScope = scopes[0];\n if (scopes.length === 1) return baseScope;\n const createScope = () => {\n const scopeHooks = scopes.map((createScope2) => ({\n useScope: createScope2(),\n scopeName: createScope2.scopeName\n }));\n return function useComposedScopes(overrideScopes) {\n const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {\n const scopeProps = useScope(overrideScopes);\n const currentScope = scopeProps[`__scope${scopeName}`];\n return { ...nextScopes2, ...currentScope };\n }, {});\n return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);\n };\n };\n createScope.scopeName = baseScope.scopeName;\n return createScope;\n}\nexport {\n createContext2 as createContext,\n createContextScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/index20.js
CHANGED
|
@@ -1,80 +1,221 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { P as Primitive, c as composeEventHandlers, u as useControllableState } from './index18.js';
|
|
3
|
+
import { c as createCollection, u as useDirection } from './index22.js';
|
|
4
|
+
import { u as useComposedRefs } from './index11.js';
|
|
5
|
+
import { c as createContextScope } from './index19.js';
|
|
6
|
+
import { u as useId } from './index23.js';
|
|
7
|
+
import { u as useCallbackRef } from './index30.js';
|
|
2
8
|
import { jsx } from 'react/jsx-runtime';
|
|
3
9
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
if (defaultContext !== void 0) return defaultContext;
|
|
17
|
-
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
10
|
+
var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
|
|
11
|
+
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
12
|
+
var GROUP_NAME = "RovingFocusGroup";
|
|
13
|
+
var [Collection, useCollection, createCollectionScope] = createCollection(GROUP_NAME);
|
|
14
|
+
var [createRovingFocusGroupContext, createRovingFocusGroupScope] = createContextScope(
|
|
15
|
+
GROUP_NAME,
|
|
16
|
+
[createCollectionScope]
|
|
17
|
+
);
|
|
18
|
+
var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
|
|
19
|
+
var RovingFocusGroup = React.forwardRef(
|
|
20
|
+
(props, forwardedRef) => {
|
|
21
|
+
return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ jsx(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
|
|
18
22
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
23
|
+
);
|
|
24
|
+
RovingFocusGroup.displayName = GROUP_NAME;
|
|
25
|
+
var RovingFocusGroupImpl = React.forwardRef((props, forwardedRef) => {
|
|
26
|
+
const {
|
|
27
|
+
__scopeRovingFocusGroup,
|
|
28
|
+
orientation,
|
|
29
|
+
loop = false,
|
|
30
|
+
dir,
|
|
31
|
+
currentTabStopId: currentTabStopIdProp,
|
|
32
|
+
defaultCurrentTabStopId,
|
|
33
|
+
onCurrentTabStopIdChange,
|
|
34
|
+
onEntryFocus,
|
|
35
|
+
preventScrollOnEntryFocus = false,
|
|
36
|
+
...groupProps
|
|
37
|
+
} = props;
|
|
38
|
+
const ref = React.useRef(null);
|
|
39
|
+
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
40
|
+
const direction = useDirection(dir);
|
|
41
|
+
const [currentTabStopId, setCurrentTabStopId] = useControllableState({
|
|
42
|
+
prop: currentTabStopIdProp,
|
|
43
|
+
defaultProp: defaultCurrentTabStopId ?? null,
|
|
44
|
+
onChange: onCurrentTabStopIdChange,
|
|
45
|
+
caller: GROUP_NAME
|
|
46
|
+
});
|
|
47
|
+
const [isTabbingBackOut, setIsTabbingBackOut] = React.useState(false);
|
|
48
|
+
const handleEntryFocus = useCallbackRef(onEntryFocus);
|
|
49
|
+
const getItems = useCollection(__scopeRovingFocusGroup);
|
|
50
|
+
const isClickFocusRef = React.useRef(false);
|
|
51
|
+
const [focusableItemsCount, setFocusableItemsCount] = React.useState(0);
|
|
52
|
+
React.useEffect(() => {
|
|
53
|
+
const node = ref.current;
|
|
54
|
+
if (node) {
|
|
55
|
+
node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
|
|
56
|
+
return () => node.removeEventListener(ENTRY_FOCUS, handleEntryFocus);
|
|
57
|
+
}
|
|
58
|
+
}, [handleEntryFocus]);
|
|
59
|
+
return /* @__PURE__ */ jsx(
|
|
60
|
+
RovingFocusProvider,
|
|
61
|
+
{
|
|
62
|
+
scope: __scopeRovingFocusGroup,
|
|
63
|
+
orientation,
|
|
64
|
+
dir: direction,
|
|
65
|
+
loop,
|
|
66
|
+
currentTabStopId,
|
|
67
|
+
onItemFocus: React.useCallback(
|
|
68
|
+
(tabStopId) => setCurrentTabStopId(tabStopId),
|
|
69
|
+
[setCurrentTabStopId]
|
|
70
|
+
),
|
|
71
|
+
onItemShiftTab: React.useCallback(() => setIsTabbingBackOut(true), []),
|
|
72
|
+
onFocusableItemAdd: React.useCallback(
|
|
73
|
+
() => setFocusableItemsCount((prevCount) => prevCount + 1),
|
|
74
|
+
[]
|
|
75
|
+
),
|
|
76
|
+
onFocusableItemRemove: React.useCallback(
|
|
77
|
+
() => setFocusableItemsCount((prevCount) => prevCount - 1),
|
|
78
|
+
[]
|
|
79
|
+
),
|
|
80
|
+
children: /* @__PURE__ */ jsx(
|
|
81
|
+
Primitive.div,
|
|
82
|
+
{
|
|
83
|
+
tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
|
|
84
|
+
"data-orientation": orientation,
|
|
85
|
+
...groupProps,
|
|
86
|
+
ref: composedRefs,
|
|
87
|
+
style: { outline: "none", ...props.style },
|
|
88
|
+
onMouseDown: composeEventHandlers(props.onMouseDown, () => {
|
|
89
|
+
isClickFocusRef.current = true;
|
|
90
|
+
}),
|
|
91
|
+
onFocus: composeEventHandlers(props.onFocus, (event) => {
|
|
92
|
+
const isKeyboardFocus = !isClickFocusRef.current;
|
|
93
|
+
if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
|
|
94
|
+
const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
|
|
95
|
+
event.currentTarget.dispatchEvent(entryFocusEvent);
|
|
96
|
+
if (!entryFocusEvent.defaultPrevented) {
|
|
97
|
+
const items = getItems().filter((item) => item.focusable);
|
|
98
|
+
const activeItem = items.find((item) => item.active);
|
|
99
|
+
const currentItem = items.find((item) => item.id === currentTabStopId);
|
|
100
|
+
const candidateItems = [activeItem, currentItem, ...items].filter(
|
|
101
|
+
Boolean
|
|
102
|
+
);
|
|
103
|
+
const candidateNodes = candidateItems.map((item) => item.ref.current);
|
|
104
|
+
focusFirst(candidateNodes, preventScrollOnEntryFocus);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
isClickFocusRef.current = false;
|
|
108
|
+
}),
|
|
109
|
+
onBlur: composeEventHandlers(props.onBlur, () => setIsTabbingBackOut(false))
|
|
110
|
+
}
|
|
111
|
+
)
|
|
40
112
|
}
|
|
41
|
-
|
|
113
|
+
);
|
|
114
|
+
});
|
|
115
|
+
var ITEM_NAME = "RovingFocusGroupItem";
|
|
116
|
+
var RovingFocusGroupItem = React.forwardRef(
|
|
117
|
+
(props, forwardedRef) => {
|
|
118
|
+
const {
|
|
119
|
+
__scopeRovingFocusGroup,
|
|
120
|
+
focusable = true,
|
|
121
|
+
active = false,
|
|
122
|
+
tabStopId,
|
|
123
|
+
children,
|
|
124
|
+
...itemProps
|
|
125
|
+
} = props;
|
|
126
|
+
const autoId = useId();
|
|
127
|
+
const id = tabStopId || autoId;
|
|
128
|
+
const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);
|
|
129
|
+
const isCurrentTabStop = context.currentTabStopId === id;
|
|
130
|
+
const getItems = useCollection(__scopeRovingFocusGroup);
|
|
131
|
+
const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
|
|
132
|
+
React.useEffect(() => {
|
|
133
|
+
if (focusable) {
|
|
134
|
+
onFocusableItemAdd();
|
|
135
|
+
return () => onFocusableItemRemove();
|
|
136
|
+
}
|
|
137
|
+
}, [focusable, onFocusableItemAdd, onFocusableItemRemove]);
|
|
138
|
+
return /* @__PURE__ */ jsx(
|
|
139
|
+
Collection.ItemSlot,
|
|
140
|
+
{
|
|
141
|
+
scope: __scopeRovingFocusGroup,
|
|
142
|
+
id,
|
|
143
|
+
focusable,
|
|
144
|
+
active,
|
|
145
|
+
children: /* @__PURE__ */ jsx(
|
|
146
|
+
Primitive.span,
|
|
147
|
+
{
|
|
148
|
+
tabIndex: isCurrentTabStop ? 0 : -1,
|
|
149
|
+
"data-orientation": context.orientation,
|
|
150
|
+
...itemProps,
|
|
151
|
+
ref: forwardedRef,
|
|
152
|
+
onMouseDown: composeEventHandlers(props.onMouseDown, (event) => {
|
|
153
|
+
if (!focusable) event.preventDefault();
|
|
154
|
+
else context.onItemFocus(id);
|
|
155
|
+
}),
|
|
156
|
+
onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
|
|
157
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, (event) => {
|
|
158
|
+
if (event.key === "Tab" && event.shiftKey) {
|
|
159
|
+
context.onItemShiftTab();
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
if (event.target !== event.currentTarget) return;
|
|
163
|
+
const focusIntent = getFocusIntent(event, context.orientation, context.dir);
|
|
164
|
+
if (focusIntent !== void 0) {
|
|
165
|
+
if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
|
|
166
|
+
event.preventDefault();
|
|
167
|
+
const items = getItems().filter((item) => item.focusable);
|
|
168
|
+
let candidateNodes = items.map((item) => item.ref.current);
|
|
169
|
+
if (focusIntent === "last") candidateNodes.reverse();
|
|
170
|
+
else if (focusIntent === "prev" || focusIntent === "next") {
|
|
171
|
+
if (focusIntent === "prev") candidateNodes.reverse();
|
|
172
|
+
const currentIndex = candidateNodes.indexOf(event.currentTarget);
|
|
173
|
+
candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
|
|
174
|
+
}
|
|
175
|
+
setTimeout(() => focusFirst(candidateNodes));
|
|
176
|
+
}
|
|
177
|
+
}),
|
|
178
|
+
children: typeof children === "function" ? children({ isCurrentTabStop, hasTabStop: currentTabStopId != null }) : children
|
|
179
|
+
}
|
|
180
|
+
)
|
|
181
|
+
}
|
|
182
|
+
);
|
|
183
|
+
}
|
|
184
|
+
);
|
|
185
|
+
RovingFocusGroupItem.displayName = ITEM_NAME;
|
|
186
|
+
var MAP_KEY_TO_FOCUS_INTENT = {
|
|
187
|
+
ArrowLeft: "prev",
|
|
188
|
+
ArrowUp: "prev",
|
|
189
|
+
ArrowRight: "next",
|
|
190
|
+
ArrowDown: "next",
|
|
191
|
+
PageUp: "first",
|
|
192
|
+
Home: "first",
|
|
193
|
+
PageDown: "last",
|
|
194
|
+
End: "last"
|
|
195
|
+
};
|
|
196
|
+
function getDirectionAwareKey(key, dir) {
|
|
197
|
+
if (dir !== "rtl") return key;
|
|
198
|
+
return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
|
|
199
|
+
}
|
|
200
|
+
function getFocusIntent(event, orientation, dir) {
|
|
201
|
+
const key = getDirectionAwareKey(event.key, dir);
|
|
202
|
+
if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
|
|
203
|
+
if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
|
|
204
|
+
return MAP_KEY_TO_FOCUS_INTENT[key];
|
|
205
|
+
}
|
|
206
|
+
function focusFirst(candidates, preventScroll = false) {
|
|
207
|
+
const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
|
|
208
|
+
for (const candidate of candidates) {
|
|
209
|
+
if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
|
|
210
|
+
candidate.focus({ preventScroll });
|
|
211
|
+
if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
|
|
42
212
|
}
|
|
43
|
-
const createScope = () => {
|
|
44
|
-
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
45
|
-
return React.createContext(defaultContext);
|
|
46
|
-
});
|
|
47
|
-
return function useScope(scope) {
|
|
48
|
-
const contexts = scope?.[scopeName] || scopeContexts;
|
|
49
|
-
return React.useMemo(
|
|
50
|
-
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
|
|
51
|
-
[scope, contexts]
|
|
52
|
-
);
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
createScope.scopeName = scopeName;
|
|
56
|
-
return [createContext3, composeContextScopes(createScope, ...createContextScopeDeps)];
|
|
57
213
|
}
|
|
58
|
-
function
|
|
59
|
-
|
|
60
|
-
if (scopes.length === 1) return baseScope;
|
|
61
|
-
const createScope = () => {
|
|
62
|
-
const scopeHooks = scopes.map((createScope2) => ({
|
|
63
|
-
useScope: createScope2(),
|
|
64
|
-
scopeName: createScope2.scopeName
|
|
65
|
-
}));
|
|
66
|
-
return function useComposedScopes(overrideScopes) {
|
|
67
|
-
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
68
|
-
const scopeProps = useScope(overrideScopes);
|
|
69
|
-
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
70
|
-
return { ...nextScopes2, ...currentScope };
|
|
71
|
-
}, {});
|
|
72
|
-
return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
createScope.scopeName = baseScope.scopeName;
|
|
76
|
-
return createScope;
|
|
214
|
+
function wrapArray(array, startIndex) {
|
|
215
|
+
return array.map((_, index) => array[(startIndex + index) % array.length]);
|
|
77
216
|
}
|
|
217
|
+
var Root = RovingFocusGroup;
|
|
218
|
+
var Item = RovingFocusGroupItem;
|
|
78
219
|
|
|
79
|
-
export {
|
|
220
|
+
export { Item as I, Root as R, createRovingFocusGroupScope as c };
|
|
80
221
|
//# sourceMappingURL=index20.js.map
|