@embedreach/components 0.1.40 → 0.1.41
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/chunks/index.js +180 -229
- package/dist/index.umd.js +231 -280
- package/dist/styles.css +55 -55
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -4319,33 +4319,33 @@
|
|
|
4319
4319
|
}
|
|
4320
4320
|
function Portal$7(props) {
|
|
4321
4321
|
const { useShadow } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
|
|
4322
|
-
let
|
|
4322
|
+
let content;
|
|
4323
4323
|
let hydrating = !!sharedConfig.context;
|
|
4324
4324
|
createEffect(
|
|
4325
4325
|
() => {
|
|
4326
4326
|
if (hydrating)
|
|
4327
4327
|
getOwner().user = hydrating = false;
|
|
4328
|
-
|
|
4328
|
+
content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
|
|
4329
4329
|
const el = mount();
|
|
4330
4330
|
if (el instanceof HTMLHeadElement) {
|
|
4331
4331
|
const [clean, setClean] = createSignal(false);
|
|
4332
4332
|
const cleanup = () => setClean(true);
|
|
4333
|
-
createRoot((dispose2) => insert(el, () => !clean() ?
|
|
4333
|
+
createRoot((dispose2) => insert(el, () => !clean() ? content() : dispose2(), null));
|
|
4334
4334
|
onCleanup(cleanup);
|
|
4335
4335
|
} else {
|
|
4336
|
-
const
|
|
4336
|
+
const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
|
|
4337
4337
|
mode: "open"
|
|
4338
|
-
}) :
|
|
4339
|
-
Object.defineProperty(
|
|
4338
|
+
}) : container;
|
|
4339
|
+
Object.defineProperty(container, "_$host", {
|
|
4340
4340
|
get() {
|
|
4341
4341
|
return marker.parentNode;
|
|
4342
4342
|
},
|
|
4343
4343
|
configurable: true
|
|
4344
4344
|
});
|
|
4345
|
-
insert(renderRoot,
|
|
4346
|
-
el.appendChild(
|
|
4347
|
-
props.ref && props.ref(
|
|
4348
|
-
onCleanup(() => el.removeChild(
|
|
4345
|
+
insert(renderRoot, content);
|
|
4346
|
+
el.appendChild(container);
|
|
4347
|
+
props.ref && props.ref(container);
|
|
4348
|
+
onCleanup(() => el.removeChild(container));
|
|
4349
4349
|
}
|
|
4350
4350
|
},
|
|
4351
4351
|
void 0,
|
|
@@ -11153,7 +11153,7 @@
|
|
|
11153
11153
|
}
|
|
11154
11154
|
Browser.type = "languageDetector";
|
|
11155
11155
|
const ad_spend$1 = "Ad Spend";
|
|
11156
|
-
const date$
|
|
11156
|
+
const date$1 = "Date";
|
|
11157
11157
|
const close$1 = "Close";
|
|
11158
11158
|
const connected$1 = "Connected";
|
|
11159
11159
|
const connecting$1 = "Connecting...";
|
|
@@ -11540,7 +11540,7 @@
|
|
|
11540
11540
|
};
|
|
11541
11541
|
const enCommon = {
|
|
11542
11542
|
ad_spend: ad_spend$1,
|
|
11543
|
-
date: date$
|
|
11543
|
+
date: date$1,
|
|
11544
11544
|
close: close$1,
|
|
11545
11545
|
"continue": "Continue",
|
|
11546
11546
|
connected: connected$1,
|
|
@@ -11579,7 +11579,7 @@
|
|
|
11579
11579
|
empty_state: empty_state$1
|
|
11580
11580
|
};
|
|
11581
11581
|
const ad_spend = "Gasto en anuncios";
|
|
11582
|
-
const date
|
|
11582
|
+
const date = "Fecha";
|
|
11583
11583
|
const close = "Cerrar";
|
|
11584
11584
|
const connected = "Conectado";
|
|
11585
11585
|
const connecting = "Conectando...";
|
|
@@ -11966,7 +11966,7 @@
|
|
|
11966
11966
|
};
|
|
11967
11967
|
const esCommon = {
|
|
11968
11968
|
ad_spend,
|
|
11969
|
-
date
|
|
11969
|
+
date,
|
|
11970
11970
|
close,
|
|
11971
11971
|
"continue": "Continuar",
|
|
11972
11972
|
connected,
|
|
@@ -12688,8 +12688,8 @@
|
|
|
12688
12688
|
const { container: containerProp, ...portalProps } = props;
|
|
12689
12689
|
const [mounted, setMounted] = React__namespace.useState(false);
|
|
12690
12690
|
useLayoutEffect2(() => setMounted(true), []);
|
|
12691
|
-
const
|
|
12692
|
-
return
|
|
12691
|
+
const container = containerProp || mounted && globalThis?.document?.body;
|
|
12692
|
+
return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$3.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
12693
12693
|
});
|
|
12694
12694
|
Portal$6.displayName = PORTAL_NAME$7;
|
|
12695
12695
|
function useStateMachine(initialState, machine) {
|
|
@@ -13412,9 +13412,9 @@
|
|
|
13412
13412
|
}
|
|
13413
13413
|
);
|
|
13414
13414
|
});
|
|
13415
|
-
function getAnnounceTextContent(
|
|
13415
|
+
function getAnnounceTextContent(container) {
|
|
13416
13416
|
const textContent = [];
|
|
13417
|
-
const childNodes = Array.from(
|
|
13417
|
+
const childNodes = Array.from(container.childNodes);
|
|
13418
13418
|
childNodes.forEach((node) => {
|
|
13419
13419
|
if (node.nodeType === node.TEXT_NODE && node.textContent) textContent.push(node.textContent);
|
|
13420
13420
|
if (isHTMLElement$2(node)) {
|
|
@@ -13468,9 +13468,9 @@
|
|
|
13468
13468
|
function isHTMLElement$2(node) {
|
|
13469
13469
|
return node.nodeType === node.ELEMENT_NODE;
|
|
13470
13470
|
}
|
|
13471
|
-
function getTabbableCandidates$2(
|
|
13471
|
+
function getTabbableCandidates$2(container) {
|
|
13472
13472
|
const nodes = [];
|
|
13473
|
-
const walker2 = document.createTreeWalker(
|
|
13473
|
+
const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
13474
13474
|
acceptNode: (node) => {
|
|
13475
13475
|
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
13476
13476
|
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
@@ -13510,9 +13510,9 @@
|
|
|
13510
13510
|
}
|
|
13511
13511
|
const falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
|
|
13512
13512
|
const cx = clsx$1;
|
|
13513
|
-
const cva = (
|
|
13513
|
+
const cva = (base, config) => (props) => {
|
|
13514
13514
|
var _config_compoundVariants;
|
|
13515
|
-
if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(
|
|
13515
|
+
if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
|
|
13516
13516
|
const { variants, defaultVariants } = config;
|
|
13517
13517
|
const getVariantClassNames = Object.keys(variants).map((variant) => {
|
|
13518
13518
|
const variantProp = props === null || props === void 0 ? void 0 : props[variant];
|
|
@@ -13546,7 +13546,7 @@
|
|
|
13546
13546
|
cvClassName
|
|
13547
13547
|
] : acc;
|
|
13548
13548
|
}, []);
|
|
13549
|
-
return cx(
|
|
13549
|
+
return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
|
|
13550
13550
|
};
|
|
13551
13551
|
/**
|
|
13552
13552
|
* @license lucide-react v0.464.0 - ISC
|
|
@@ -16559,11 +16559,11 @@
|
|
|
16559
16559
|
function Toaster() {
|
|
16560
16560
|
const { toasts } = useToast();
|
|
16561
16561
|
return /* @__PURE__ */ jsxRuntime.jsxs(ToastProvider, { children: [
|
|
16562
|
-
toasts.map(function({ id: id2, title
|
|
16562
|
+
toasts.map(function({ id: id2, title, description, action, ...props }) {
|
|
16563
16563
|
return /* @__PURE__ */ jsxRuntime.jsxs(Toast, { ...props, children: [
|
|
16564
16564
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1", children: [
|
|
16565
|
-
|
|
16566
|
-
|
|
16565
|
+
title && /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: title }),
|
|
16566
|
+
description && /* @__PURE__ */ jsxRuntime.jsx(ToastDescription, { children: description })
|
|
16567
16567
|
] }),
|
|
16568
16568
|
action,
|
|
16569
16569
|
/* @__PURE__ */ jsxRuntime.jsx(ToastClose, {})
|
|
@@ -24238,21 +24238,7 @@
|
|
|
24238
24238
|
}
|
|
24239
24239
|
return element.props.ref || element.ref;
|
|
24240
24240
|
}
|
|
24241
|
-
const
|
|
24242
|
-
const destructive$2 = "reach-styles-module__destructive___XjBvS";
|
|
24243
|
-
const outline$2 = "reach-styles-module__outline___gFp3i";
|
|
24244
|
-
const secondary$2 = "reach-styles-module__secondary___Pd-e3";
|
|
24245
|
-
const ghost = "reach-styles-module__ghost___GcnJq";
|
|
24246
|
-
const link = "reach-styles-module__link___EgS2H";
|
|
24247
|
-
const styles$6 = {
|
|
24248
|
-
base: base$2,
|
|
24249
|
-
"default": "reach-styles-module__default___ny1h7",
|
|
24250
|
-
destructive: destructive$2,
|
|
24251
|
-
outline: outline$2,
|
|
24252
|
-
secondary: secondary$2,
|
|
24253
|
-
ghost,
|
|
24254
|
-
link
|
|
24255
|
-
};
|
|
24241
|
+
const styles$6 = {};
|
|
24256
24242
|
const buttonVariants = cva([styles$6.base], {
|
|
24257
24243
|
variants: {
|
|
24258
24244
|
variant: {
|
|
@@ -24282,12 +24268,13 @@
|
|
|
24282
24268
|
`BUTTON VARIANTS`,
|
|
24283
24269
|
size3,
|
|
24284
24270
|
variant,
|
|
24285
|
-
|
|
24271
|
+
className2,
|
|
24272
|
+
buttonVariants({ variant, size: size3, className: className2 })
|
|
24286
24273
|
);
|
|
24287
24274
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
24288
24275
|
Comp,
|
|
24289
24276
|
{
|
|
24290
|
-
className: cn$1(buttonVariants({ variant, size: size3
|
|
24277
|
+
className: cn$1(buttonVariants({ variant, size: size3, className: className2 })),
|
|
24291
24278
|
ref,
|
|
24292
24279
|
...props
|
|
24293
24280
|
}
|
|
@@ -24339,7 +24326,7 @@
|
|
|
24339
24326
|
)
|
|
24340
24327
|
] }) });
|
|
24341
24328
|
};
|
|
24342
|
-
const BigSelector = ({ onClick, title
|
|
24329
|
+
const BigSelector = ({ onClick, title, subtitle, icon, selected, disabled = false }) => {
|
|
24343
24330
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
24344
24331
|
"button",
|
|
24345
24332
|
{
|
|
@@ -24348,7 +24335,7 @@
|
|
|
24348
24335
|
children: [
|
|
24349
24336
|
icon,
|
|
24350
24337
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
|
|
24351
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children:
|
|
24338
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-900", children: title }),
|
|
24352
24339
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: subtitle })
|
|
24353
24340
|
] })
|
|
24354
24341
|
]
|
|
@@ -26017,8 +26004,8 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
26017
26004
|
})
|
|
26018
26005
|
);
|
|
26019
26006
|
return dedupeLinkDescriptors(
|
|
26020
|
-
links.flat(1).filter(isHtmlLinkDescriptor).filter((
|
|
26021
|
-
(
|
|
26007
|
+
links.flat(1).filter(isHtmlLinkDescriptor).filter((link) => link.rel === "stylesheet" || link.rel === "preload").map(
|
|
26008
|
+
(link) => link.rel === "stylesheet" ? { ...link, rel: "prefetch", as: "style" } : { ...link, rel: "prefetch" }
|
|
26022
26009
|
)
|
|
26023
26010
|
);
|
|
26024
26011
|
}
|
|
@@ -26317,10 +26304,10 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
26317
26304
|
[newMatchesForAssets, manifest]
|
|
26318
26305
|
);
|
|
26319
26306
|
let keyedPrefetchLinks = useKeyedPrefetchLinks(newMatchesForAssets);
|
|
26320
|
-
return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React__namespace.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React__namespace.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link
|
|
26307
|
+
return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React__namespace.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React__namespace.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
|
|
26321
26308
|
// these don't spread `linkProps` because they are full link descriptors
|
|
26322
26309
|
// already with their own props
|
|
26323
|
-
/* @__PURE__ */ React__namespace.createElement("link", { key, ...
|
|
26310
|
+
/* @__PURE__ */ React__namespace.createElement("link", { key, ...link })
|
|
26324
26311
|
)));
|
|
26325
26312
|
}
|
|
26326
26313
|
function mergeRefs$1(...refs) {
|
|
@@ -26400,7 +26387,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
26400
26387
|
internalOnClick(event);
|
|
26401
26388
|
}
|
|
26402
26389
|
}
|
|
26403
|
-
let
|
|
26390
|
+
let link = (
|
|
26404
26391
|
// eslint-disable-next-line jsx-a11y/anchor-has-content
|
|
26405
26392
|
/* @__PURE__ */ React__namespace.createElement(
|
|
26406
26393
|
"a",
|
|
@@ -26415,7 +26402,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
26415
26402
|
}
|
|
26416
26403
|
)
|
|
26417
26404
|
);
|
|
26418
|
-
return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null,
|
|
26405
|
+
return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, link, /* @__PURE__ */ React__namespace.createElement(PrefetchPageLinks, { page: href })) : link;
|
|
26419
26406
|
}
|
|
26420
26407
|
);
|
|
26421
26408
|
Link.displayName = "Link";
|
|
@@ -27130,7 +27117,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
27130
27117
|
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
27131
27118
|
...scopeProps
|
|
27132
27119
|
} = props;
|
|
27133
|
-
const [
|
|
27120
|
+
const [container, setContainer] = React__namespace.useState(null);
|
|
27134
27121
|
const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
|
|
27135
27122
|
const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
|
|
27136
27123
|
const lastFocusedElementRef = React__namespace.useRef(null);
|
|
@@ -27147,69 +27134,69 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
27147
27134
|
React__namespace.useEffect(() => {
|
|
27148
27135
|
if (trapped) {
|
|
27149
27136
|
let handleFocusIn2 = function(event) {
|
|
27150
|
-
if (focusScope.paused || !
|
|
27137
|
+
if (focusScope.paused || !container) return;
|
|
27151
27138
|
const target = event.target;
|
|
27152
|
-
if (
|
|
27139
|
+
if (container.contains(target)) {
|
|
27153
27140
|
lastFocusedElementRef.current = target;
|
|
27154
27141
|
} else {
|
|
27155
27142
|
focus$1(lastFocusedElementRef.current, { select: true });
|
|
27156
27143
|
}
|
|
27157
27144
|
}, handleFocusOut2 = function(event) {
|
|
27158
|
-
if (focusScope.paused || !
|
|
27145
|
+
if (focusScope.paused || !container) return;
|
|
27159
27146
|
const relatedTarget = event.relatedTarget;
|
|
27160
27147
|
if (relatedTarget === null) return;
|
|
27161
|
-
if (!
|
|
27148
|
+
if (!container.contains(relatedTarget)) {
|
|
27162
27149
|
focus$1(lastFocusedElementRef.current, { select: true });
|
|
27163
27150
|
}
|
|
27164
27151
|
}, handleMutations2 = function(mutations) {
|
|
27165
27152
|
const focusedElement = document.activeElement;
|
|
27166
27153
|
if (focusedElement !== document.body) return;
|
|
27167
27154
|
for (const mutation of mutations) {
|
|
27168
|
-
if (mutation.removedNodes.length > 0) focus$1(
|
|
27155
|
+
if (mutation.removedNodes.length > 0) focus$1(container);
|
|
27169
27156
|
}
|
|
27170
27157
|
};
|
|
27171
27158
|
document.addEventListener("focusin", handleFocusIn2);
|
|
27172
27159
|
document.addEventListener("focusout", handleFocusOut2);
|
|
27173
27160
|
const mutationObserver = new MutationObserver(handleMutations2);
|
|
27174
|
-
if (
|
|
27161
|
+
if (container) mutationObserver.observe(container, { childList: true, subtree: true });
|
|
27175
27162
|
return () => {
|
|
27176
27163
|
document.removeEventListener("focusin", handleFocusIn2);
|
|
27177
27164
|
document.removeEventListener("focusout", handleFocusOut2);
|
|
27178
27165
|
mutationObserver.disconnect();
|
|
27179
27166
|
};
|
|
27180
27167
|
}
|
|
27181
|
-
}, [trapped,
|
|
27168
|
+
}, [trapped, container, focusScope.paused]);
|
|
27182
27169
|
React__namespace.useEffect(() => {
|
|
27183
|
-
if (
|
|
27170
|
+
if (container) {
|
|
27184
27171
|
focusScopesStack$1.add(focusScope);
|
|
27185
27172
|
const previouslyFocusedElement = document.activeElement;
|
|
27186
|
-
const hasFocusedCandidate =
|
|
27173
|
+
const hasFocusedCandidate = container.contains(previouslyFocusedElement);
|
|
27187
27174
|
if (!hasFocusedCandidate) {
|
|
27188
27175
|
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT$1, EVENT_OPTIONS$3);
|
|
27189
|
-
|
|
27190
|
-
|
|
27176
|
+
container.addEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
|
|
27177
|
+
container.dispatchEvent(mountEvent);
|
|
27191
27178
|
if (!mountEvent.defaultPrevented) {
|
|
27192
|
-
focusFirst$3(removeLinks$1(getTabbableCandidates$1(
|
|
27179
|
+
focusFirst$3(removeLinks$1(getTabbableCandidates$1(container)), { select: true });
|
|
27193
27180
|
if (document.activeElement === previouslyFocusedElement) {
|
|
27194
|
-
focus$1(
|
|
27181
|
+
focus$1(container);
|
|
27195
27182
|
}
|
|
27196
27183
|
}
|
|
27197
27184
|
}
|
|
27198
27185
|
return () => {
|
|
27199
|
-
|
|
27186
|
+
container.removeEventListener(AUTOFOCUS_ON_MOUNT$1, onMountAutoFocus);
|
|
27200
27187
|
setTimeout(() => {
|
|
27201
27188
|
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT$1, EVENT_OPTIONS$3);
|
|
27202
|
-
|
|
27203
|
-
|
|
27189
|
+
container.addEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
|
|
27190
|
+
container.dispatchEvent(unmountEvent);
|
|
27204
27191
|
if (!unmountEvent.defaultPrevented) {
|
|
27205
27192
|
focus$1(previouslyFocusedElement ?? document.body, { select: true });
|
|
27206
27193
|
}
|
|
27207
|
-
|
|
27194
|
+
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT$1, onUnmountAutoFocus);
|
|
27208
27195
|
focusScopesStack$1.remove(focusScope);
|
|
27209
27196
|
}, 0);
|
|
27210
27197
|
};
|
|
27211
27198
|
}
|
|
27212
|
-
}, [
|
|
27199
|
+
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
27213
27200
|
const handleKeyDown = React__namespace.useCallback(
|
|
27214
27201
|
(event) => {
|
|
27215
27202
|
if (!loop && !trapped) return;
|
|
@@ -27217,11 +27204,11 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
27217
27204
|
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
|
|
27218
27205
|
const focusedElement = document.activeElement;
|
|
27219
27206
|
if (isTabKey && focusedElement) {
|
|
27220
|
-
const
|
|
27221
|
-
const [first, last] = getTabbableEdges$1(
|
|
27207
|
+
const container2 = event.currentTarget;
|
|
27208
|
+
const [first, last] = getTabbableEdges$1(container2);
|
|
27222
27209
|
const hasTabbableElementsInside = first && last;
|
|
27223
27210
|
if (!hasTabbableElementsInside) {
|
|
27224
|
-
if (focusedElement ===
|
|
27211
|
+
if (focusedElement === container2) event.preventDefault();
|
|
27225
27212
|
} else {
|
|
27226
27213
|
if (!event.shiftKey && focusedElement === last) {
|
|
27227
27214
|
event.preventDefault();
|
|
@@ -27245,15 +27232,15 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
27245
27232
|
if (document.activeElement !== previouslyFocusedElement) return;
|
|
27246
27233
|
}
|
|
27247
27234
|
}
|
|
27248
|
-
function getTabbableEdges$1(
|
|
27249
|
-
const candidates = getTabbableCandidates$1(
|
|
27250
|
-
const first = findVisible$1(candidates,
|
|
27251
|
-
const last = findVisible$1(candidates.reverse(),
|
|
27235
|
+
function getTabbableEdges$1(container) {
|
|
27236
|
+
const candidates = getTabbableCandidates$1(container);
|
|
27237
|
+
const first = findVisible$1(candidates, container);
|
|
27238
|
+
const last = findVisible$1(candidates.reverse(), container);
|
|
27252
27239
|
return [first, last];
|
|
27253
27240
|
}
|
|
27254
|
-
function getTabbableCandidates$1(
|
|
27241
|
+
function getTabbableCandidates$1(container) {
|
|
27255
27242
|
const nodes = [];
|
|
27256
|
-
const walker2 = document.createTreeWalker(
|
|
27243
|
+
const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
27257
27244
|
acceptNode: (node) => {
|
|
27258
27245
|
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
27259
27246
|
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
@@ -27263,9 +27250,9 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
27263
27250
|
while (walker2.nextNode()) nodes.push(walker2.currentNode);
|
|
27264
27251
|
return nodes;
|
|
27265
27252
|
}
|
|
27266
|
-
function findVisible$1(elements,
|
|
27253
|
+
function findVisible$1(elements, container) {
|
|
27267
27254
|
for (const element of elements) {
|
|
27268
|
-
if (!isHidden$1(element, { upTo:
|
|
27255
|
+
if (!isHidden$1(element, { upTo: container })) return element;
|
|
27269
27256
|
}
|
|
27270
27257
|
}
|
|
27271
27258
|
function isHidden$1(node, { upTo }) {
|
|
@@ -27322,8 +27309,8 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
27322
27309
|
const { container: containerProp, ...portalProps } = props;
|
|
27323
27310
|
const [mounted, setMounted] = React__namespace.useState(false);
|
|
27324
27311
|
useLayoutEffect2(() => setMounted(true), []);
|
|
27325
|
-
const
|
|
27326
|
-
return
|
|
27312
|
+
const container = containerProp || mounted && globalThis?.document?.body;
|
|
27313
|
+
return container ? ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Primitive$2.div, { ...portalProps, ref: forwardedRef }), container) : null;
|
|
27327
27314
|
});
|
|
27328
27315
|
Portal$5.displayName = PORTAL_NAME$6;
|
|
27329
27316
|
var count = 0;
|
|
@@ -28188,9 +28175,9 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
28188
28175
|
forceMount: void 0
|
|
28189
28176
|
});
|
|
28190
28177
|
var DialogPortal$1 = (props) => {
|
|
28191
|
-
const { __scopeDialog, forceMount, children: children2, container
|
|
28178
|
+
const { __scopeDialog, forceMount, children: children2, container } = props;
|
|
28192
28179
|
const context = useDialogContext(PORTAL_NAME$5, __scopeDialog);
|
|
28193
|
-
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React__namespace.Children.map(children2, (child) => /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$5, { asChild: true, container
|
|
28180
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$3, { scope: __scopeDialog, forceMount, children: React__namespace.Children.map(children2, (child) => /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$5, { asChild: true, container, children: child }) })) });
|
|
28194
28181
|
};
|
|
28195
28182
|
DialogPortal$1.displayName = PORTAL_NAME$5;
|
|
28196
28183
|
var OVERLAY_NAME = "DialogOverlay";
|
|
@@ -28238,8 +28225,8 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
|
|
|
28238
28225
|
const contentRef = React__namespace.useRef(null);
|
|
28239
28226
|
const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
28240
28227
|
React__namespace.useEffect(() => {
|
|
28241
|
-
const
|
|
28242
|
-
if (
|
|
28228
|
+
const content = contentRef.current;
|
|
28229
|
+
if (content) return hideOthers(content);
|
|
28243
28230
|
}, []);
|
|
28244
28231
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
28245
28232
|
DialogContentImpl,
|
|
@@ -30688,7 +30675,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
30688
30675
|
...contentProps
|
|
30689
30676
|
} = props;
|
|
30690
30677
|
const context = usePopperContext$1(CONTENT_NAME$6, __scopePopper);
|
|
30691
|
-
const [
|
|
30678
|
+
const [content, setContent] = React__namespace.useState(null);
|
|
30692
30679
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
30693
30680
|
const [arrow3, setArrow] = React__namespace.useState(null);
|
|
30694
30681
|
const arrowSize = useSize(arrow3);
|
|
@@ -30754,8 +30741,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
30754
30741
|
const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
|
|
30755
30742
|
const [contentZIndex, setContentZIndex] = React__namespace.useState();
|
|
30756
30743
|
useLayoutEffect2(() => {
|
|
30757
|
-
if (
|
|
30758
|
-
}, [
|
|
30744
|
+
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
30745
|
+
}, [content]);
|
|
30759
30746
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
30760
30747
|
"div",
|
|
30761
30748
|
{
|
|
@@ -31102,9 +31089,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
31102
31089
|
forceMount: void 0
|
|
31103
31090
|
});
|
|
31104
31091
|
var TooltipPortal = (props) => {
|
|
31105
|
-
const { __scopeTooltip, forceMount, children: children2, container
|
|
31092
|
+
const { __scopeTooltip, forceMount, children: children2, container } = props;
|
|
31106
31093
|
const context = useTooltipContext(PORTAL_NAME$4, __scopeTooltip);
|
|
31107
|
-
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container
|
|
31094
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$2, { scope: __scopeTooltip, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
|
|
31108
31095
|
};
|
|
31109
31096
|
TooltipPortal.displayName = PORTAL_NAME$4;
|
|
31110
31097
|
var CONTENT_NAME$5 = "TooltipContent";
|
|
@@ -31123,7 +31110,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
31123
31110
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
31124
31111
|
const [pointerGraceArea, setPointerGraceArea] = React__namespace.useState(null);
|
|
31125
31112
|
const { trigger, onClose } = context;
|
|
31126
|
-
const
|
|
31113
|
+
const content = ref.current;
|
|
31127
31114
|
const { onPointerInTransitChange } = providerContext;
|
|
31128
31115
|
const handleRemoveGraceArea = React__namespace.useCallback(() => {
|
|
31129
31116
|
setPointerGraceArea(null);
|
|
@@ -31146,23 +31133,23 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
31146
31133
|
return () => handleRemoveGraceArea();
|
|
31147
31134
|
}, [handleRemoveGraceArea]);
|
|
31148
31135
|
React__namespace.useEffect(() => {
|
|
31149
|
-
if (trigger &&
|
|
31150
|
-
const handleTriggerLeave = (event) => handleCreateGraceArea(event,
|
|
31136
|
+
if (trigger && content) {
|
|
31137
|
+
const handleTriggerLeave = (event) => handleCreateGraceArea(event, content);
|
|
31151
31138
|
const handleContentLeave = (event) => handleCreateGraceArea(event, trigger);
|
|
31152
31139
|
trigger.addEventListener("pointerleave", handleTriggerLeave);
|
|
31153
|
-
|
|
31140
|
+
content.addEventListener("pointerleave", handleContentLeave);
|
|
31154
31141
|
return () => {
|
|
31155
31142
|
trigger.removeEventListener("pointerleave", handleTriggerLeave);
|
|
31156
|
-
|
|
31143
|
+
content.removeEventListener("pointerleave", handleContentLeave);
|
|
31157
31144
|
};
|
|
31158
31145
|
}
|
|
31159
|
-
}, [trigger,
|
|
31146
|
+
}, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
|
|
31160
31147
|
React__namespace.useEffect(() => {
|
|
31161
31148
|
if (pointerGraceArea) {
|
|
31162
31149
|
const handleTrackPointerGrace = (event) => {
|
|
31163
31150
|
const target = event.target;
|
|
31164
31151
|
const pointerPosition = { x: event.clientX, y: event.clientY };
|
|
31165
|
-
const hasEnteredTarget = trigger?.contains(target) ||
|
|
31152
|
+
const hasEnteredTarget = trigger?.contains(target) || content?.contains(target);
|
|
31166
31153
|
const isPointerOutsideGraceArea = !isPointInPolygon$2(pointerPosition, pointerGraceArea);
|
|
31167
31154
|
if (hasEnteredTarget) {
|
|
31168
31155
|
handleRemoveGraceArea();
|
|
@@ -31174,7 +31161,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
31174
31161
|
document.addEventListener("pointermove", handleTrackPointerGrace);
|
|
31175
31162
|
return () => document.removeEventListener("pointermove", handleTrackPointerGrace);
|
|
31176
31163
|
}
|
|
31177
|
-
}, [trigger,
|
|
31164
|
+
}, [trigger, content, pointerGraceArea, onClose, handleRemoveGraceArea]);
|
|
31178
31165
|
return /* @__PURE__ */ jsxRuntime.jsx(TooltipContentImpl, { ...props, ref: composedRefs });
|
|
31179
31166
|
});
|
|
31180
31167
|
var [VisuallyHiddenContentContextProvider, useVisuallyHiddenContentContext] = createTooltipContext(TOOLTIP_NAME, { isInside: false });
|
|
@@ -31390,7 +31377,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
31390
31377
|
}
|
|
31391
31378
|
) }));
|
|
31392
31379
|
TooltipContent.displayName = Content2$4.displayName;
|
|
31393
|
-
const InfoTooltip = ({ title
|
|
31380
|
+
const InfoTooltip = ({ title, alertText, Icon: Icon2 = Info, onClick }) => {
|
|
31394
31381
|
return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
|
|
31395
31382
|
/* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
31396
31383
|
Icon2,
|
|
@@ -31421,7 +31408,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
31421
31408
|
) }),
|
|
31422
31409
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-amber-500", children: alertText })
|
|
31423
31410
|
] }),
|
|
31424
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13px] leading-relaxed text-primary-foreground/90", children:
|
|
31411
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[13px] leading-relaxed text-primary-foreground/90", children: title })
|
|
31425
31412
|
] }) })
|
|
31426
31413
|
] }) });
|
|
31427
31414
|
};
|
|
@@ -33134,23 +33121,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
33134
33121
|
function formatDistanceToNow(date2, options2) {
|
|
33135
33122
|
return formatDistance$1(date2, constructNow(date2), options2);
|
|
33136
33123
|
}
|
|
33137
|
-
const
|
|
33138
|
-
const secondary$1 = "reach-styles-module__secondary___VQ4iH";
|
|
33139
|
-
const destructive$1 = "reach-styles-module__destructive___RLaRD";
|
|
33140
|
-
const outline$1 = "reach-styles-module__outline___L2VtW";
|
|
33141
|
-
const google = "reach-styles-module__google___HcEij";
|
|
33142
|
-
const date = "reach-styles-module__date___-6BC4";
|
|
33143
|
-
const container = "reach-styles-module__container___6PQqs";
|
|
33144
|
-
const styles$2 = {
|
|
33145
|
-
base: base$1,
|
|
33146
|
-
"default": "reach-styles-module__default___zeGU1",
|
|
33147
|
-
secondary: secondary$1,
|
|
33148
|
-
destructive: destructive$1,
|
|
33149
|
-
outline: outline$1,
|
|
33150
|
-
google,
|
|
33151
|
-
date,
|
|
33152
|
-
container
|
|
33153
|
-
};
|
|
33124
|
+
const styles$2 = {};
|
|
33154
33125
|
const badgeVariants = cva([styles$2.base], {
|
|
33155
33126
|
variants: {
|
|
33156
33127
|
variant: {
|
|
@@ -34597,11 +34568,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
34597
34568
|
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
|
|
34598
34569
|
const focusedElement = document.activeElement;
|
|
34599
34570
|
if (isTabKey && focusedElement) {
|
|
34600
|
-
const
|
|
34601
|
-
const [first, last] = $d3863c46a17e8a28$var$getTabbableEdges(
|
|
34571
|
+
const container = event.currentTarget;
|
|
34572
|
+
const [first, last] = $d3863c46a17e8a28$var$getTabbableEdges(container);
|
|
34602
34573
|
const hasTabbableElementsInside = first && last;
|
|
34603
34574
|
if (!hasTabbableElementsInside) {
|
|
34604
|
-
if (focusedElement ===
|
|
34575
|
+
if (focusedElement === container) event.preventDefault();
|
|
34605
34576
|
} else {
|
|
34606
34577
|
if (!event.shiftKey && focusedElement === last) {
|
|
34607
34578
|
event.preventDefault();
|
|
@@ -34637,18 +34608,18 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
34637
34608
|
if (document.activeElement !== previouslyFocusedElement) return;
|
|
34638
34609
|
}
|
|
34639
34610
|
}
|
|
34640
|
-
function $d3863c46a17e8a28$var$getTabbableEdges(
|
|
34641
|
-
const candidates = $d3863c46a17e8a28$var$getTabbableCandidates(
|
|
34642
|
-
const first = $d3863c46a17e8a28$var$findVisible(candidates,
|
|
34643
|
-
const last = $d3863c46a17e8a28$var$findVisible(candidates.reverse(),
|
|
34611
|
+
function $d3863c46a17e8a28$var$getTabbableEdges(container) {
|
|
34612
|
+
const candidates = $d3863c46a17e8a28$var$getTabbableCandidates(container);
|
|
34613
|
+
const first = $d3863c46a17e8a28$var$findVisible(candidates, container);
|
|
34614
|
+
const last = $d3863c46a17e8a28$var$findVisible(candidates.reverse(), container);
|
|
34644
34615
|
return [
|
|
34645
34616
|
first,
|
|
34646
34617
|
last
|
|
34647
34618
|
];
|
|
34648
34619
|
}
|
|
34649
|
-
function $d3863c46a17e8a28$var$getTabbableCandidates(
|
|
34620
|
+
function $d3863c46a17e8a28$var$getTabbableCandidates(container) {
|
|
34650
34621
|
const nodes = [];
|
|
34651
|
-
const walker2 = document.createTreeWalker(
|
|
34622
|
+
const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
34652
34623
|
acceptNode: (node) => {
|
|
34653
34624
|
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
34654
34625
|
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
@@ -34658,10 +34629,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
34658
34629
|
while (walker2.nextNode()) nodes.push(walker2.currentNode);
|
|
34659
34630
|
return nodes;
|
|
34660
34631
|
}
|
|
34661
|
-
function $d3863c46a17e8a28$var$findVisible(elements,
|
|
34632
|
+
function $d3863c46a17e8a28$var$findVisible(elements, container) {
|
|
34662
34633
|
for (const element of elements) {
|
|
34663
34634
|
if (!$d3863c46a17e8a28$var$isHidden(element, {
|
|
34664
|
-
upTo:
|
|
34635
|
+
upTo: container
|
|
34665
34636
|
})) return element;
|
|
34666
34637
|
}
|
|
34667
34638
|
}
|
|
@@ -34718,10 +34689,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
34718
34689
|
}
|
|
34719
34690
|
const $f1701beae083dbae$export$602eac185826482c = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
|
|
34720
34691
|
var _globalThis$document;
|
|
34721
|
-
const { container
|
|
34722
|
-
return
|
|
34692
|
+
const { container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body, ...portalProps } = props;
|
|
34693
|
+
return container ? /* @__PURE__ */ ReactDOM.createPortal(/* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
|
|
34723
34694
|
ref: forwardedRef
|
|
34724
|
-
})),
|
|
34695
|
+
})), container) : null;
|
|
34725
34696
|
});
|
|
34726
34697
|
const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? React.useLayoutEffect : () => {
|
|
34727
34698
|
};
|
|
@@ -35188,7 +35159,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
35188
35159
|
forceMount: void 0
|
|
35189
35160
|
});
|
|
35190
35161
|
const $5d3850c4d0b4e6c7$export$dad7c95542bacce0 = (props) => {
|
|
35191
|
-
const { __scopeDialog, forceMount, children: children2, container
|
|
35162
|
+
const { __scopeDialog, forceMount, children: children2, container } = props;
|
|
35192
35163
|
const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$PORTAL_NAME, __scopeDialog);
|
|
35193
35164
|
return /* @__PURE__ */ React.createElement($5d3850c4d0b4e6c7$var$PortalProvider, {
|
|
35194
35165
|
scope: __scopeDialog,
|
|
@@ -35199,7 +35170,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
35199
35170
|
present: forceMount || context.open
|
|
35200
35171
|
}, /* @__PURE__ */ React.createElement($f1701beae083dbae$export$602eac185826482c, {
|
|
35201
35172
|
asChild: true,
|
|
35202
|
-
container
|
|
35173
|
+
container
|
|
35203
35174
|
}, child))
|
|
35204
35175
|
));
|
|
35205
35176
|
};
|
|
@@ -35258,8 +35229,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
35258
35229
|
const contentRef = React.useRef(null);
|
|
35259
35230
|
const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.contentRef, contentRef);
|
|
35260
35231
|
React.useEffect(() => {
|
|
35261
|
-
const
|
|
35262
|
-
if (
|
|
35232
|
+
const content = contentRef.current;
|
|
35233
|
+
if (content) return hideOthers(content);
|
|
35263
35234
|
}, []);
|
|
35264
35235
|
return /* @__PURE__ */ React.createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends({}, props, {
|
|
35265
35236
|
ref: composedRefs,
|
|
@@ -35776,7 +35747,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
35776
35747
|
onUnmountAutoFocus: onUnmountAutoFocusProp,
|
|
35777
35748
|
...scopeProps
|
|
35778
35749
|
} = props;
|
|
35779
|
-
const [
|
|
35750
|
+
const [container, setContainer] = React__namespace.useState(null);
|
|
35780
35751
|
const onMountAutoFocus = useCallbackRef$1(onMountAutoFocusProp);
|
|
35781
35752
|
const onUnmountAutoFocus = useCallbackRef$1(onUnmountAutoFocusProp);
|
|
35782
35753
|
const lastFocusedElementRef = React__namespace.useRef(null);
|
|
@@ -35793,69 +35764,69 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
35793
35764
|
React__namespace.useEffect(() => {
|
|
35794
35765
|
if (trapped) {
|
|
35795
35766
|
let handleFocusIn2 = function(event) {
|
|
35796
|
-
if (focusScope.paused || !
|
|
35767
|
+
if (focusScope.paused || !container) return;
|
|
35797
35768
|
const target = event.target;
|
|
35798
|
-
if (
|
|
35769
|
+
if (container.contains(target)) {
|
|
35799
35770
|
lastFocusedElementRef.current = target;
|
|
35800
35771
|
} else {
|
|
35801
35772
|
focus(lastFocusedElementRef.current, { select: true });
|
|
35802
35773
|
}
|
|
35803
35774
|
}, handleFocusOut2 = function(event) {
|
|
35804
|
-
if (focusScope.paused || !
|
|
35775
|
+
if (focusScope.paused || !container) return;
|
|
35805
35776
|
const relatedTarget = event.relatedTarget;
|
|
35806
35777
|
if (relatedTarget === null) return;
|
|
35807
|
-
if (!
|
|
35778
|
+
if (!container.contains(relatedTarget)) {
|
|
35808
35779
|
focus(lastFocusedElementRef.current, { select: true });
|
|
35809
35780
|
}
|
|
35810
35781
|
}, handleMutations2 = function(mutations) {
|
|
35811
35782
|
const focusedElement = document.activeElement;
|
|
35812
35783
|
if (focusedElement !== document.body) return;
|
|
35813
35784
|
for (const mutation of mutations) {
|
|
35814
|
-
if (mutation.removedNodes.length > 0) focus(
|
|
35785
|
+
if (mutation.removedNodes.length > 0) focus(container);
|
|
35815
35786
|
}
|
|
35816
35787
|
};
|
|
35817
35788
|
document.addEventListener("focusin", handleFocusIn2);
|
|
35818
35789
|
document.addEventListener("focusout", handleFocusOut2);
|
|
35819
35790
|
const mutationObserver = new MutationObserver(handleMutations2);
|
|
35820
|
-
if (
|
|
35791
|
+
if (container) mutationObserver.observe(container, { childList: true, subtree: true });
|
|
35821
35792
|
return () => {
|
|
35822
35793
|
document.removeEventListener("focusin", handleFocusIn2);
|
|
35823
35794
|
document.removeEventListener("focusout", handleFocusOut2);
|
|
35824
35795
|
mutationObserver.disconnect();
|
|
35825
35796
|
};
|
|
35826
35797
|
}
|
|
35827
|
-
}, [trapped,
|
|
35798
|
+
}, [trapped, container, focusScope.paused]);
|
|
35828
35799
|
React__namespace.useEffect(() => {
|
|
35829
|
-
if (
|
|
35800
|
+
if (container) {
|
|
35830
35801
|
focusScopesStack.add(focusScope);
|
|
35831
35802
|
const previouslyFocusedElement = document.activeElement;
|
|
35832
|
-
const hasFocusedCandidate =
|
|
35803
|
+
const hasFocusedCandidate = container.contains(previouslyFocusedElement);
|
|
35833
35804
|
if (!hasFocusedCandidate) {
|
|
35834
35805
|
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS$2);
|
|
35835
|
-
|
|
35836
|
-
|
|
35806
|
+
container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
|
|
35807
|
+
container.dispatchEvent(mountEvent);
|
|
35837
35808
|
if (!mountEvent.defaultPrevented) {
|
|
35838
|
-
focusFirst$2(removeLinks(getTabbableCandidates(
|
|
35809
|
+
focusFirst$2(removeLinks(getTabbableCandidates(container)), { select: true });
|
|
35839
35810
|
if (document.activeElement === previouslyFocusedElement) {
|
|
35840
|
-
focus(
|
|
35811
|
+
focus(container);
|
|
35841
35812
|
}
|
|
35842
35813
|
}
|
|
35843
35814
|
}
|
|
35844
35815
|
return () => {
|
|
35845
|
-
|
|
35816
|
+
container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
|
|
35846
35817
|
setTimeout(() => {
|
|
35847
35818
|
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS$2);
|
|
35848
|
-
|
|
35849
|
-
|
|
35819
|
+
container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
|
35820
|
+
container.dispatchEvent(unmountEvent);
|
|
35850
35821
|
if (!unmountEvent.defaultPrevented) {
|
|
35851
35822
|
focus(previouslyFocusedElement ?? document.body, { select: true });
|
|
35852
35823
|
}
|
|
35853
|
-
|
|
35824
|
+
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
|
35854
35825
|
focusScopesStack.remove(focusScope);
|
|
35855
35826
|
}, 0);
|
|
35856
35827
|
};
|
|
35857
35828
|
}
|
|
35858
|
-
}, [
|
|
35829
|
+
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
35859
35830
|
const handleKeyDown = React__namespace.useCallback(
|
|
35860
35831
|
(event) => {
|
|
35861
35832
|
if (!loop && !trapped) return;
|
|
@@ -35863,11 +35834,11 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
35863
35834
|
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
|
|
35864
35835
|
const focusedElement = document.activeElement;
|
|
35865
35836
|
if (isTabKey && focusedElement) {
|
|
35866
|
-
const
|
|
35867
|
-
const [first, last] = getTabbableEdges(
|
|
35837
|
+
const container2 = event.currentTarget;
|
|
35838
|
+
const [first, last] = getTabbableEdges(container2);
|
|
35868
35839
|
const hasTabbableElementsInside = first && last;
|
|
35869
35840
|
if (!hasTabbableElementsInside) {
|
|
35870
|
-
if (focusedElement ===
|
|
35841
|
+
if (focusedElement === container2) event.preventDefault();
|
|
35871
35842
|
} else {
|
|
35872
35843
|
if (!event.shiftKey && focusedElement === last) {
|
|
35873
35844
|
event.preventDefault();
|
|
@@ -35891,15 +35862,15 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
35891
35862
|
if (document.activeElement !== previouslyFocusedElement) return;
|
|
35892
35863
|
}
|
|
35893
35864
|
}
|
|
35894
|
-
function getTabbableEdges(
|
|
35895
|
-
const candidates = getTabbableCandidates(
|
|
35896
|
-
const first = findVisible(candidates,
|
|
35897
|
-
const last = findVisible(candidates.reverse(),
|
|
35865
|
+
function getTabbableEdges(container) {
|
|
35866
|
+
const candidates = getTabbableCandidates(container);
|
|
35867
|
+
const first = findVisible(candidates, container);
|
|
35868
|
+
const last = findVisible(candidates.reverse(), container);
|
|
35898
35869
|
return [first, last];
|
|
35899
35870
|
}
|
|
35900
|
-
function getTabbableCandidates(
|
|
35871
|
+
function getTabbableCandidates(container) {
|
|
35901
35872
|
const nodes = [];
|
|
35902
|
-
const walker2 = document.createTreeWalker(
|
|
35873
|
+
const walker2 = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
35903
35874
|
acceptNode: (node) => {
|
|
35904
35875
|
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
35905
35876
|
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
@@ -35909,9 +35880,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
35909
35880
|
while (walker2.nextNode()) nodes.push(walker2.currentNode);
|
|
35910
35881
|
return nodes;
|
|
35911
35882
|
}
|
|
35912
|
-
function findVisible(elements,
|
|
35883
|
+
function findVisible(elements, container) {
|
|
35913
35884
|
for (const element of elements) {
|
|
35914
|
-
if (!isHidden(element, { upTo:
|
|
35885
|
+
if (!isHidden(element, { upTo: container })) return element;
|
|
35915
35886
|
}
|
|
35916
35887
|
}
|
|
35917
35888
|
function isHidden(node, { upTo }) {
|
|
@@ -36048,9 +36019,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
36048
36019
|
forceMount: void 0
|
|
36049
36020
|
});
|
|
36050
36021
|
var PopoverPortal = (props) => {
|
|
36051
|
-
const { __scopePopover, forceMount, children: children2, container
|
|
36022
|
+
const { __scopePopover, forceMount, children: children2, container } = props;
|
|
36052
36023
|
const context = usePopoverContext(PORTAL_NAME$3, __scopePopover);
|
|
36053
|
-
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container
|
|
36024
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider$1, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
|
|
36054
36025
|
};
|
|
36055
36026
|
PopoverPortal.displayName = PORTAL_NAME$3;
|
|
36056
36027
|
var CONTENT_NAME$4 = "PopoverContent";
|
|
@@ -36070,8 +36041,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
36070
36041
|
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
36071
36042
|
const isRightClickOutsideRef = React__namespace.useRef(false);
|
|
36072
36043
|
React__namespace.useEffect(() => {
|
|
36073
|
-
const
|
|
36074
|
-
if (
|
|
36044
|
+
const content = contentRef.current;
|
|
36045
|
+
if (content) return hideOthers(content);
|
|
36075
36046
|
}, []);
|
|
36076
36047
|
return /* @__PURE__ */ jsxRuntime.jsx(ReactRemoveScroll$1, { as: Slot$3, allowPinchZoom: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
36077
36048
|
PopoverContentImpl,
|
|
@@ -36977,7 +36948,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
36977
36948
|
...contentProps
|
|
36978
36949
|
} = props;
|
|
36979
36950
|
const context = useSelectContext(CONTENT_NAME$3, __scopeSelect);
|
|
36980
|
-
const [
|
|
36951
|
+
const [content, setContent] = React__namespace.useState(null);
|
|
36981
36952
|
const [viewport, setViewport] = React__namespace.useState(null);
|
|
36982
36953
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
36983
36954
|
const [selectedItem, setSelectedItem] = React__namespace.useState(null);
|
|
@@ -36988,8 +36959,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
36988
36959
|
const [isPositioned, setIsPositioned] = React__namespace.useState(false);
|
|
36989
36960
|
const firstValidItemFoundRef = React__namespace.useRef(false);
|
|
36990
36961
|
React__namespace.useEffect(() => {
|
|
36991
|
-
if (
|
|
36992
|
-
}, [
|
|
36962
|
+
if (content) return hideOthers(content);
|
|
36963
|
+
}, [content]);
|
|
36993
36964
|
useFocusGuards();
|
|
36994
36965
|
const focusFirst2 = React__namespace.useCallback(
|
|
36995
36966
|
(candidates) => {
|
|
@@ -37008,8 +36979,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37008
36979
|
[getItems, viewport]
|
|
37009
36980
|
);
|
|
37010
36981
|
const focusSelectedItem = React__namespace.useCallback(
|
|
37011
|
-
() => focusFirst2([selectedItem,
|
|
37012
|
-
[focusFirst2, selectedItem,
|
|
36982
|
+
() => focusFirst2([selectedItem, content]),
|
|
36983
|
+
[focusFirst2, selectedItem, content]
|
|
37013
36984
|
);
|
|
37014
36985
|
React__namespace.useEffect(() => {
|
|
37015
36986
|
if (isPositioned) {
|
|
@@ -37018,7 +36989,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37018
36989
|
}, [isPositioned, focusSelectedItem]);
|
|
37019
36990
|
const { onOpenChange, triggerPointerDownPosRef } = context;
|
|
37020
36991
|
React__namespace.useEffect(() => {
|
|
37021
|
-
if (
|
|
36992
|
+
if (content) {
|
|
37022
36993
|
let pointerMoveDelta = { x: 0, y: 0 };
|
|
37023
36994
|
const handlePointerMove = (event) => {
|
|
37024
36995
|
pointerMoveDelta = {
|
|
@@ -37030,7 +37001,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37030
37001
|
if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) {
|
|
37031
37002
|
event.preventDefault();
|
|
37032
37003
|
} else {
|
|
37033
|
-
if (!
|
|
37004
|
+
if (!content.contains(event.target)) {
|
|
37034
37005
|
onOpenChange(false);
|
|
37035
37006
|
}
|
|
37036
37007
|
}
|
|
@@ -37046,7 +37017,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37046
37017
|
document.removeEventListener("pointerup", handlePointerUp, { capture: true });
|
|
37047
37018
|
};
|
|
37048
37019
|
}
|
|
37049
|
-
}, [
|
|
37020
|
+
}, [content, onOpenChange, triggerPointerDownPosRef]);
|
|
37050
37021
|
React__namespace.useEffect(() => {
|
|
37051
37022
|
const close2 = () => onOpenChange(false);
|
|
37052
37023
|
window.addEventListener("blur", close2);
|
|
@@ -37075,7 +37046,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37075
37046
|
},
|
|
37076
37047
|
[context.value]
|
|
37077
37048
|
);
|
|
37078
|
-
const handleItemLeave = React__namespace.useCallback(() =>
|
|
37049
|
+
const handleItemLeave = React__namespace.useCallback(() => content?.focus(), [content]);
|
|
37079
37050
|
const itemTextRefCallback = React__namespace.useCallback(
|
|
37080
37051
|
(node, value, disabled) => {
|
|
37081
37052
|
const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
|
|
@@ -37103,7 +37074,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37103
37074
|
SelectContentProvider,
|
|
37104
37075
|
{
|
|
37105
37076
|
scope: __scopeSelect,
|
|
37106
|
-
content
|
|
37077
|
+
content,
|
|
37107
37078
|
viewport,
|
|
37108
37079
|
onViewportChange: setViewport,
|
|
37109
37080
|
itemRefCallback,
|
|
@@ -37192,16 +37163,16 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37192
37163
|
const context = useSelectContext(CONTENT_NAME$3, __scopeSelect);
|
|
37193
37164
|
const contentContext = useSelectContentContext(CONTENT_NAME$3, __scopeSelect);
|
|
37194
37165
|
const [contentWrapper, setContentWrapper] = React__namespace.useState(null);
|
|
37195
|
-
const [
|
|
37166
|
+
const [content, setContent] = React__namespace.useState(null);
|
|
37196
37167
|
const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
|
|
37197
37168
|
const getItems = useCollection$2(__scopeSelect);
|
|
37198
37169
|
const shouldExpandOnScrollRef = React__namespace.useRef(false);
|
|
37199
37170
|
const shouldRepositionRef = React__namespace.useRef(true);
|
|
37200
37171
|
const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
|
|
37201
37172
|
const position = React__namespace.useCallback(() => {
|
|
37202
|
-
if (context.trigger && context.valueNode && contentWrapper &&
|
|
37173
|
+
if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
|
|
37203
37174
|
const triggerRect = context.trigger.getBoundingClientRect();
|
|
37204
|
-
const contentRect =
|
|
37175
|
+
const contentRect = content.getBoundingClientRect();
|
|
37205
37176
|
const valueNodeRect = context.valueNode.getBoundingClientRect();
|
|
37206
37177
|
const itemTextRect = selectedItemText.getBoundingClientRect();
|
|
37207
37178
|
if (context.dir !== "rtl") {
|
|
@@ -37239,7 +37210,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37239
37210
|
const items = getItems();
|
|
37240
37211
|
const availableHeight = window.innerHeight - CONTENT_MARGIN * 2;
|
|
37241
37212
|
const itemsHeight = viewport.scrollHeight;
|
|
37242
|
-
const contentStyles = window.getComputedStyle(
|
|
37213
|
+
const contentStyles = window.getComputedStyle(content);
|
|
37243
37214
|
const contentBorderTopWidth = parseInt(contentStyles.borderTopWidth, 10);
|
|
37244
37215
|
const contentPaddingTop = parseInt(contentStyles.paddingTop, 10);
|
|
37245
37216
|
const contentBorderBottomWidth = parseInt(contentStyles.borderBottomWidth, 10);
|
|
@@ -37259,7 +37230,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37259
37230
|
if (willAlignWithoutTopOverflow) {
|
|
37260
37231
|
const isLastItem = items.length > 0 && selectedItem === items[items.length - 1].ref.current;
|
|
37261
37232
|
contentWrapper.style.bottom = "0px";
|
|
37262
|
-
const viewportOffsetBottom =
|
|
37233
|
+
const viewportOffsetBottom = content.clientHeight - viewport.offsetTop - viewport.offsetHeight;
|
|
37263
37234
|
const clampedTriggerMiddleToBottomEdge = Math.max(
|
|
37264
37235
|
triggerMiddleToBottomEdge,
|
|
37265
37236
|
selectedItemHalfHeight + // viewport might have padding bottom, include it to avoid a scrollable viewport
|
|
@@ -37290,7 +37261,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37290
37261
|
context.trigger,
|
|
37291
37262
|
context.valueNode,
|
|
37292
37263
|
contentWrapper,
|
|
37293
|
-
|
|
37264
|
+
content,
|
|
37294
37265
|
viewport,
|
|
37295
37266
|
selectedItem,
|
|
37296
37267
|
selectedItemText,
|
|
@@ -37300,8 +37271,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
37300
37271
|
useLayoutEffect2(() => position(), [position]);
|
|
37301
37272
|
const [contentZIndex, setContentZIndex] = React__namespace.useState();
|
|
37302
37273
|
useLayoutEffect2(() => {
|
|
37303
|
-
if (
|
|
37304
|
-
}, [
|
|
37274
|
+
if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
|
|
37275
|
+
}, [content]);
|
|
37305
37276
|
const handleScrollButtonChange = React__namespace.useCallback(
|
|
37306
37277
|
(node) => {
|
|
37307
37278
|
if (node && shouldRepositionRef.current === true) {
|
|
@@ -39590,7 +39561,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
39590
39561
|
var Menu$1 = (props) => {
|
|
39591
39562
|
const { __scopeMenu, open = false, children: children2, dir, onOpenChange, modal = true } = props;
|
|
39592
39563
|
const popperScope = usePopperScope(__scopeMenu);
|
|
39593
|
-
const [
|
|
39564
|
+
const [content, setContent] = React__namespace.useState(null);
|
|
39594
39565
|
const isUsingKeyboardRef = React__namespace.useRef(false);
|
|
39595
39566
|
const handleOpenChange = useCallbackRef$1(onOpenChange);
|
|
39596
39567
|
const direction = useDirection(dir);
|
|
@@ -39614,7 +39585,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
39614
39585
|
scope: __scopeMenu,
|
|
39615
39586
|
open,
|
|
39616
39587
|
onOpenChange: handleOpenChange,
|
|
39617
|
-
content
|
|
39588
|
+
content,
|
|
39618
39589
|
onContentChange: setContent,
|
|
39619
39590
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
39620
39591
|
MenuRootProvider,
|
|
@@ -39645,9 +39616,9 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
39645
39616
|
forceMount: void 0
|
|
39646
39617
|
});
|
|
39647
39618
|
var MenuPortal$1 = (props) => {
|
|
39648
|
-
const { __scopeMenu, forceMount, children: children2, container
|
|
39619
|
+
const { __scopeMenu, forceMount, children: children2, container } = props;
|
|
39649
39620
|
const context = useMenuContext$1(PORTAL_NAME$1, __scopeMenu);
|
|
39650
|
-
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container
|
|
39621
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PortalProvider, { scope: __scopeMenu, forceMount, children: /* @__PURE__ */ jsxRuntime.jsx(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsxRuntime.jsx(Portal$6, { asChild: true, container, children: children2 }) }) });
|
|
39651
39622
|
};
|
|
39652
39623
|
MenuPortal$1.displayName = PORTAL_NAME$1;
|
|
39653
39624
|
var CONTENT_NAME$1 = "MenuContent";
|
|
@@ -39667,8 +39638,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
39667
39638
|
const ref = React__namespace.useRef(null);
|
|
39668
39639
|
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
39669
39640
|
React__namespace.useEffect(() => {
|
|
39670
|
-
const
|
|
39671
|
-
if (
|
|
39641
|
+
const content = ref.current;
|
|
39642
|
+
if (content) return hideOthers(content);
|
|
39672
39643
|
}, []);
|
|
39673
39644
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
39674
39645
|
MenuContentImpl,
|
|
@@ -39845,8 +39816,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
39845
39816
|
if (event.key === "Tab") event.preventDefault();
|
|
39846
39817
|
if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event.key);
|
|
39847
39818
|
}
|
|
39848
|
-
const
|
|
39849
|
-
if (event.target !==
|
|
39819
|
+
const content = contentRef.current;
|
|
39820
|
+
if (event.target !== content) return;
|
|
39850
39821
|
if (!FIRST_LAST_KEYS.includes(event.key)) return;
|
|
39851
39822
|
event.preventDefault();
|
|
39852
39823
|
const items = getItems().filter((item) => !item.disabled);
|
|
@@ -40772,27 +40743,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
|
|
|
40772
40743
|
)
|
|
40773
40744
|
] });
|
|
40774
40745
|
};
|
|
40775
|
-
const
|
|
40776
|
-
const destructive = "reach-styles-module__destructive___5EWhN";
|
|
40777
|
-
const outline = "reach-styles-module__outline___gj9sC";
|
|
40778
|
-
const secondary = "reach-styles-module__secondary___cN5Wj";
|
|
40779
|
-
const header = "reach-styles-module__header___-izE2";
|
|
40780
|
-
const title = "reach-styles-module__title___n1hA9";
|
|
40781
|
-
const description = "reach-styles-module__description___EvXM-";
|
|
40782
|
-
const content = "reach-styles-module__content___okv68";
|
|
40783
|
-
const footer = "reach-styles-module__footer___YA4U4";
|
|
40784
|
-
const styles = {
|
|
40785
|
-
base,
|
|
40786
|
-
"default": "reach-styles-module__default___88Q0d",
|
|
40787
|
-
destructive,
|
|
40788
|
-
outline,
|
|
40789
|
-
secondary,
|
|
40790
|
-
header,
|
|
40791
|
-
title,
|
|
40792
|
-
description,
|
|
40793
|
-
content,
|
|
40794
|
-
footer
|
|
40795
|
-
};
|
|
40746
|
+
const styles = {};
|
|
40796
40747
|
const cardVariants = cva(styles.base, {
|
|
40797
40748
|
variants: {
|
|
40798
40749
|
variant: {
|
|
@@ -42136,7 +42087,7 @@ ${message2 ?? ""}`);
|
|
|
42136
42087
|
iconDefinitions,
|
|
42137
42088
|
includeSegments,
|
|
42138
42089
|
excludeSegments,
|
|
42139
|
-
title
|
|
42090
|
+
title = "Estimated Matches",
|
|
42140
42091
|
subtitle
|
|
42141
42092
|
}) => {
|
|
42142
42093
|
const {
|
|
@@ -42162,7 +42113,7 @@ ${message2 ?? ""}`);
|
|
|
42162
42113
|
}, [data?.recipients]);
|
|
42163
42114
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full p-4", children: [
|
|
42164
42115
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 md:mb-6", children: [
|
|
42165
|
-
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-900", children:
|
|
42116
|
+
/* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-900", children: title }),
|
|
42166
42117
|
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-gray-500", children: subtitle })
|
|
42167
42118
|
] }),
|
|
42168
42119
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "@container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 @[30rem]:grid-cols-3 gap-2 md:gap-3 mb-4 md:mb-6", children: [
|
|
@@ -44603,10 +44554,10 @@ ${message2 ?? ""}`);
|
|
|
44603
44554
|
return jsxRuntime.jsx("div", { className: classNames.caption, style: styles2.caption, children: caption });
|
|
44604
44555
|
}
|
|
44605
44556
|
function Footer(props) {
|
|
44606
|
-
var _a = useDayPicker(),
|
|
44607
|
-
if (!
|
|
44557
|
+
var _a = useDayPicker(), footer = _a.footer, styles2 = _a.styles, tfoot = _a.classNames.tfoot;
|
|
44558
|
+
if (!footer)
|
|
44608
44559
|
return jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
44609
|
-
return jsxRuntime.jsx("tfoot", { className: tfoot, style: styles2.tfoot, children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: 8, children:
|
|
44560
|
+
return jsxRuntime.jsx("tfoot", { className: tfoot, style: styles2.tfoot, children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: 8, children: footer }) }) });
|
|
44610
44561
|
}
|
|
44611
44562
|
function getWeekdays(locale2, weekStartsOn, ISOWeek) {
|
|
44612
44563
|
var start = ISOWeek ? startOfISOWeek(/* @__PURE__ */ new Date()) : startOfWeek(/* @__PURE__ */ new Date(), { locale: locale2, weekStartsOn });
|
|
@@ -45414,15 +45365,15 @@ ${message2 ?? ""}`);
|
|
|
45414
45365
|
function WeekNumber(props) {
|
|
45415
45366
|
var weekNumber = props.number, dates2 = props.dates;
|
|
45416
45367
|
var _a = useDayPicker(), onWeekNumberClick = _a.onWeekNumberClick, styles2 = _a.styles, classNames = _a.classNames, locale2 = _a.locale, labelWeekNumber2 = _a.labels.labelWeekNumber, formatWeekNumber2 = _a.formatters.formatWeekNumber;
|
|
45417
|
-
var
|
|
45368
|
+
var content = formatWeekNumber2(Number(weekNumber), { locale: locale2 });
|
|
45418
45369
|
if (!onWeekNumberClick) {
|
|
45419
|
-
return jsxRuntime.jsx("span", { className: classNames.weeknumber, style: styles2.weeknumber, children:
|
|
45370
|
+
return jsxRuntime.jsx("span", { className: classNames.weeknumber, style: styles2.weeknumber, children: content });
|
|
45420
45371
|
}
|
|
45421
45372
|
var label = labelWeekNumber2(Number(weekNumber), { locale: locale2 });
|
|
45422
45373
|
var handleClick = function(e2) {
|
|
45423
45374
|
onWeekNumberClick(weekNumber, dates2, e2);
|
|
45424
45375
|
};
|
|
45425
|
-
return jsxRuntime.jsx(Button$1, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children:
|
|
45376
|
+
return jsxRuntime.jsx(Button$1, { name: "week-number", "aria-label": label, className: classNames.weeknumber, style: styles2.weeknumber, onClick: handleClick, children: content });
|
|
45426
45377
|
}
|
|
45427
45378
|
function Row(props) {
|
|
45428
45379
|
var _a, _b;
|
|
@@ -46443,13 +46394,13 @@ ${message2 ?? ""}`);
|
|
|
46443
46394
|
] }) })
|
|
46444
46395
|
] });
|
|
46445
46396
|
};
|
|
46446
|
-
const TitleAndContent = ({ title
|
|
46397
|
+
const TitleAndContent = ({ title, subtitle, content }) => {
|
|
46447
46398
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 w-full p-6 rounded-xl bg-gray-100 ", children: [
|
|
46448
46399
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
46449
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold", children:
|
|
46400
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold", children: title }),
|
|
46450
46401
|
subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-gray-600 mt-1", children: subtitle })
|
|
46451
46402
|
] }),
|
|
46452
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 relative", children:
|
|
46403
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white rounded-2xl w-full border border-gray-200 p-6 relative", children: content })
|
|
46453
46404
|
] });
|
|
46454
46405
|
};
|
|
46455
46406
|
const EditAutomationPopup = ({
|
|
@@ -47411,15 +47362,15 @@ ${message2 ?? ""}`);
|
|
|
47411
47362
|
style2.textContent = cssRules;
|
|
47412
47363
|
pip.document.head.appendChild(style2);
|
|
47413
47364
|
} catch (e2) {
|
|
47414
|
-
const
|
|
47365
|
+
const link = document.createElement("link");
|
|
47415
47366
|
if (styleSheet.href == null) {
|
|
47416
47367
|
return;
|
|
47417
47368
|
}
|
|
47418
|
-
|
|
47419
|
-
|
|
47420
|
-
|
|
47421
|
-
|
|
47422
|
-
pip.document.head.appendChild(
|
|
47369
|
+
link.rel = "stylesheet";
|
|
47370
|
+
link.type = styleSheet.type;
|
|
47371
|
+
link.media = styleSheet.media.toString();
|
|
47372
|
+
link.href = styleSheet.href;
|
|
47373
|
+
pip.document.head.appendChild(link);
|
|
47423
47374
|
}
|
|
47424
47375
|
});
|
|
47425
47376
|
delegateEvents(["focusin", "focusout", "pointermove", "keydown", "pointerdown", "pointerup", "click", "mousedown", "input"], pip.document);
|
|
@@ -48701,11 +48652,11 @@ ${message2 ?? ""}`);
|
|
|
48701
48652
|
var TABBABLE_ELEMENT_SELECTOR = tabbableElements.join(
|
|
48702
48653
|
':not([hidden]):not([tabindex="-1"]),'
|
|
48703
48654
|
);
|
|
48704
|
-
function getAllTabbableIn(
|
|
48705
|
-
const elements = Array.from(
|
|
48655
|
+
function getAllTabbableIn(container, includeContainer) {
|
|
48656
|
+
const elements = Array.from(container.querySelectorAll(FOCUSABLE_ELEMENT_SELECTOR));
|
|
48706
48657
|
const tabbableElements2 = elements.filter(isTabbable);
|
|
48707
|
-
if (includeContainer && isTabbable(
|
|
48708
|
-
tabbableElements2.unshift(
|
|
48658
|
+
if (includeContainer && isTabbable(container)) {
|
|
48659
|
+
tabbableElements2.unshift(container);
|
|
48709
48660
|
}
|
|
48710
48661
|
tabbableElements2.forEach((element, i2) => {
|
|
48711
48662
|
if (isFrame(element) && element.contentDocument) {
|
|
@@ -52497,12 +52448,12 @@ ${message2 ?? ""}`);
|
|
|
52497
52448
|
});
|
|
52498
52449
|
createEffect(() => {
|
|
52499
52450
|
const positioner = positionerRef();
|
|
52500
|
-
const
|
|
52501
|
-
if (!positioner || !
|
|
52451
|
+
const content = mergedProps.contentRef?.();
|
|
52452
|
+
if (!positioner || !content) {
|
|
52502
52453
|
return;
|
|
52503
52454
|
}
|
|
52504
52455
|
queueMicrotask(() => {
|
|
52505
|
-
positioner.style.zIndex = getComputedStyle(
|
|
52456
|
+
positioner.style.zIndex = getComputedStyle(content).zIndex;
|
|
52506
52457
|
});
|
|
52507
52458
|
});
|
|
52508
52459
|
const context = {
|
|
@@ -52568,9 +52519,9 @@ ${message2 ?? ""}`);
|
|
|
52568
52519
|
};
|
|
52569
52520
|
const onPointerDown = (e2) => {
|
|
52570
52521
|
function handler() {
|
|
52571
|
-
const
|
|
52522
|
+
const container = ref();
|
|
52572
52523
|
const target = e2.target;
|
|
52573
|
-
if (!
|
|
52524
|
+
if (!container || !target || !isEventOutside(e2)) {
|
|
52574
52525
|
return;
|
|
52575
52526
|
}
|
|
52576
52527
|
const handler2 = composeEventHandlers([
|
|
@@ -52602,9 +52553,9 @@ ${message2 ?? ""}`);
|
|
|
52602
52553
|
}
|
|
52603
52554
|
};
|
|
52604
52555
|
const onFocusIn = (e2) => {
|
|
52605
|
-
const
|
|
52556
|
+
const container = ref();
|
|
52606
52557
|
const target = e2.target;
|
|
52607
|
-
if (!
|
|
52558
|
+
if (!container || !target || !isEventOutside(e2)) {
|
|
52608
52559
|
return;
|
|
52609
52560
|
}
|
|
52610
52561
|
const handler = composeEventHandlers([
|
|
@@ -53317,11 +53268,11 @@ ${message2 ?? ""}`);
|
|
|
53317
53268
|
return element;
|
|
53318
53269
|
};
|
|
53319
53270
|
const tabbables = () => {
|
|
53320
|
-
const
|
|
53321
|
-
if (!
|
|
53271
|
+
const container = ref();
|
|
53272
|
+
if (!container) {
|
|
53322
53273
|
return [];
|
|
53323
53274
|
}
|
|
53324
|
-
return getAllTabbableIn(
|
|
53275
|
+
return getAllTabbableIn(container, true).filter((el) => !el.hasAttribute("data-focus-trap"));
|
|
53325
53276
|
};
|
|
53326
53277
|
const firstTabbable = () => {
|
|
53327
53278
|
const items = tabbables();
|
|
@@ -53332,60 +53283,60 @@ ${message2 ?? ""}`);
|
|
|
53332
53283
|
return items.length > 0 ? items[items.length - 1] : null;
|
|
53333
53284
|
};
|
|
53334
53285
|
const shouldPreventUnmountAutoFocus = () => {
|
|
53335
|
-
const
|
|
53336
|
-
if (!
|
|
53286
|
+
const container = ref();
|
|
53287
|
+
if (!container) {
|
|
53337
53288
|
return false;
|
|
53338
53289
|
}
|
|
53339
|
-
const activeElement = getActiveElement(
|
|
53290
|
+
const activeElement = getActiveElement(container);
|
|
53340
53291
|
if (!activeElement) {
|
|
53341
53292
|
return false;
|
|
53342
53293
|
}
|
|
53343
|
-
if (contains(
|
|
53294
|
+
if (contains(container, activeElement)) {
|
|
53344
53295
|
return false;
|
|
53345
53296
|
}
|
|
53346
53297
|
return isFocusable(activeElement);
|
|
53347
53298
|
};
|
|
53348
53299
|
createEffect(() => {
|
|
53349
|
-
const
|
|
53350
|
-
if (!
|
|
53300
|
+
const container = ref();
|
|
53301
|
+
if (!container) {
|
|
53351
53302
|
return;
|
|
53352
53303
|
}
|
|
53353
53304
|
focusScopeStack.add(focusScope);
|
|
53354
|
-
const previouslyFocusedElement = getActiveElement(
|
|
53355
|
-
const hasFocusedCandidate = contains(
|
|
53305
|
+
const previouslyFocusedElement = getActiveElement(container);
|
|
53306
|
+
const hasFocusedCandidate = contains(container, previouslyFocusedElement);
|
|
53356
53307
|
if (!hasFocusedCandidate) {
|
|
53357
53308
|
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT_EVENT, EVENT_OPTIONS);
|
|
53358
|
-
|
|
53359
|
-
|
|
53309
|
+
container.addEventListener(AUTOFOCUS_ON_MOUNT_EVENT, onMountAutoFocus);
|
|
53310
|
+
container.dispatchEvent(mountEvent);
|
|
53360
53311
|
if (!mountEvent.defaultPrevented) {
|
|
53361
53312
|
setTimeout(() => {
|
|
53362
53313
|
focusWithoutScrolling(firstTabbable());
|
|
53363
|
-
if (getActiveElement(
|
|
53364
|
-
focusWithoutScrolling(
|
|
53314
|
+
if (getActiveElement(container) === previouslyFocusedElement) {
|
|
53315
|
+
focusWithoutScrolling(container);
|
|
53365
53316
|
}
|
|
53366
53317
|
}, 0);
|
|
53367
53318
|
}
|
|
53368
53319
|
}
|
|
53369
53320
|
onCleanup(() => {
|
|
53370
|
-
|
|
53321
|
+
container.removeEventListener(AUTOFOCUS_ON_MOUNT_EVENT, onMountAutoFocus);
|
|
53371
53322
|
setTimeout(() => {
|
|
53372
53323
|
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT_EVENT, EVENT_OPTIONS);
|
|
53373
53324
|
if (shouldPreventUnmountAutoFocus()) {
|
|
53374
53325
|
unmountEvent.preventDefault();
|
|
53375
53326
|
}
|
|
53376
|
-
|
|
53377
|
-
|
|
53327
|
+
container.addEventListener(AUTOFOCUS_ON_UNMOUNT_EVENT, onUnmountAutoFocus);
|
|
53328
|
+
container.dispatchEvent(unmountEvent);
|
|
53378
53329
|
if (!unmountEvent.defaultPrevented) {
|
|
53379
53330
|
focusWithoutScrolling(previouslyFocusedElement ?? ownerDocument().body);
|
|
53380
53331
|
}
|
|
53381
|
-
|
|
53332
|
+
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT_EVENT, onUnmountAutoFocus);
|
|
53382
53333
|
focusScopeStack.remove(focusScope);
|
|
53383
53334
|
}, 0);
|
|
53384
53335
|
});
|
|
53385
53336
|
});
|
|
53386
53337
|
createEffect(() => {
|
|
53387
|
-
const
|
|
53388
|
-
if (!
|
|
53338
|
+
const container = ref();
|
|
53339
|
+
if (!container || !access(props.trapFocus) || isPaused()) {
|
|
53389
53340
|
return;
|
|
53390
53341
|
}
|
|
53391
53342
|
const onFocusIn = (event) => {
|
|
@@ -53393,7 +53344,7 @@ ${message2 ?? ""}`);
|
|
|
53393
53344
|
if (target?.closest(`[${DATA_TOP_LAYER_ATTR}]`)) {
|
|
53394
53345
|
return;
|
|
53395
53346
|
}
|
|
53396
|
-
if (contains(
|
|
53347
|
+
if (contains(container, target)) {
|
|
53397
53348
|
lastFocusedElement = target;
|
|
53398
53349
|
} else {
|
|
53399
53350
|
focusWithoutScrolling(lastFocusedElement);
|
|
@@ -53401,11 +53352,11 @@ ${message2 ?? ""}`);
|
|
|
53401
53352
|
};
|
|
53402
53353
|
const onFocusOut = (event) => {
|
|
53403
53354
|
const relatedTarget = event.relatedTarget;
|
|
53404
|
-
const target = relatedTarget ?? getActiveElement(
|
|
53355
|
+
const target = relatedTarget ?? getActiveElement(container);
|
|
53405
53356
|
if (target?.closest(`[${DATA_TOP_LAYER_ATTR}]`)) {
|
|
53406
53357
|
return;
|
|
53407
53358
|
}
|
|
53408
|
-
if (!contains(
|
|
53359
|
+
if (!contains(container, target)) {
|
|
53409
53360
|
focusWithoutScrolling(lastFocusedElement);
|
|
53410
53361
|
}
|
|
53411
53362
|
};
|
|
@@ -53417,14 +53368,14 @@ ${message2 ?? ""}`);
|
|
|
53417
53368
|
});
|
|
53418
53369
|
});
|
|
53419
53370
|
createEffect(() => {
|
|
53420
|
-
const
|
|
53421
|
-
if (!
|
|
53371
|
+
const container = ref();
|
|
53372
|
+
if (!container || !access(props.trapFocus) || isPaused()) {
|
|
53422
53373
|
return;
|
|
53423
53374
|
}
|
|
53424
53375
|
const startSentinel = createSentinel();
|
|
53425
|
-
|
|
53376
|
+
container.insertAdjacentElement("afterbegin", startSentinel);
|
|
53426
53377
|
const endSentinel = createSentinel();
|
|
53427
|
-
|
|
53378
|
+
container.insertAdjacentElement("beforeend", endSentinel);
|
|
53428
53379
|
function onFocus(event) {
|
|
53429
53380
|
const first = firstTabbable();
|
|
53430
53381
|
const last = lastTabbable();
|
|
@@ -53440,15 +53391,15 @@ ${message2 ?? ""}`);
|
|
|
53440
53391
|
for (const mutation of mutations) {
|
|
53441
53392
|
if (mutation.previousSibling === endSentinel) {
|
|
53442
53393
|
endSentinel.remove();
|
|
53443
|
-
|
|
53394
|
+
container.insertAdjacentElement("beforeend", endSentinel);
|
|
53444
53395
|
}
|
|
53445
53396
|
if (mutation.nextSibling === startSentinel) {
|
|
53446
53397
|
startSentinel.remove();
|
|
53447
|
-
|
|
53398
|
+
container.insertAdjacentElement("afterbegin", startSentinel);
|
|
53448
53399
|
}
|
|
53449
53400
|
}
|
|
53450
53401
|
});
|
|
53451
|
-
observer.observe(
|
|
53402
|
+
observer.observe(container, {
|
|
53452
53403
|
childList: true,
|
|
53453
53404
|
subtree: false
|
|
53454
53405
|
});
|
|
@@ -54670,9 +54621,9 @@ ${message2 ?? ""}`);
|
|
|
54670
54621
|
disclosureState.toggle();
|
|
54671
54622
|
};
|
|
54672
54623
|
const _focusContent = () => {
|
|
54673
|
-
const
|
|
54674
|
-
if (
|
|
54675
|
-
focusWithoutScrolling(
|
|
54624
|
+
const content = contentRef();
|
|
54625
|
+
if (content) {
|
|
54626
|
+
focusWithoutScrolling(content);
|
|
54676
54627
|
listState.selectionManager().setFocused(true);
|
|
54677
54628
|
listState.selectionManager().setFocusedKey(void 0);
|
|
54678
54629
|
}
|