unifyedx-storybook-new 0.1.9 → 0.1.10
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.
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { Popover as Popover$1, PopoverButton, PopoverPanel, Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, TabGroup, TabList, Tab, TabPanels, RadioGroup as RadioGroup$1, Listbox, ListboxButton, ListboxOptions, ListboxOption, SwitchGroup, Switch, Menu as Menu$1, MenuButton, MenuItems, MenuItem } from '@headlessui/react';
|
|
1
|
+
import React, { forwardRef, createElement, useState, useMemo, useId as useId$1, createContext, useContext, useCallback, useRef, useLayoutEffect, useEffect, Fragment, useImperativeHandle } from 'react';
|
|
2
|
+
import { Popover as Popover$1, PopoverButton, PopoverPanel, Transition, Dialog, TransitionChild, DialogPanel, DialogTitle, TabGroup, TabList, Tab, TabPanels, RadioGroup as RadioGroup$1, Listbox, ListboxButton, ListboxOptions, ListboxOption, SwitchGroup, Switch, Menu as Menu$1, MenuButton, Portal, MenuItems, MenuItem } from '@headlessui/react';
|
|
4
3
|
import { motion, AnimatePresence } from 'framer-motion';
|
|
5
|
-
import
|
|
4
|
+
import { useFloating, offset as offset$2, flip as flip$2, shift as shift$2, autoUpdate as autoUpdate$1 } from '@floating-ui/react';
|
|
6
5
|
|
|
7
6
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
8
7
|
|
|
@@ -376,7 +375,7 @@ function requireReactJsxRuntime_development () {
|
|
|
376
375
|
node._store &&
|
|
377
376
|
(node._store.validated = 1);
|
|
378
377
|
}
|
|
379
|
-
var React =
|
|
378
|
+
var React$1 = React,
|
|
380
379
|
REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
|
|
381
380
|
REACT_PORTAL_TYPE = Symbol.for("react.portal"),
|
|
382
381
|
REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
|
|
@@ -392,7 +391,7 @@ function requireReactJsxRuntime_development () {
|
|
|
392
391
|
REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
|
|
393
392
|
REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
|
|
394
393
|
ReactSharedInternals =
|
|
395
|
-
React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
|
|
394
|
+
React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
|
|
396
395
|
hasOwnProperty = Object.prototype.hasOwnProperty,
|
|
397
396
|
isArrayImpl = Array.isArray,
|
|
398
397
|
createTask = console.createTask
|
|
@@ -400,15 +399,15 @@ function requireReactJsxRuntime_development () {
|
|
|
400
399
|
: function () {
|
|
401
400
|
return null;
|
|
402
401
|
};
|
|
403
|
-
React = {
|
|
402
|
+
React$1 = {
|
|
404
403
|
"react-stack-bottom-frame": function (callStackForError) {
|
|
405
404
|
return callStackForError();
|
|
406
405
|
}
|
|
407
406
|
};
|
|
408
407
|
var specialPropKeyWarningShown;
|
|
409
408
|
var didWarnAboutElementRef = {};
|
|
410
|
-
var unknownOwnerDebugStack = React["react-stack-bottom-frame"].bind(
|
|
411
|
-
React,
|
|
409
|
+
var unknownOwnerDebugStack = React$1["react-stack-bottom-frame"].bind(
|
|
410
|
+
React$1,
|
|
412
411
|
UnknownOwner
|
|
413
412
|
)();
|
|
414
413
|
var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
|
|
@@ -1041,7 +1040,7 @@ const Avatar = ({
|
|
|
1041
1040
|
] });
|
|
1042
1041
|
};
|
|
1043
1042
|
const AvatarGroup = ({ children, max = 4, ...props }) => {
|
|
1044
|
-
const avatars =
|
|
1043
|
+
const avatars = React.Children.toArray(children);
|
|
1045
1044
|
const visibleAvatars = avatars.slice(0, max);
|
|
1046
1045
|
const hiddenCount = avatars.length - max;
|
|
1047
1046
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "avatar-group-container", ...props, children: [
|
|
@@ -2416,7 +2415,7 @@ const Checkbox = ({
|
|
|
2416
2415
|
onChange,
|
|
2417
2416
|
...props
|
|
2418
2417
|
}) => {
|
|
2419
|
-
const autoId = useId$
|
|
2418
|
+
const autoId = useId$1();
|
|
2420
2419
|
const checkboxId = id || autoId;
|
|
2421
2420
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `checkbox-container ${className || ""}`, children: [
|
|
2422
2421
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: checkboxId, className: "checkbox-wrapper", children: [
|
|
@@ -7449,7 +7448,7 @@ function getClassNamesForModifiers(modifiers, classNames, modifiersClassNames =
|
|
|
7449
7448
|
* @deprecated Use `PreviousMonthButton` or `@link NextMonthButton` instead.
|
|
7450
7449
|
*/
|
|
7451
7450
|
function Button(props) {
|
|
7452
|
-
return
|
|
7451
|
+
return React.createElement("button", { ...props });
|
|
7453
7452
|
}
|
|
7454
7453
|
|
|
7455
7454
|
/**
|
|
@@ -7459,7 +7458,7 @@ function Button(props) {
|
|
|
7459
7458
|
* @see https://daypicker.dev/guides/custom-components
|
|
7460
7459
|
*/
|
|
7461
7460
|
function CaptionLabel(props) {
|
|
7462
|
-
return
|
|
7461
|
+
return React.createElement("span", { ...props });
|
|
7463
7462
|
}
|
|
7464
7463
|
|
|
7465
7464
|
/**
|
|
@@ -7470,11 +7469,11 @@ function CaptionLabel(props) {
|
|
|
7470
7469
|
*/
|
|
7471
7470
|
function Chevron(props) {
|
|
7472
7471
|
const { size = 24, orientation = "left", className } = props;
|
|
7473
|
-
return (
|
|
7474
|
-
orientation === "up" && (
|
|
7475
|
-
orientation === "down" && (
|
|
7476
|
-
orientation === "left" && (
|
|
7477
|
-
orientation === "right" && (
|
|
7472
|
+
return (React.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24" },
|
|
7473
|
+
orientation === "up" && (React.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
|
|
7474
|
+
orientation === "down" && (React.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
|
|
7475
|
+
orientation === "left" && (React.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" })),
|
|
7476
|
+
orientation === "right" && (React.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" }))));
|
|
7478
7477
|
}
|
|
7479
7478
|
|
|
7480
7479
|
/**
|
|
@@ -7489,7 +7488,7 @@ function Chevron(props) {
|
|
|
7489
7488
|
*/
|
|
7490
7489
|
function Day(props) {
|
|
7491
7490
|
const { day, modifiers, ...tdProps } = props;
|
|
7492
|
-
return
|
|
7491
|
+
return React.createElement("td", { ...tdProps });
|
|
7493
7492
|
}
|
|
7494
7493
|
|
|
7495
7494
|
/**
|
|
@@ -7500,12 +7499,12 @@ function Day(props) {
|
|
|
7500
7499
|
*/
|
|
7501
7500
|
function DayButton(props) {
|
|
7502
7501
|
const { day, modifiers, ...buttonProps } = props;
|
|
7503
|
-
const ref =
|
|
7504
|
-
|
|
7502
|
+
const ref = React.useRef(null);
|
|
7503
|
+
React.useEffect(() => {
|
|
7505
7504
|
if (modifiers.focused)
|
|
7506
7505
|
ref.current?.focus();
|
|
7507
7506
|
}, [modifiers.focused]);
|
|
7508
|
-
return
|
|
7507
|
+
return React.createElement("button", { ref: ref, ...buttonProps });
|
|
7509
7508
|
}
|
|
7510
7509
|
|
|
7511
7510
|
/**
|
|
@@ -7518,11 +7517,11 @@ function Dropdown(props) {
|
|
|
7518
7517
|
const { options, className, components, classNames, ...selectProps } = props;
|
|
7519
7518
|
const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
|
|
7520
7519
|
const selectedOption = options?.find(({ value }) => value === selectProps.value);
|
|
7521
|
-
return (
|
|
7522
|
-
|
|
7523
|
-
|
|
7520
|
+
return (React.createElement("span", { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
|
|
7521
|
+
React.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => (React.createElement(components.Option, { key: value, value: value, disabled: disabled }, label)))),
|
|
7522
|
+
React.createElement("span", { className: classNames[UI.CaptionLabel], "aria-hidden": true },
|
|
7524
7523
|
selectedOption?.label,
|
|
7525
|
-
|
|
7524
|
+
React.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] }))));
|
|
7526
7525
|
}
|
|
7527
7526
|
|
|
7528
7527
|
/**
|
|
@@ -7532,7 +7531,7 @@ function Dropdown(props) {
|
|
|
7532
7531
|
* @see https://daypicker.dev/guides/custom-components
|
|
7533
7532
|
*/
|
|
7534
7533
|
function DropdownNav(props) {
|
|
7535
|
-
return
|
|
7534
|
+
return React.createElement("div", { ...props });
|
|
7536
7535
|
}
|
|
7537
7536
|
|
|
7538
7537
|
/**
|
|
@@ -7542,7 +7541,7 @@ function DropdownNav(props) {
|
|
|
7542
7541
|
* @see https://daypicker.dev/guides/custom-components
|
|
7543
7542
|
*/
|
|
7544
7543
|
function Footer(props) {
|
|
7545
|
-
return
|
|
7544
|
+
return React.createElement("div", { ...props });
|
|
7546
7545
|
}
|
|
7547
7546
|
|
|
7548
7547
|
/**
|
|
@@ -7554,7 +7553,7 @@ function Footer(props) {
|
|
|
7554
7553
|
*/
|
|
7555
7554
|
function Month$1(props) {
|
|
7556
7555
|
const { calendarMonth, displayIndex, ...divProps } = props;
|
|
7557
|
-
return
|
|
7556
|
+
return React.createElement("div", { ...divProps }, props.children);
|
|
7558
7557
|
}
|
|
7559
7558
|
|
|
7560
7559
|
/**
|
|
@@ -7565,7 +7564,7 @@ function Month$1(props) {
|
|
|
7565
7564
|
*/
|
|
7566
7565
|
function MonthCaption(props) {
|
|
7567
7566
|
const { calendarMonth, displayIndex, ...divProps } = props;
|
|
7568
|
-
return
|
|
7567
|
+
return React.createElement("div", { ...divProps });
|
|
7569
7568
|
}
|
|
7570
7569
|
|
|
7571
7570
|
/**
|
|
@@ -7575,7 +7574,7 @@ function MonthCaption(props) {
|
|
|
7575
7574
|
* @see https://daypicker.dev/guides/custom-components
|
|
7576
7575
|
*/
|
|
7577
7576
|
function MonthGrid(props) {
|
|
7578
|
-
return
|
|
7577
|
+
return React.createElement("table", { ...props });
|
|
7579
7578
|
}
|
|
7580
7579
|
|
|
7581
7580
|
/**
|
|
@@ -7585,7 +7584,7 @@ function MonthGrid(props) {
|
|
|
7585
7584
|
* @see https://daypicker.dev/guides/custom-components
|
|
7586
7585
|
*/
|
|
7587
7586
|
function Months(props) {
|
|
7588
|
-
return
|
|
7587
|
+
return React.createElement("div", { ...props });
|
|
7589
7588
|
}
|
|
7590
7589
|
|
|
7591
7590
|
/** @ignore */
|
|
@@ -7618,7 +7617,7 @@ function useDayPicker() {
|
|
|
7618
7617
|
*/
|
|
7619
7618
|
function MonthsDropdown(props) {
|
|
7620
7619
|
const { components } = useDayPicker();
|
|
7621
|
-
return
|
|
7620
|
+
return React.createElement(components.Dropdown, { ...props });
|
|
7622
7621
|
}
|
|
7623
7622
|
|
|
7624
7623
|
/**
|
|
@@ -7640,11 +7639,11 @@ function Nav(props) {
|
|
|
7640
7639
|
onPreviousClick?.(e);
|
|
7641
7640
|
}
|
|
7642
7641
|
}, [previousMonth, onPreviousClick]);
|
|
7643
|
-
return (
|
|
7644
|
-
|
|
7645
|
-
|
|
7646
|
-
|
|
7647
|
-
|
|
7642
|
+
return (React.createElement("nav", { ...navProps },
|
|
7643
|
+
React.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick },
|
|
7644
|
+
React.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: "left" })),
|
|
7645
|
+
React.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick },
|
|
7646
|
+
React.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, orientation: "right", className: classNames[UI.Chevron] }))));
|
|
7648
7647
|
}
|
|
7649
7648
|
|
|
7650
7649
|
/**
|
|
@@ -7655,7 +7654,7 @@ function Nav(props) {
|
|
|
7655
7654
|
*/
|
|
7656
7655
|
function NextMonthButton(props) {
|
|
7657
7656
|
const { components } = useDayPicker();
|
|
7658
|
-
return
|
|
7657
|
+
return React.createElement(components.Button, { ...props });
|
|
7659
7658
|
}
|
|
7660
7659
|
|
|
7661
7660
|
/**
|
|
@@ -7665,7 +7664,7 @@ function NextMonthButton(props) {
|
|
|
7665
7664
|
* @see https://daypicker.dev/guides/custom-components
|
|
7666
7665
|
*/
|
|
7667
7666
|
function Option(props) {
|
|
7668
|
-
return
|
|
7667
|
+
return React.createElement("option", { ...props });
|
|
7669
7668
|
}
|
|
7670
7669
|
|
|
7671
7670
|
/**
|
|
@@ -7676,7 +7675,7 @@ function Option(props) {
|
|
|
7676
7675
|
*/
|
|
7677
7676
|
function PreviousMonthButton(props) {
|
|
7678
7677
|
const { components } = useDayPicker();
|
|
7679
|
-
return
|
|
7678
|
+
return React.createElement(components.Button, { ...props });
|
|
7680
7679
|
}
|
|
7681
7680
|
|
|
7682
7681
|
/**
|
|
@@ -7687,7 +7686,7 @@ function PreviousMonthButton(props) {
|
|
|
7687
7686
|
*/
|
|
7688
7687
|
function Root(props) {
|
|
7689
7688
|
const { rootRef, ...rest } = props;
|
|
7690
|
-
return
|
|
7689
|
+
return React.createElement("div", { ...rest, ref: rootRef });
|
|
7691
7690
|
}
|
|
7692
7691
|
|
|
7693
7692
|
/**
|
|
@@ -7697,7 +7696,7 @@ function Root(props) {
|
|
|
7697
7696
|
* @see https://daypicker.dev/guides/custom-components
|
|
7698
7697
|
*/
|
|
7699
7698
|
function Select$1(props) {
|
|
7700
|
-
return
|
|
7699
|
+
return React.createElement("select", { ...props });
|
|
7701
7700
|
}
|
|
7702
7701
|
|
|
7703
7702
|
/**
|
|
@@ -7708,7 +7707,7 @@ function Select$1(props) {
|
|
|
7708
7707
|
*/
|
|
7709
7708
|
function Week(props) {
|
|
7710
7709
|
const { week, ...trProps } = props;
|
|
7711
|
-
return
|
|
7710
|
+
return React.createElement("tr", { ...trProps });
|
|
7712
7711
|
}
|
|
7713
7712
|
|
|
7714
7713
|
/**
|
|
@@ -7718,7 +7717,7 @@ function Week(props) {
|
|
|
7718
7717
|
* @see https://daypicker.dev/guides/custom-components
|
|
7719
7718
|
*/
|
|
7720
7719
|
function Weekday(props) {
|
|
7721
|
-
return
|
|
7720
|
+
return React.createElement("th", { ...props });
|
|
7722
7721
|
}
|
|
7723
7722
|
|
|
7724
7723
|
/**
|
|
@@ -7728,8 +7727,8 @@ function Weekday(props) {
|
|
|
7728
7727
|
* @see https://daypicker.dev/guides/custom-components
|
|
7729
7728
|
*/
|
|
7730
7729
|
function Weekdays(props) {
|
|
7731
|
-
return (
|
|
7732
|
-
|
|
7730
|
+
return (React.createElement("thead", { "aria-hidden": true },
|
|
7731
|
+
React.createElement("tr", { ...props })));
|
|
7733
7732
|
}
|
|
7734
7733
|
|
|
7735
7734
|
/**
|
|
@@ -7740,7 +7739,7 @@ function Weekdays(props) {
|
|
|
7740
7739
|
*/
|
|
7741
7740
|
function WeekNumber(props) {
|
|
7742
7741
|
const { week, ...thProps } = props;
|
|
7743
|
-
return
|
|
7742
|
+
return React.createElement("th", { ...thProps });
|
|
7744
7743
|
}
|
|
7745
7744
|
|
|
7746
7745
|
/**
|
|
@@ -7750,7 +7749,7 @@ function WeekNumber(props) {
|
|
|
7750
7749
|
* @see https://daypicker.dev/guides/custom-components
|
|
7751
7750
|
*/
|
|
7752
7751
|
function WeekNumberHeader(props) {
|
|
7753
|
-
return
|
|
7752
|
+
return React.createElement("th", { ...props });
|
|
7754
7753
|
}
|
|
7755
7754
|
|
|
7756
7755
|
/**
|
|
@@ -7760,7 +7759,7 @@ function WeekNumberHeader(props) {
|
|
|
7760
7759
|
* @see https://daypicker.dev/guides/custom-components
|
|
7761
7760
|
*/
|
|
7762
7761
|
function Weeks(props) {
|
|
7763
|
-
return
|
|
7762
|
+
return React.createElement("tbody", { ...props });
|
|
7764
7763
|
}
|
|
7765
7764
|
|
|
7766
7765
|
/**
|
|
@@ -7771,7 +7770,7 @@ function Weeks(props) {
|
|
|
7771
7770
|
*/
|
|
7772
7771
|
function YearsDropdown(props) {
|
|
7773
7772
|
const { components } = useDayPicker();
|
|
7774
|
-
return
|
|
7773
|
+
return React.createElement(components.Dropdown, { ...props });
|
|
7775
7774
|
}
|
|
7776
7775
|
|
|
7777
7776
|
const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
|
@@ -9667,24 +9666,24 @@ function DayPicker(initialProps) {
|
|
|
9667
9666
|
labels,
|
|
9668
9667
|
formatters
|
|
9669
9668
|
};
|
|
9670
|
-
return (
|
|
9671
|
-
|
|
9672
|
-
|
|
9673
|
-
!props.hideNavigation && !navLayout && (
|
|
9669
|
+
return (React.createElement(dayPickerContext.Provider, { value: contextValue },
|
|
9670
|
+
React.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
|
|
9671
|
+
React.createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
|
|
9672
|
+
!props.hideNavigation && !navLayout && (React.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
|
|
9674
9673
|
months.map((calendarMonth, displayIndex) => {
|
|
9675
9674
|
const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib);
|
|
9676
9675
|
const dropdownYears = getYearOptions(navStart, navEnd, formatters, dateLib);
|
|
9677
|
-
return (
|
|
9676
|
+
return (React.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI.Month], style: styles?.[UI.Month], key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
|
|
9678
9677
|
navLayout === "around" &&
|
|
9679
9678
|
!props.hideNavigation &&
|
|
9680
|
-
displayIndex === 0 && (
|
|
9681
|
-
|
|
9682
|
-
|
|
9679
|
+
displayIndex === 0 && (React.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
|
|
9680
|
+
React.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
|
|
9681
|
+
React.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (React.createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
|
|
9683
9682
|
captionLayout === "dropdown" ||
|
|
9684
|
-
captionLayout === "dropdown-months" ? (
|
|
9683
|
+
captionLayout === "dropdown-months" ? (React.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
|
|
9685
9684
|
captionLayout === "dropdown" ||
|
|
9686
|
-
captionLayout === "dropdown-years" ? (
|
|
9687
|
-
|
|
9685
|
+
captionLayout === "dropdown-years" ? (React.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
|
|
9686
|
+
React.createElement("span", { role: "status", "aria-live": "polite", style: {
|
|
9688
9687
|
border: 0,
|
|
9689
9688
|
clip: "rect(0 0 0 0)",
|
|
9690
9689
|
height: "1px",
|
|
@@ -9695,22 +9694,22 @@ function DayPicker(initialProps) {
|
|
|
9695
9694
|
width: "1px",
|
|
9696
9695
|
whiteSpace: "nowrap",
|
|
9697
9696
|
wordWrap: "normal"
|
|
9698
|
-
} }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (
|
|
9697
|
+
} }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (React.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
|
|
9699
9698
|
navLayout === "around" &&
|
|
9700
9699
|
!props.hideNavigation &&
|
|
9701
|
-
displayIndex === numberOfMonths - 1 && (
|
|
9702
|
-
|
|
9700
|
+
displayIndex === numberOfMonths - 1 && (React.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : undefined },
|
|
9701
|
+
React.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" }))),
|
|
9703
9702
|
displayIndex === numberOfMonths - 1 &&
|
|
9704
9703
|
navLayout === "after" &&
|
|
9705
|
-
!props.hideNavigation && (
|
|
9706
|
-
|
|
9704
|
+
!props.hideNavigation && (React.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
|
|
9705
|
+
React.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) ||
|
|
9707
9706
|
undefined, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
|
|
9708
|
-
!props.hideWeekdays && (
|
|
9709
|
-
showWeekNumber && (
|
|
9710
|
-
weekdays.map((weekday, i) => (
|
|
9711
|
-
|
|
9712
|
-
return (
|
|
9713
|
-
showWeekNumber && (
|
|
9707
|
+
!props.hideWeekdays && (React.createElement(components.Weekdays, { "data-animated-weekdays": props.animate ? "true" : undefined, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
|
|
9708
|
+
showWeekNumber && (React.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader())),
|
|
9709
|
+
weekdays.map((weekday, i) => (React.createElement(components.Weekday, { "aria-label": labelWeekday(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: i, style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName(weekday, dateLib.options, dateLib)))))),
|
|
9710
|
+
React.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : undefined, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
|
|
9711
|
+
return (React.createElement(components.Week, { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week: week },
|
|
9712
|
+
showWeekNumber && (React.createElement(components.WeekNumber, { week: week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
|
|
9714
9713
|
locale
|
|
9715
9714
|
}), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber(week.weekNumber, dateLib))),
|
|
9716
9715
|
week.days.map((day) => {
|
|
@@ -9734,14 +9733,14 @@ function DayPicker(initialProps) {
|
|
|
9734
9733
|
const ariaLabel = !isInteractive && !modifiers.hidden
|
|
9735
9734
|
? labelGridcell(date, modifiers, dateLib.options, dateLib)
|
|
9736
9735
|
: undefined;
|
|
9737
|
-
return (
|
|
9736
|
+
return (React.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside
|
|
9738
9737
|
? dateLib.format(date, "yyyy-MM")
|
|
9739
|
-
: undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (
|
|
9738
|
+
: undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (React.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day: day, modifiers: modifiers, disabled: modifiers.disabled || undefined, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay(date, dateLib.options, dateLib))) : (!modifiers.hidden &&
|
|
9740
9739
|
formatDay(day.date, dateLib.options, dateLib))));
|
|
9741
9740
|
})));
|
|
9742
9741
|
})))));
|
|
9743
9742
|
})),
|
|
9744
|
-
props.footer && (
|
|
9743
|
+
props.footer && (React.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
|
|
9745
9744
|
}
|
|
9746
9745
|
|
|
9747
9746
|
const Popover = ({ children }) => {
|
|
@@ -9894,86 +9893,86 @@ var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return "string"==type
|
|
|
9894
9893
|
function namesPlugin(e,f){var a={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var d in a)r[a[d]]=d;var l={};e.prototype.toName=function(f){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return "transparent";var d,i,n=r[this.toHex()];if(n)return n;if(null==f?void 0:f.closest){var o=this.toRgb(),t=1/0,b="black";if(!l.length)for(var c in a)l[c]=new e(a[c]).toRgb();for(var g in a){var u=(d=o,i=l[g],Math.pow(d.r-i.r,2)+Math.pow(d.g-i.g,2)+Math.pow(d.b-i.b,2));u<t&&(t=u,b=g);}return b}};f.string.push([function(f){var r=f.toLowerCase(),d="transparent"===r?"#0000":a[r];return d?new e(d).toRgb():null},"name"]);}
|
|
9895
9894
|
|
|
9896
9895
|
var glyphs = {
|
|
9897
|
-
'3d': /*#__PURE__*/
|
|
9896
|
+
'3d': /*#__PURE__*/React.createElement("path", {
|
|
9898
9897
|
d: "M18 14.625V3.375L9 0 0 3.375v11.25L9 18l9-3.375zM9 2.136l5.918 2.22-5.98 2.242-5.919-2.22L9 2.137zM2 13.239V5.065l6.438 2.414v8.174L2 13.24zM9.438 15.7L16 13.239V5.018l-6.563 2.46V15.7z",
|
|
9899
9898
|
transform: "translate(15 10)",
|
|
9900
9899
|
fillRule: "evenodd"
|
|
9901
9900
|
}),
|
|
9902
|
-
acrobat: /*#__PURE__*/
|
|
9901
|
+
acrobat: /*#__PURE__*/React.createElement("path", {
|
|
9903
9902
|
d: "M10.15 1.095C9.938.33 9.42-.051 8.984.005c-.528.068-1.09.382-1.314.876-.63 1.416.685 5.582.887 6.279-1.28 3.863-5.66 11.5-7.806 12.017-.045-.505.225-1.965 3.055-3.785.146-.157.315-.348.393-.472-2.392 1.168-5.492 3.044-3.628 4.448.102.079.259.146.439.213 1.426.528 3.425-1.201 5.435-5.121 2.213-.73 3.999-1.28 6.526-1.662 2.762 1.875 4.616 2.257 5.874 1.774.348-.135.898-.573 1.055-1.145-1.022 1.258-3.414.382-5.323-.82 1.763-.191 3.582-.303 4.369-.056 1 .314.965.808.954.876.079-.27.191-.708-.022-1.056-.842-1.37-4.706-.573-6.11-.427-2.212-1.336-3.74-3.717-4.358-5.436.573-2.212 1.19-3.818.742-5.413zm-.954 4.638C8.826 4.42 8.309 1.5 9.14.556c1.628.932.618 3.144.056 5.177zm3.044 6.514c-2.134.393-3.583.944-5.66 1.764.617-1.202 1.785-4.268 2.346-6.29.787 1.573 1.741 3.111 3.314 4.526z",
|
|
9904
9903
|
transform: "translate(14 9)",
|
|
9905
9904
|
fillRule: "evenodd"
|
|
9906
9905
|
}),
|
|
9907
|
-
android: /*#__PURE__*/
|
|
9906
|
+
android: /*#__PURE__*/React.createElement("path", {
|
|
9908
9907
|
d: "M17.6,9.48l1.84-3.18c0.16-0.31,0.04-0.69-0.26-0.85c-0.29-0.15-0.65-0.06-0.83,0.22l-1.88,3.24 c-2.86-1.21-6.08-1.21-8.94,0L5.65,5.67c-0.19-0.29-0.58-0.38-0.87-0.2C4.5,5.65,4.41,6.01,4.56,6.3L6.4,9.48 C3.3,11.25,1.28,14.44,1,18h22C22.72,14.44,20.7,11.25,17.6,9.48z M7,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25S8.25,13.31,8.25,14C8.25,14.69,7.69,15.25,7,15.25z M17,15.25c-0.69,0-1.25-0.56-1.25-1.25 c0-0.69,0.56-1.25,1.25-1.25s1.25,0.56,1.25,1.25C18.25,14.69,17.69,15.25,17,15.25z",
|
|
9909
9908
|
transform: "translate(12 8)"
|
|
9910
9909
|
}),
|
|
9911
|
-
audio: /*#__PURE__*/
|
|
9910
|
+
audio: /*#__PURE__*/React.createElement("path", {
|
|
9912
9911
|
d: "M.25 4.75v4.5h3L7 13V1L3.25 4.75h-3zM10.375 7A3.375 3.375 0 0 0 8.5 3.977v6.037A3.355 3.355 0 0 0 10.375 7zM8.5.421v1.545A5.254 5.254 0 0 1 12.25 7a5.254 5.254 0 0 1-3.75 5.032v1.545A6.747 6.747 0 0 0 13.75 7 6.747 6.747 0 0 0 8.5.421z",
|
|
9913
9912
|
transform: "translate(17 12)",
|
|
9914
9913
|
fillRule: "evenodd"
|
|
9915
9914
|
}),
|
|
9916
|
-
binary: /*#__PURE__*/
|
|
9915
|
+
binary: /*#__PURE__*/React.createElement("path", {
|
|
9917
9916
|
d: "M2.338 6.112c1.192 0 1.928-1.072 1.928-2.68 0-1.56-.576-2.504-1.8-2.504C1.274.928.538 2 .538 3.608c0 1.56.576 2.504 1.8 2.504zM1.61 3.408c0-1.008.24-1.568.776-1.568.376 0 .616.336.728.888l-1.504.776v-.096zM2.418 5.2c-.368 0-.608-.32-.72-.856l1.496-.768v.056c0 1.008-.24 1.568-.776 1.568zm7.03.8l.088-.944H8.36V.896L7.272.984v.592l-1.184.112.024.824h1.16v2.544h-1.32V6zm5.199 0l.088-.944h-1.176V.896L12.47.984v.592l-1.184.112.024.824h1.16v2.544h-1.32V6zM4.25 14l.088-.944H3.162v-4.16l-1.088.088v.592L.89 9.688l.024.824h1.16v2.544H.754V14zm5.198 0l.088-.944H8.36v-4.16l-1.088.088v.592l-1.184.112.024.824h1.16v2.544h-1.32V14zm3.287.112c1.192 0 1.928-1.072 1.928-2.68 0-1.56-.576-2.504-1.8-2.504-1.192 0-1.928 1.072-1.928 2.68 0 1.56.576 2.504 1.8 2.504zm-.728-2.704c0-1.008.24-1.568.776-1.568.376 0 .616.336.728.888l-1.504.776v-.096zm.808 1.792c-.368 0-.608-.32-.72-.856l1.496-.768v.056c0 1.008-.24 1.568-.776 1.568z",
|
|
9918
9917
|
transform: "translate(16 11)",
|
|
9919
9918
|
fillRule: "evenodd"
|
|
9920
9919
|
}),
|
|
9921
|
-
code: /*#__PURE__*/
|
|
9920
|
+
code: /*#__PURE__*/React.createElement("path", {
|
|
9922
9921
|
d: "M4.078 13.67c-1.875-.527-2.812-1.738-2.812-3.634V9.49C1.266 8.437.844 7.911 0 7.911V6.138c.844 0 1.266-.529 1.266-1.586v-.64c.015-.938.257-1.696.726-2.274C2.466 1.06 3.162.64 4.078.38l.492 1.375c-.656.25-.997.95-1.023 2.102v.695c0 1.167-.482 1.99-1.445 2.469.963.479 1.445 1.304 1.445 2.476v.688c.026 1.15.367 1.851 1.023 2.101l-.492 1.383zm7.844 0c1.875-.527 2.812-1.738 2.812-3.634V9.49c0-1.052.422-1.578 1.266-1.578V6.138c-.844 0-1.266-.529-1.266-1.586v-.64c-.015-.938-.257-1.696-.726-2.274-.474-.578-1.17-.998-2.086-1.258l-.492 1.375c.656.25.997.95 1.023 2.102v.695c0 1.167.482 1.99 1.445 2.469-.963.479-1.445 1.304-1.445 2.476v.688c-.026 1.15-.367 1.851-1.023 2.101l.492 1.383z",
|
|
9923
9922
|
transform: "translate(16 13)",
|
|
9924
9923
|
fillRule: "evenodd"
|
|
9925
9924
|
}),
|
|
9926
|
-
code2: /*#__PURE__*/
|
|
9925
|
+
code2: /*#__PURE__*/React.createElement("path", {
|
|
9927
9926
|
d: "M7.4 10.6L2.8 6l4.6-4.6L6 0 0 6l6 6 1.4-1.4zm5.2 0L17.2 6l-4.6-4.6L14 0l6 6-6 6-1.4-1.4z",
|
|
9928
9927
|
transform: "translate(14 14)",
|
|
9929
9928
|
fillRule: "evenodd"
|
|
9930
9929
|
}),
|
|
9931
|
-
compressed: /*#__PURE__*/
|
|
9930
|
+
compressed: /*#__PURE__*/React.createElement("path", {
|
|
9932
9931
|
d: "M.25 0A.25.25 0 0 0 0 .25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 1.75V.25A.25.25 0 0 0 1.75 0H.25zM1 17a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H1zm0 4v3h2v-3H1zM2 2.25A.25.25 0 0 1 2.25 2h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 3.75v-1.5zM.25 4a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 5.75v-1.5A.25.25 0 0 0 1.75 4H.25zM2 6.25A.25.25 0 0 1 2.25 6h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5A.25.25 0 0 1 2 7.75v-1.5zM.25 8a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5A.25.25 0 0 0 2 9.75v-1.5A.25.25 0 0 0 1.75 8H.25zM2 10.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM.25 12a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25H.25zM2 14.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5z",
|
|
9933
9932
|
transform: "translate(15 1)",
|
|
9934
9933
|
fillRule: "evenodd"
|
|
9935
9934
|
}),
|
|
9936
|
-
document: /*#__PURE__*/
|
|
9935
|
+
document: /*#__PURE__*/React.createElement("path", {
|
|
9937
9936
|
d: "M12 4H0v2h12V4zM0 10h18V8H0v2zM0 0v2h18V0H0z",
|
|
9938
9937
|
transform: "translate(15 15)",
|
|
9939
9938
|
fillRule: "evenodd"
|
|
9940
9939
|
}),
|
|
9941
|
-
drive: /*#__PURE__*/
|
|
9940
|
+
drive: /*#__PURE__*/React.createElement("path", {
|
|
9942
9941
|
d: "M2.199.289A.5.5 0 0 1 2.652 0h8.696a.5.5 0 0 1 .453.289l1.867 4a.5.5 0 0 1-.453.711H.785a.5.5 0 0 1-.453-.711l1.867-4zM13 6H1a.752.752 0 0 0-.75.75v4.5c0 .412.338.75.75.75h12c.412 0 .75-.338.75-.75v-4.5A.752.752 0 0 0 13 6zm-9.75 4.5c-.825 0-1.5-.675-1.5-1.5s.675-1.5 1.5-1.5 1.5.675 1.5 1.5-.675 1.5-1.5 1.5z",
|
|
9943
9942
|
transform: "translate(17 13)",
|
|
9944
9943
|
fillRule: "evenodd"
|
|
9945
9944
|
}),
|
|
9946
|
-
font: /*#__PURE__*/
|
|
9945
|
+
font: /*#__PURE__*/React.createElement("path", {
|
|
9947
9946
|
d: "M3.722 8.702l-.686 1.89c-.053.14-.094.28-.123.421-.03.135-.044.252-.044.352 0 .304.097.527.29.668.2.14.501.21.905.21h.414V13H.083v-.756h.343c.176 0 .325-.018.448-.053a.81.81 0 0 0 .334-.22c.1-.105.193-.249.281-.43.094-.182.197-.416.308-.704L5.787.15h1.406l4.07 11.136c.07.187.14.343.21.466.077.123.165.222.264.298.1.07.214.12.343.15.129.03.281.044.457.044h.237V13H7.826v-.756h.413c.72 0 1.081-.287 1.081-.862 0-.1-.014-.202-.044-.307a3.274 3.274 0 0 0-.105-.36l-.72-2.013H3.72zM7.009 4.65c-.188-.533-.36-1.031-.519-1.494a15.92 15.92 0 0 1-.378-1.354 7.12 7.12 0 0 1-.15.633 16.95 16.95 0 0 1-.395 1.283c-.082.229-.175.484-.28.765L4.063 7.796h4.061L7.009 4.65zm8.411 5.74c0 .562.117.984.351 1.265.24.275.61.413 1.108.413.363 0 .691-.059.984-.176.3-.117.551-.284.756-.5.211-.218.372-.481.483-.792.112-.31.168-.656.168-1.037V8.104l-1.152.053c-.51.023-.937.088-1.283.193-.34.1-.615.243-.826.43a1.546 1.546 0 0 0-.457.678c-.088.27-.132.58-.132.931zm2.18-6.32c-.346 0-.627.05-.844.15a1.182 1.182 0 0 0-.501.404 1.594 1.594 0 0 0-.237.624c-.041.24-.062.5-.062.782-.498 0-.879-.085-1.143-.255-.257-.17-.386-.463-.386-.879 0-.31.085-.574.255-.79.17-.218.401-.393.694-.528.299-.14.644-.243 1.037-.308a7.76 7.76 0 0 1 1.257-.097c.55 0 1.031.056 1.441.167.41.106.753.282 1.029.528.275.246.48.568.615.967.14.392.21.876.21 1.45v4.667c0 .252.021.46.062.624a.928.928 0 0 0 .194.395c.088.1.202.17.343.211.146.041.319.062.518.062h.053V13H19.7l-.281-1.547h-.15c-.187.252-.369.483-.544.694-.176.211-.37.393-.58.545-.211.152-.452.27-.721.352a3.053 3.053 0 0 1-.958.131c-.399 0-.77-.058-1.116-.175a2.369 2.369 0 0 1-.888-.519 2.516 2.516 0 0 1-.58-.896c-.14-.364-.211-.791-.211-1.284 0-.955.34-1.664 1.02-2.127.68-.462 1.707-.714 3.084-.755l1.495-.053V6.285a6.93 6.93 0 0 0-.053-.888 1.778 1.778 0 0 0-.229-.703 1.14 1.14 0 0 0-.51-.457c-.216-.111-.51-.167-.878-.167z",
|
|
9948
9947
|
transform: "translate(13 12)",
|
|
9949
9948
|
fillRule: "evenodd"
|
|
9950
9949
|
}),
|
|
9951
|
-
image: /*#__PURE__*/
|
|
9950
|
+
image: /*#__PURE__*/React.createElement("path", {
|
|
9952
9951
|
d: "M13 0L9.25 5l2.85 3.8-1.6 1.2C8.81 7.75 6 4 6 4l-6 8h22L13 0z",
|
|
9953
9952
|
transform: "translate(13 14)",
|
|
9954
9953
|
fillRule: "evenodd"
|
|
9955
9954
|
}),
|
|
9956
|
-
presentation: /*#__PURE__*/
|
|
9955
|
+
presentation: /*#__PURE__*/React.createElement("path", {
|
|
9957
9956
|
d: "M2 4H0v10c0 1.1.9 2 2 2h14v-2H2V4zm16-4H6C4.9 0 4 .9 4 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 10H6V2h12v8z",
|
|
9958
9957
|
transform: "matrix(-1 0 0 1 34 12)",
|
|
9959
9958
|
fillRule: "evenodd"
|
|
9960
9959
|
}),
|
|
9961
|
-
settings: /*#__PURE__*/
|
|
9960
|
+
settings: /*#__PURE__*/React.createElement("path", {
|
|
9962
9961
|
d: "M13.572 8.735c.03-.24.053-.48.053-.735s-.023-.495-.053-.735l1.583-1.237a.378.378 0 0 0 .09-.48l-1.5-2.595a.377.377 0 0 0-.457-.165l-1.868.75a5.48 5.48 0 0 0-1.268-.735L9.868.815A.366.366 0 0 0 9.5.5h-3a.366.366 0 0 0-.367.315l-.285 1.988a5.762 5.762 0 0 0-1.268.735l-1.868-.75a.366.366 0 0 0-.457.165l-1.5 2.595a.37.37 0 0 0 .09.48l1.583 1.237c-.03.24-.053.488-.053.735 0 .248.022.495.053.735L.845 9.973a.378.378 0 0 0-.09.48l1.5 2.595c.09.165.292.225.458.165l1.867-.75c.39.3.81.547 1.268.735l.285 1.987c.022.18.18.315.367.315h3a.366.366 0 0 0 .367-.315l.285-1.988a5.762 5.762 0 0 0 1.268-.734l1.867.75c.173.067.368 0 .458-.165l1.5-2.595a.378.378 0 0 0-.09-.48l-1.582-1.238zM8 10.625A2.628 2.628 0 0 1 5.375 8 2.628 2.628 0 0 1 8 5.375 2.628 2.628 0 0 1 10.625 8 2.628 2.628 0 0 1 8 10.625z",
|
|
9963
9962
|
transform: "translate(16 11)",
|
|
9964
9963
|
fillRule: "evenodd"
|
|
9965
9964
|
}),
|
|
9966
|
-
spreadsheet: /*#__PURE__*/
|
|
9965
|
+
spreadsheet: /*#__PURE__*/React.createElement("path", {
|
|
9967
9966
|
d: "M0 8h6V5H0v3zm0 5h6v-3H0v3zM0 3h6V0H0v3zm8 5h12V5H8v3zm0 5h12v-3H8v3zM8 0v3h12V0H8z",
|
|
9968
9967
|
transform: "translate(14 14)",
|
|
9969
9968
|
fillRule: "evenodd"
|
|
9970
9969
|
}),
|
|
9971
|
-
vector: /*#__PURE__*/
|
|
9970
|
+
vector: /*#__PURE__*/React.createElement("path", {
|
|
9972
9971
|
d: "M14.5 2V1a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1v1H3.937a2 2 0 1 0 0 1h3.936A9 9 0 0 0 3 11v1h2v-1a7.003 7.003 0 0 1 4.594-6.576A1 1 0 0 0 10.5 5h3a1 1 0 0 0 .906-.576A7.003 7.003 0 0 1 19 11v1h2v-1a9 9 0 0 0-4.873-8h3.936a2 2 0 1 0 0-1H14.5zm-1-1h-3v3h3V1zM2 1.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm19 1a1 1 0 1 0 2 0 1 1 0 0 0-2 0z",
|
|
9973
9972
|
transform: "translate(12 14)",
|
|
9974
9973
|
fillRule: "evenodd"
|
|
9975
9974
|
}),
|
|
9976
|
-
video: /*#__PURE__*/
|
|
9975
|
+
video: /*#__PURE__*/React.createElement("path", {
|
|
9977
9976
|
d: "M10.75 3.875V1.25A.752.752 0 0 0 10 .5H1a.752.752 0 0 0-.75.75v7.5c0 .412.338.75.75.75h9c.412 0 .75-.338.75-.75V6.125l3 3V.875l-3 3z",
|
|
9978
9977
|
transform: "translate(17 14)"
|
|
9979
9978
|
})
|
|
@@ -10031,7 +10030,7 @@ var FOLD = {
|
|
|
10031
10030
|
};
|
|
10032
10031
|
var LABEL_HEIGHT = 14;
|
|
10033
10032
|
|
|
10034
|
-
var useId
|
|
10033
|
+
var useId = React.useId || function () {
|
|
10035
10034
|
var i = 0;
|
|
10036
10035
|
return function () {
|
|
10037
10036
|
return i++;
|
|
@@ -10058,86 +10057,86 @@ var FileIcon = function FileIcon(_ref) {
|
|
|
10058
10057
|
_ref$radius = _ref.radius,
|
|
10059
10058
|
radius = _ref$radius === void 0 ? 4 : _ref$radius,
|
|
10060
10059
|
type = _ref.type;
|
|
10061
|
-
var id = useId
|
|
10060
|
+
var id = useId();
|
|
10062
10061
|
var UNIQUE_ID = typeof jest === 'undefined' ? id : '';
|
|
10063
|
-
return /*#__PURE__*/
|
|
10062
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
10064
10063
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10065
10064
|
viewBox: "0 0 " + VIEWBOX.WIDTH + " " + VIEWBOX.HEIGHT,
|
|
10066
10065
|
width: "100%",
|
|
10067
10066
|
style: {
|
|
10068
10067
|
maxWidth: '100%'
|
|
10069
10068
|
}
|
|
10070
|
-
}, /*#__PURE__*/
|
|
10069
|
+
}, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
10071
10070
|
id: "pageRadius" + UNIQUE_ID
|
|
10072
|
-
}, /*#__PURE__*/
|
|
10071
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
10073
10072
|
x: ICON.X_OFFSET,
|
|
10074
10073
|
y: "0",
|
|
10075
10074
|
rx: radius,
|
|
10076
10075
|
ry: radius,
|
|
10077
10076
|
width: ICON.WIDTH,
|
|
10078
10077
|
height: ICON.HEIGHT
|
|
10079
|
-
})), /*#__PURE__*/
|
|
10078
|
+
})), /*#__PURE__*/React.createElement("clipPath", {
|
|
10080
10079
|
id: "foldCrop" + UNIQUE_ID
|
|
10081
|
-
}, /*#__PURE__*/
|
|
10080
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
10082
10081
|
width: ICON.WIDTH,
|
|
10083
10082
|
height: FOLD.HEIGHT,
|
|
10084
10083
|
transform: "rotate(-45 0 " + FOLD.HEIGHT + ")"
|
|
10085
|
-
})), /*#__PURE__*/
|
|
10084
|
+
})), /*#__PURE__*/React.createElement("linearGradient", {
|
|
10086
10085
|
x1: "100%",
|
|
10087
10086
|
y1: "0%",
|
|
10088
10087
|
y2: "100%",
|
|
10089
10088
|
id: "pageGradient" + UNIQUE_ID
|
|
10090
|
-
}, /*#__PURE__*/
|
|
10089
|
+
}, /*#__PURE__*/React.createElement("stop", {
|
|
10091
10090
|
stopColor: gradientColor,
|
|
10092
10091
|
stopOpacity: gradientOpacity,
|
|
10093
10092
|
offset: "0%"
|
|
10094
|
-
}), /*#__PURE__*/
|
|
10093
|
+
}), /*#__PURE__*/React.createElement("stop", {
|
|
10095
10094
|
stopColor: gradientColor,
|
|
10096
10095
|
stopOpacity: "0",
|
|
10097
10096
|
offset: "66.67%"
|
|
10098
|
-
}))), /*#__PURE__*/
|
|
10097
|
+
}))), /*#__PURE__*/React.createElement("g", {
|
|
10099
10098
|
id: "file",
|
|
10100
10099
|
clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
|
|
10101
|
-
}, fold ? /*#__PURE__*/
|
|
10100
|
+
}, fold ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
|
|
10102
10101
|
d: "M" + ICON.X_OFFSET + " 0 h " + (ICON.WIDTH - FOLD.HEIGHT) + " L " + (ICON.WIDTH + ICON.X_OFFSET) + " " + FOLD.HEIGHT + " v " + (ICON.HEIGHT - FOLD.HEIGHT) + " H " + ICON.X_OFFSET + " Z",
|
|
10103
10102
|
fill: color
|
|
10104
|
-
}), /*#__PURE__*/
|
|
10103
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
10105
10104
|
d: "M" + ICON.X_OFFSET + " 0 h " + (ICON.WIDTH - FOLD.HEIGHT) + " L " + (ICON.WIDTH + ICON.X_OFFSET) + " " + FOLD.HEIGHT + " v " + (ICON.HEIGHT - FOLD.HEIGHT) + " H " + ICON.X_OFFSET + " Z",
|
|
10106
10105
|
fill: "url(#pageGradient" + UNIQUE_ID + ")"
|
|
10107
|
-
})) : /*#__PURE__*/
|
|
10106
|
+
})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("rect", {
|
|
10108
10107
|
x: ICON.X_OFFSET,
|
|
10109
10108
|
y: "0",
|
|
10110
10109
|
width: ICON.WIDTH,
|
|
10111
10110
|
height: ICON.HEIGHT,
|
|
10112
10111
|
fill: color
|
|
10113
|
-
}), /*#__PURE__*/
|
|
10112
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
10114
10113
|
x: ICON.X_OFFSET,
|
|
10115
10114
|
y: "0",
|
|
10116
10115
|
width: ICON.WIDTH,
|
|
10117
10116
|
height: ICON.HEIGHT,
|
|
10118
10117
|
fill: "url(#pageGradient" + UNIQUE_ID + ")"
|
|
10119
|
-
}))), fold && /*#__PURE__*/
|
|
10118
|
+
}))), fold && /*#__PURE__*/React.createElement("g", {
|
|
10120
10119
|
transform: "translate(28 " + FOLD.HEIGHT + ") rotate(-90)"
|
|
10121
|
-
}, /*#__PURE__*/
|
|
10120
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
10122
10121
|
width: ICON.WIDTH,
|
|
10123
10122
|
height: ICON.HEIGHT,
|
|
10124
10123
|
fill: foldColor || w$1(color).darken(0.1).toHex(),
|
|
10125
10124
|
rx: radius,
|
|
10126
10125
|
ry: radius,
|
|
10127
10126
|
clipPath: "url(#foldCrop" + UNIQUE_ID + ")"
|
|
10128
|
-
})), extension && /*#__PURE__*/
|
|
10127
|
+
})), extension && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("g", {
|
|
10129
10128
|
id: "label" + UNIQUE_ID
|
|
10130
|
-
}, /*#__PURE__*/
|
|
10129
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
10131
10130
|
fill: labelColor || w$1(color).darken(0.3).toHex(),
|
|
10132
10131
|
x: ICON.X_OFFSET,
|
|
10133
10132
|
y: ICON.HEIGHT - LABEL_HEIGHT,
|
|
10134
10133
|
width: ICON.WIDTH,
|
|
10135
10134
|
height: LABEL_HEIGHT,
|
|
10136
10135
|
clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
|
|
10137
|
-
})), /*#__PURE__*/
|
|
10136
|
+
})), /*#__PURE__*/React.createElement("g", {
|
|
10138
10137
|
id: "labelText" + UNIQUE_ID,
|
|
10139
10138
|
transform: "translate(" + ICON.X_OFFSET + " 34)"
|
|
10140
|
-
}, /*#__PURE__*/
|
|
10139
|
+
}, /*#__PURE__*/React.createElement("text", {
|
|
10141
10140
|
x: ICON.WIDTH / 2,
|
|
10142
10141
|
y: "10",
|
|
10143
10142
|
fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
|
|
@@ -10151,7 +10150,7 @@ var FileIcon = function FileIcon(_ref) {
|
|
|
10151
10150
|
textTransform: labelUppercase ? 'uppercase' : 'none',
|
|
10152
10151
|
userSelect: 'none'
|
|
10153
10152
|
}
|
|
10154
|
-
}, extension))), type && /*#__PURE__*/
|
|
10153
|
+
}, extension))), type && /*#__PURE__*/React.createElement("g", {
|
|
10155
10154
|
transform: "translate(-4 " + (!extension ? 6 : 0) + ")",
|
|
10156
10155
|
fill: glyphColor || w$1(color).darken(0.15).toHex()
|
|
10157
10156
|
}, glyphs[type]));
|
|
@@ -36894,7 +36893,7 @@ function requireDayCell () {
|
|
|
36894
36893
|
value: true
|
|
36895
36894
|
});
|
|
36896
36895
|
DayCell.rangeShape = DayCell.default = void 0;
|
|
36897
|
-
var _react = _interopRequireWildcard(
|
|
36896
|
+
var _react = _interopRequireWildcard(React);
|
|
36898
36897
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
36899
36898
|
var _classnames = _interopRequireDefault(requireClassnames());
|
|
36900
36899
|
var _dateFns = /*@__PURE__*/ requireDateFns();
|
|
@@ -37231,7 +37230,7 @@ function requireMonth () {
|
|
|
37231
37230
|
value: true
|
|
37232
37231
|
});
|
|
37233
37232
|
Month.default = void 0;
|
|
37234
|
-
var _react = _interopRequireWildcard(
|
|
37233
|
+
var _react = _interopRequireWildcard(React);
|
|
37235
37234
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
37236
37235
|
var _DayCell = _interopRequireWildcard(requireDayCell());
|
|
37237
37236
|
var _dateFns = /*@__PURE__*/ requireDateFns();
|
|
@@ -37371,7 +37370,7 @@ function requireDateInput () {
|
|
|
37371
37370
|
value: true
|
|
37372
37371
|
});
|
|
37373
37372
|
DateInput.default = void 0;
|
|
37374
|
-
var _react = _interopRequireWildcard(
|
|
37373
|
+
var _react = _interopRequireWildcard(React);
|
|
37375
37374
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
37376
37375
|
var _classnames = _interopRequireDefault(requireClassnames());
|
|
37377
37376
|
var _dateFns = /*@__PURE__*/ requireDateFns();
|
|
@@ -37517,7 +37516,7 @@ function requireReactList () {
|
|
|
37517
37516
|
(function (exports) {
|
|
37518
37517
|
(function (global, factory) {
|
|
37519
37518
|
{
|
|
37520
|
-
factory(exports,
|
|
37519
|
+
factory(exports, React, requireJsxRuntime());
|
|
37521
37520
|
}
|
|
37522
37521
|
})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : reactList, function (_exports, _react, _jsxRuntime) {
|
|
37523
37522
|
|
|
@@ -38316,7 +38315,7 @@ function requireCalendar () {
|
|
|
38316
38315
|
value: true
|
|
38317
38316
|
});
|
|
38318
38317
|
Calendar.default = void 0;
|
|
38319
|
-
var _react = _interopRequireWildcard(
|
|
38318
|
+
var _react = _interopRequireWildcard(React);
|
|
38320
38319
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
38321
38320
|
var _DayCell = requireDayCell();
|
|
38322
38321
|
var _Month = _interopRequireDefault(requireMonth());
|
|
@@ -38944,7 +38943,7 @@ function requireDateRange () {
|
|
|
38944
38943
|
value: true
|
|
38945
38944
|
});
|
|
38946
38945
|
DateRange.default = void 0;
|
|
38947
|
-
var _react = _interopRequireWildcard(
|
|
38946
|
+
var _react = _interopRequireWildcard(React);
|
|
38948
38947
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
38949
38948
|
var _Calendar = _interopRequireDefault(requireCalendar());
|
|
38950
38949
|
var _DayCell = requireDayCell();
|
|
@@ -39260,7 +39259,7 @@ function requireInputRangeField () {
|
|
|
39260
39259
|
value: true
|
|
39261
39260
|
});
|
|
39262
39261
|
InputRangeField.default = void 0;
|
|
39263
|
-
var _react = _interopRequireWildcard(
|
|
39262
|
+
var _react = _interopRequireWildcard(React);
|
|
39264
39263
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
39265
39264
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
39266
39265
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
@@ -39346,7 +39345,7 @@ function requireDefinedRange () {
|
|
|
39346
39345
|
value: true
|
|
39347
39346
|
});
|
|
39348
39347
|
DefinedRange.default = void 0;
|
|
39349
|
-
var _react = _interopRequireWildcard(
|
|
39348
|
+
var _react = _interopRequireWildcard(React);
|
|
39350
39349
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
39351
39350
|
var _styles = _interopRequireDefault(requireStyles());
|
|
39352
39351
|
var _defaultRanges = requireDefaultRanges();
|
|
@@ -39502,7 +39501,7 @@ function requireDateRangePicker () {
|
|
|
39502
39501
|
value: true
|
|
39503
39502
|
});
|
|
39504
39503
|
DateRangePicker.default = void 0;
|
|
39505
|
-
var _react = _interopRequireWildcard(
|
|
39504
|
+
var _react = _interopRequireWildcard(React);
|
|
39506
39505
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
39507
39506
|
var _DateRange = _interopRequireDefault(requireDateRange());
|
|
39508
39507
|
var _DefinedRange = _interopRequireDefault(requireDefinedRange());
|
|
@@ -41133,7 +41132,7 @@ const arrow$1 = options => ({
|
|
|
41133
41132
|
* clipping boundary. Alternative to `autoPlacement`.
|
|
41134
41133
|
* @see https://floating-ui.com/docs/flip
|
|
41135
41134
|
*/
|
|
41136
|
-
const flip$
|
|
41135
|
+
const flip$1 = function (options) {
|
|
41137
41136
|
if (options === void 0) {
|
|
41138
41137
|
options = {};
|
|
41139
41138
|
}
|
|
@@ -41311,7 +41310,7 @@ async function convertValueToCoords(state, options) {
|
|
|
41311
41310
|
* object may be passed.
|
|
41312
41311
|
* @see https://floating-ui.com/docs/offset
|
|
41313
41312
|
*/
|
|
41314
|
-
const offset$
|
|
41313
|
+
const offset$1 = function (options) {
|
|
41315
41314
|
if (options === void 0) {
|
|
41316
41315
|
options = 0;
|
|
41317
41316
|
}
|
|
@@ -41350,7 +41349,7 @@ const offset$2 = function (options) {
|
|
|
41350
41349
|
* keep it in view when it will overflow the clipping boundary.
|
|
41351
41350
|
* @see https://floating-ui.com/docs/shift
|
|
41352
41351
|
*/
|
|
41353
|
-
const shift$
|
|
41352
|
+
const shift$1 = function (options) {
|
|
41354
41353
|
if (options === void 0) {
|
|
41355
41354
|
options = {};
|
|
41356
41355
|
}
|
|
@@ -42245,14 +42244,14 @@ function autoUpdate(reference, floating, update, options) {
|
|
|
42245
42244
|
* object may be passed.
|
|
42246
42245
|
* @see https://floating-ui.com/docs/offset
|
|
42247
42246
|
*/
|
|
42248
|
-
const offset
|
|
42247
|
+
const offset = offset$1;
|
|
42249
42248
|
|
|
42250
42249
|
/**
|
|
42251
42250
|
* Optimizes the visibility of the floating element by shifting it in order to
|
|
42252
42251
|
* keep it in view when it will overflow the clipping boundary.
|
|
42253
42252
|
* @see https://floating-ui.com/docs/shift
|
|
42254
42253
|
*/
|
|
42255
|
-
const shift
|
|
42254
|
+
const shift = shift$1;
|
|
42256
42255
|
|
|
42257
42256
|
/**
|
|
42258
42257
|
* Optimizes the visibility of the floating element by flipping the `placement`
|
|
@@ -42260,7 +42259,7 @@ const shift$1 = shift$2;
|
|
|
42260
42259
|
* clipping boundary. Alternative to `autoPlacement`.
|
|
42261
42260
|
* @see https://floating-ui.com/docs/flip
|
|
42262
42261
|
*/
|
|
42263
|
-
const flip
|
|
42262
|
+
const flip = flip$1;
|
|
42264
42263
|
|
|
42265
42264
|
/**
|
|
42266
42265
|
* Provides data to position an inner element of the floating element so that it
|
|
@@ -42298,7 +42297,7 @@ const computePosition = (reference, floating, options) => {
|
|
|
42298
42297
|
* @copyright ReactTooltip Team
|
|
42299
42298
|
* @license MIT
|
|
42300
42299
|
*/
|
|
42301
|
-
const h="react-tooltip-core-styles",w="react-tooltip-base-styles",b={core:false,base:false};function S({css:e,id:t=w,type:o="base",ref:l}){var r,n;if(!e||"undefined"==typeof document||b[o])return;if("core"===o&&"undefined"!=typeof process&&(null===(r=null===process||void 0===process?void 0:process.env)||void 0===r?void 0:r.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==o&&"undefined"!=typeof process&&(null===(n=null===process||void 0===process?void 0:process.env)||void 0===n?void 0:n.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===o&&(t=h),l||(l={});const{insertAt:i}=l;if(document.getElementById(t))return;const c=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.id=t,s.type="text/css","top"===i&&c.firstChild?c.insertBefore(s,c.firstChild):c.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),b[o]=true;}const E=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:l="top",offset:r=10,strategy:n="absolute",middlewares:i=[offset$1(Number(r)),flip$1({fallbackAxisSideDirection:"start"}),shift$1({padding:5})],border:c,arrowSize:s=8})=>{if(!e)return {tooltipStyles:{},tooltipArrowStyles:{},place:l};if(null===t)return {tooltipStyles:{},tooltipArrowStyles:{},place:l};const a=i;return o?(a.push(arrow({element:o,padding:5})),computePosition(e,t,{placement:l,strategy:n,middleware:a}).then((({x:e,y:t,placement:o,middlewareData:l})=>{var r,n;const i={left:`${e}px`,top:`${t}px`,border:c},{x:a,y:u}=null!==(r=l.arrow)&&void 0!==r?r:{x:0,y:0},d=null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==n?n:"bottom",p=c&&{borderBottom:c,borderRight:c};let v=0;if(c){const e=`${c}`.match(/(\d+)px/);v=(null==e?void 0:e[1])?Number(e[1]):1;}return {tooltipStyles:i,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=u?`${u}px`:"",right:"",bottom:"",...p,[d]:`-${s/2+v}px`},place:o}}))):computePosition(e,t,{placement:"bottom",strategy:n,middleware:a}).then((({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o})))},A=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),_=(e,t,o)=>{let l=null;const r=function(...r){const n=()=>{l=null;};!l&&(e.apply(this,r),l=setTimeout(n,t));};return r.cancel=()=>{l&&(clearTimeout(l),l=null);},r},O=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,k=(e,t)=>{if(e===t)return true;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,o)=>k(e,t[o])));if(Array.isArray(e)!==Array.isArray(t))return false;if(!O(e)||!O(t))return e===t;const o=Object.keys(e),l=Object.keys(t);return o.length===l.length&&o.every((o=>k(e[o],t[o])))},T=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return false;const t=getComputedStyle(e);return ["overflow","overflow-x","overflow-y"].some((e=>{const o=t.getPropertyValue(e);return "auto"===o||"scroll"===o}))},L=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(T(t))return t;t=t.parentElement;}return document.scrollingElement||document.documentElement},C="undefined"!=typeof window?useLayoutEffect:useEffect,R=e=>{e.current&&(clearTimeout(e.current),e.current=null);},x="DEFAULT_TOOLTIP_ID",N={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},$=createContext({getTooltipData:()=>N});function z(e=x){return useContext($).getTooltipData(e)}var B={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},D={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const q=({forwardRef:t,id:l,className:i,classNameArrow:c,variant:u="dark",anchorId:d,anchorSelect:p,place:v="top",offset:m=10,events:h=["hover"],openOnClick:w=false,positionStrategy:b="absolute",middlewares:S,wrapper:g,delayShow:A=0,delayHide:O=0,float:T=false,hidden:x=false,noArrow:N=false,clickable:$=false,closeOnEsc:I=false,closeOnScroll:j=false,closeOnResize:q=false,openEvents:H,closeEvents:M,globalCloseEvents:W,imperativeModeOnly:P,style:V,position:F,afterShow:K,afterHide:U,disableTooltip:X,content:Y,contentWrapperRef:G,isOpen:Z,defaultIsOpen:J=false,setIsOpen:Q,activeAnchor:ee,setActiveAnchor:te,border:oe,opacity:le,arrowColor:re,arrowSize:ne=8,role:ie="tooltip"})=>{var ce;const se=useRef(null),ae=useRef(null),ue=useRef(null),de=useRef(null),pe=useRef(null),[ve,me]=useState({tooltipStyles:{},tooltipArrowStyles:{},place:v}),[fe,ye]=useState(false),[he,we]=useState(false),[be,Se]=useState(null),ge=useRef(false),Ee=useRef(null),{anchorRefs:Ae,setActiveAnchor:_e}=z(l),Oe=useRef(false),[ke,Te]=useState([]),Le=useRef(false),Ce=w||h.includes("click"),Re=Ce||(null==H?void 0:H.click)||(null==H?void 0:H.dblclick)||(null==H?void 0:H.mousedown),xe=H?{...H}:{mouseover:true,focus:true,mouseenter:false,click:false,dblclick:false,mousedown:false};!H&&Ce&&Object.assign(xe,{mouseenter:false,focus:false,mouseover:false,click:true});const Ne=M?{...M}:{mouseout:true,blur:true,mouseleave:false,click:false,dblclick:false,mouseup:false};!M&&Ce&&Object.assign(Ne,{mouseleave:false,blur:false,mouseout:false});const $e=W?{...W}:{escape:I||false,scroll:j||false,resize:q||false,clickOutsideAnchor:Re||false};P&&(Object.assign(xe,{mouseover:false,focus:false,mouseenter:false,click:false,dblclick:false,mousedown:false}),Object.assign(Ne,{mouseout:false,blur:false,mouseleave:false,click:false,dblclick:false,mouseup:false}),Object.assign($e,{escape:false,scroll:false,resize:false,clickOutsideAnchor:false})),C((()=>(Le.current=true,()=>{Le.current=false;})),[]);const Ie=e=>{Le.current&&(e&&we(true),setTimeout((()=>{Le.current&&(null==Q||Q(e),void 0===Z&&ye(e));}),10));};useEffect((()=>{if(void 0===Z)return ()=>null;Z&&we(true);const e=setTimeout((()=>{ye(Z);}),10);return ()=>{clearTimeout(e);}}),[Z]),useEffect((()=>{if(fe!==ge.current)if(R(pe),ge.current=fe,fe)null==K||K();else {const e=(e=>{const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const[,o,l]=t;return Number(o)*("ms"===l?1:1e3)})(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));pe.current=setTimeout((()=>{we(false),Se(null),null==U||U();}),e+25);}}),[fe]);const ze=e=>{me((t=>k(t,e)?t:e));},je=(e=A)=>{R(ue),he?Ie(true):ue.current=setTimeout((()=>{Ie(true);}),e);},Be=(e=O)=>{R(de),de.current=setTimeout((()=>{Oe.current||Ie(false);}),e);},De=e=>{var t;if(!e)return;const o=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==o?void 0:o.isConnected))return te(null),void _e({current:null});A?je():Ie(true),te(o),_e({current:o}),R(de);},qe=()=>{$?Be(O||100):O?Be():Ie(false),R(ue);},He=({x:e,y:t})=>{var o;const l={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};E({place:null!==(o=null==be?void 0:be.place)&&void 0!==o?o:v,offset:m,elementReference:l,tooltipReference:se.current,tooltipArrowReference:ae.current,strategy:b,middlewares:S,border:oe,arrowSize:ne}).then((e=>{ze(e);}));},Me=e=>{if(!e)return;const t=e,o={x:t.clientX,y:t.clientY};He(o),Ee.current=o;},We=e=>{var t;if(!fe)return;const o=e.target;if(!o.isConnected)return;if(null===(t=se.current)||void 0===t?void 0:t.contains(o))return;[document.querySelector(`[id='${d}']`),...ke].some((e=>null==e?void 0:e.contains(o)))||(Ie(false),R(ue));},Pe=_(De,50),Ve=_(qe,50),Fe=e=>{Ve.cancel(),Pe(e);},Ke=()=>{Pe.cancel(),Ve();},Ue=useCallback((()=>{var e,t;const o=null!==(e=null==be?void 0:be.position)&&void 0!==e?e:F;o?He(o):T?Ee.current&&He(Ee.current):(null==ee?void 0:ee.isConnected)&&E({place:null!==(t=null==be?void 0:be.place)&&void 0!==t?t:v,offset:m,elementReference:ee,tooltipReference:se.current,tooltipArrowReference:ae.current,strategy:b,middlewares:S,border:oe,arrowSize:ne}).then((e=>{Le.current&&ze(e);}));}),[fe,ee,Y,V,v,null==be?void 0:be.place,m,b,F,null==be?void 0:be.position,T,ne]);useEffect((()=>{var e,t;const o=new Set(Ae);ke.forEach((e=>{(null==X?void 0:X(e))||o.add({current:e});}));const l=document.querySelector(`[id='${d}']`);l&&!(null==X?void 0:X(l))&&o.add({current:l});const r=()=>{Ie(false);},n=L(ee),i=L(se.current);$e.scroll&&(window.addEventListener("scroll",r),null==n||n.addEventListener("scroll",r),null==i||i.addEventListener("scroll",r));let c=null;$e.resize?window.addEventListener("resize",r):ee&&se.current&&(c=autoUpdate(ee,se.current,Ue,{ancestorResize:true,elementResize:true,layoutShift:true}));const s=e=>{"Escape"===e.key&&Ie(false);};$e.escape&&window.addEventListener("keydown",s),$e.clickOutsideAnchor&&window.addEventListener("click",We);const a=[],u=e=>Boolean((null==e?void 0:e.target)&&(null==ee?void 0:ee.contains(e.target))),p=e=>{fe&&u(e)||De(e);},v=e=>{fe&&u(e)&&qe();},m=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],y=["click","dblclick","mousedown","mouseup"];Object.entries(xe).forEach((([e,t])=>{t&&(m.includes(e)?a.push({event:e,listener:Fe}):y.includes(e)&&a.push({event:e,listener:p}));})),Object.entries(Ne).forEach((([e,t])=>{t&&(m.includes(e)?a.push({event:e,listener:Ke}):y.includes(e)&&a.push({event:e,listener:v}));})),T&&a.push({event:"pointermove",listener:Me});const h=()=>{Oe.current=true;},w=()=>{Oe.current=false,qe();},b=$&&(Ne.mouseout||Ne.mouseleave);return b&&(null===(e=se.current)||void 0===e||e.addEventListener("mouseover",h),null===(t=se.current)||void 0===t||t.addEventListener("mouseout",w)),a.forEach((({event:e,listener:t})=>{o.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.addEventListener(e,t);}));})),()=>{var e,t;$e.scroll&&(window.removeEventListener("scroll",r),null==n||n.removeEventListener("scroll",r),null==i||i.removeEventListener("scroll",r)),$e.resize?window.removeEventListener("resize",r):null==c||c(),$e.clickOutsideAnchor&&window.removeEventListener("click",We),$e.escape&&window.removeEventListener("keydown",s),b&&(null===(e=se.current)||void 0===e||e.removeEventListener("mouseover",h),null===(t=se.current)||void 0===t||t.removeEventListener("mouseout",w)),a.forEach((({event:e,listener:t})=>{o.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.removeEventListener(e,t);}));}));}}),[ee,Ue,he,Ae,ke,H,M,W,Ce,A,O]),useEffect((()=>{var e,t;let o=null!==(t=null!==(e=null==be?void 0:be.anchorSelect)&&void 0!==e?e:p)&&void 0!==t?t:"";!o&&l&&(o=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`);const r=new MutationObserver((e=>{const t=[],r=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName){e.target.getAttribute("data-tooltip-id")===l?t.push(e.target):e.oldValue===l&&r.push(e.target);}if("childList"===e.type){if(ee){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(o)try{r.push(...t.filter((e=>e.matches(o)))),r.push(...t.flatMap((e=>[...e.querySelectorAll(o)])));}catch(e){}t.some((e=>{var t;return !!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,ee))&&(we(false),Ie(false),te(null),R(ue),R(de),true)}));}if(o)try{const l=[...e.addedNodes].filter((e=>1===e.nodeType));t.push(...l.filter((e=>e.matches(o)))),t.push(...l.flatMap((e=>[...e.querySelectorAll(o)])));}catch(e){}}})),(t.length||r.length)&&Te((e=>[...e.filter((e=>!r.includes(e))),...t]));}));return r.observe(document.body,{childList:true,subtree:true,attributes:true,attributeFilter:["data-tooltip-id"],attributeOldValue:true}),()=>{r.disconnect();}}),[l,p,null==be?void 0:be.anchorSelect,ee]),useEffect((()=>{Ue();}),[Ue]),useEffect((()=>{if(!(null==G?void 0:G.current))return ()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>Ue()));}));return e.observe(G.current),()=>{e.disconnect();}}),[Y,null==G?void 0:G.current]),useEffect((()=>{var e;const t=document.querySelector(`[id='${d}']`),o=[...ke,t];ee&&o.includes(ee)||te(null!==(e=ke[0])&&void 0!==e?e:t);}),[d,ke,ee]),useEffect((()=>(J&&Ie(true),()=>{R(ue),R(de);})),[]),useEffect((()=>{var e;let t=null!==(e=null==be?void 0:be.anchorSelect)&&void 0!==e?e:p;if(!t&&l&&(t=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`),t)try{const e=Array.from(document.querySelectorAll(t));Te(e);}catch(e){Te([]);}}),[l,p,null==be?void 0:be.anchorSelect]),useEffect((()=>{ue.current&&(R(ue),je(A));}),[A]);const Xe=null!==(ce=null==be?void 0:be.content)&&void 0!==ce?ce:Y,Ye=fe&&Object.keys(ve.tooltipStyles).length>0;return useImperativeHandle(t,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect);}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}Se(null!=e?e:null),(null==e?void 0:e.delay)?je(e.delay):Ie(true);},close:e=>{(null==e?void 0:e.delay)?Be(e.delay):Ie(false);},activeAnchor:ee,place:ve.place,isOpen:Boolean(he&&!x&&Xe&&Ye)}))),he&&!x&&Xe?React__default.createElement(g,{id:l,role:ie,className:classNames("react-tooltip",B.tooltip,D.tooltip,D[u],i,`react-tooltip__place-${ve.place}`,B[Ye?"show":"closing"],Ye?"react-tooltip__show":"react-tooltip__closing","fixed"===b&&B.fixed,$&&B.clickable),onTransitionEnd:e=>{R(pe),fe||"opacity"!==e.propertyName||(we(false),Se(null),null==U||U());},style:{...V,...ve.tooltipStyles,opacity:void 0!==le&&Ye?le:void 0},ref:se},Xe,React__default.createElement(g,{className:classNames("react-tooltip-arrow",B.arrow,D.arrow,c,N&&B.noArrow),style:{...ve.tooltipArrowStyles,background:re?`linear-gradient(to right bottom, transparent 50%, ${re} 50%)`:void 0,"--rt-arrow-size":`${ne}px`},ref:ae})):null},H=({content:t})=>React__default.createElement("span",{dangerouslySetInnerHTML:{__html:t}}),M=React__default.forwardRef((({id:t,anchorId:l,anchorSelect:n,content:i,html:c,render:a,className:u,classNameArrow:d,variant:p="dark",place:v="top",offset:m=10,wrapper:f="div",children:h=null,events:w=["hover"],openOnClick:b=false,positionStrategy:S="absolute",middlewares:g,delayShow:E=0,delayHide:_=0,float:O=false,hidden:k=false,noArrow:T=false,clickable:L=false,closeOnEsc:C=false,closeOnScroll:R=false,closeOnResize:x=false,openEvents:N,closeEvents:$,globalCloseEvents:I,imperativeModeOnly:j=false,style:B,position:D,isOpen:M,defaultIsOpen:W=false,disableStyleInjection:P=false,border:V,opacity:F,arrowColor:K,arrowSize:U,setIsOpen:X,afterShow:Y,afterHide:G,disableTooltip:Z,role:J="tooltip"},Q)=>{const[ee,te]=useState(i),[oe,le]=useState(c),[re,ne]=useState(v),[ie,ce]=useState(p),[se,ae]=useState(m),[ue,de]=useState(E),[pe,ve]=useState(_),[me,fe]=useState(O),[ye,he]=useState(k),[we,be]=useState(f),[Se,ge]=useState(w),[Ee,Ae]=useState(S),[_e,Oe]=useState(null),[ke,Te]=useState(null),Le=useRef(P),{anchorRefs:Ce,activeAnchor:Re}=z(t),xe=e=>null==e?void 0:e.getAttributeNames().reduce(((t,o)=>{var l;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(l=null==e?void 0:e.getAttribute(o))&&void 0!==l?l:null;}return t}),{}),Ne=e=>{const t={place:e=>{var t;ne(null!==(t=e)&&void 0!==t?t:v);},content:e=>{te(null!=e?e:i);},html:e=>{le(null!=e?e:c);},variant:e=>{var t;ce(null!==(t=e)&&void 0!==t?t:p);},offset:e=>{ae(null===e?m:Number(e));},wrapper:e=>{var t;be(null!==(t=e)&&void 0!==t?t:f);},events:e=>{const t=null==e?void 0:e.split(" ");ge(null!=t?t:w);},"position-strategy":e=>{var t;Ae(null!==(t=e)&&void 0!==t?t:S);},"delay-show":e=>{de(null===e?E:Number(e));},"delay-hide":e=>{ve(null===e?_:Number(e));},float:e=>{fe(null===e?O:"true"===e);},hidden:e=>{he(null===e?k:"true"===e);},"class-name":e=>{Oe(e);}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,o])=>{var l;null===(l=t[e])||void 0===l||l.call(t,o);}));};useEffect((()=>{te(i);}),[i]),useEffect((()=>{le(c);}),[c]),useEffect((()=>{ne(v);}),[v]),useEffect((()=>{ce(p);}),[p]),useEffect((()=>{ae(m);}),[m]),useEffect((()=>{de(E);}),[E]),useEffect((()=>{ve(_);}),[_]),useEffect((()=>{fe(O);}),[O]),useEffect((()=>{he(k);}),[k]),useEffect((()=>{Ae(S);}),[S]),useEffect((()=>{Le.current!==P&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");}),[P]),useEffect((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===P,disableBase:P}}));}),[]),useEffect((()=>{var e;const o=new Set(Ce);let r=n;if(!r&&t&&(r=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`),r)try{document.querySelectorAll(r).forEach((e=>{o.add({current:e});}));}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`);}const i=document.querySelector(`[id='${l}']`);if(i&&o.add({current:i}),!o.size)return ()=>null;const c=null!==(e=null!=ke?ke:i)&&void 0!==e?e:Re.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!c||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const o=xe(c);Ne(o);}));})),a={attributes:true,childList:false,subtree:false};if(c){const e=xe(c);Ne(e),s.observe(c,a);}return ()=>{s.disconnect();}}),[Ce,Re,ke,l,n]),useEffect((()=>{(null==B?void 0:B.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),V&&!A("border",`${V}`)&&console.warn(`[react-tooltip] "${V}" is not a valid \`border\`.`),(null==B?void 0:B.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),F&&!A("opacity",`${F}`)&&console.warn(`[react-tooltip] "${F}" is not a valid \`opacity\`.`);}),[]);let $e=h;const Ie=useRef(null);if(a){const t=a({content:(null==ke?void 0:ke.getAttribute("data-tooltip-content"))||ee||null,activeAnchor:ke});$e=t?React__default.createElement("div",{ref:Ie,className:"react-tooltip-content-wrapper"},t):null;}else ee&&($e=ee);oe&&($e=React__default.createElement(H,{content:oe}));const ze={forwardRef:Q,id:t,anchorId:l,anchorSelect:n,className:classNames(u,_e),classNameArrow:d,content:$e,contentWrapperRef:Ie,place:re,variant:ie,offset:se,wrapper:we,events:Se,openOnClick:b,positionStrategy:Ee,middlewares:g,delayShow:ue,delayHide:pe,float:me,hidden:ye,noArrow:T,clickable:L,closeOnEsc:C,closeOnScroll:R,closeOnResize:x,openEvents:N,closeEvents:$,globalCloseEvents:I,imperativeModeOnly:j,style:B,position:D,isOpen:M,defaultIsOpen:W,border:V,opacity:F,arrowColor:K,arrowSize:U,setIsOpen:X,afterShow:Y,afterHide:G,disableTooltip:Z,activeAnchor:ke,setActiveAnchor:e=>Te(e),role:J};return React__default.createElement(q,{...ze})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||S({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}`,type:"core"}),e.detail.disableBase||S({css:`
|
|
42300
|
+
const h="react-tooltip-core-styles",w="react-tooltip-base-styles",b={core:false,base:false};function S({css:e,id:t=w,type:o="base",ref:l}){var r,n;if(!e||"undefined"==typeof document||b[o])return;if("core"===o&&"undefined"!=typeof process&&(null===(r=null===process||void 0===process?void 0:process.env)||void 0===r?void 0:r.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==o&&"undefined"!=typeof process&&(null===(n=null===process||void 0===process?void 0:process.env)||void 0===n?void 0:n.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===o&&(t=h),l||(l={});const{insertAt:i}=l;if(document.getElementById(t))return;const c=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.id=t,s.type="text/css","top"===i&&c.firstChild?c.insertBefore(s,c.firstChild):c.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e)),b[o]=true;}const E=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:o=null,place:l="top",offset:r=10,strategy:n="absolute",middlewares:i=[offset(Number(r)),flip({fallbackAxisSideDirection:"start"}),shift({padding:5})],border:c,arrowSize:s=8})=>{if(!e)return {tooltipStyles:{},tooltipArrowStyles:{},place:l};if(null===t)return {tooltipStyles:{},tooltipArrowStyles:{},place:l};const a=i;return o?(a.push(arrow({element:o,padding:5})),computePosition(e,t,{placement:l,strategy:n,middleware:a}).then((({x:e,y:t,placement:o,middlewareData:l})=>{var r,n;const i={left:`${e}px`,top:`${t}px`,border:c},{x:a,y:u}=null!==(r=l.arrow)&&void 0!==r?r:{x:0,y:0},d=null!==(n={top:"bottom",right:"left",bottom:"top",left:"right"}[o.split("-")[0]])&&void 0!==n?n:"bottom",p=c&&{borderBottom:c,borderRight:c};let v=0;if(c){const e=`${c}`.match(/(\d+)px/);v=(null==e?void 0:e[1])?Number(e[1]):1;}return {tooltipStyles:i,tooltipArrowStyles:{left:null!=a?`${a}px`:"",top:null!=u?`${u}px`:"",right:"",bottom:"",...p,[d]:`-${s/2+v}px`},place:o}}))):computePosition(e,t,{placement:"bottom",strategy:n,middleware:a}).then((({x:e,y:t,placement:o})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:o})))},A=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),_=(e,t,o)=>{let l=null;const r=function(...r){const n=()=>{l=null;};!l&&(e.apply(this,r),l=setTimeout(n,t));};return r.cancel=()=>{l&&(clearTimeout(l),l=null);},r},O=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,k=(e,t)=>{if(e===t)return true;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,o)=>k(e,t[o])));if(Array.isArray(e)!==Array.isArray(t))return false;if(!O(e)||!O(t))return e===t;const o=Object.keys(e),l=Object.keys(t);return o.length===l.length&&o.every((o=>k(e[o],t[o])))},T=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return false;const t=getComputedStyle(e);return ["overflow","overflow-x","overflow-y"].some((e=>{const o=t.getPropertyValue(e);return "auto"===o||"scroll"===o}))},L=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(T(t))return t;t=t.parentElement;}return document.scrollingElement||document.documentElement},C="undefined"!=typeof window?useLayoutEffect:useEffect,R=e=>{e.current&&(clearTimeout(e.current),e.current=null);},x="DEFAULT_TOOLTIP_ID",N={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},$=createContext({getTooltipData:()=>N});function z(e=x){return useContext($).getTooltipData(e)}var B={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},D={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const q=({forwardRef:t,id:l,className:i,classNameArrow:c,variant:u="dark",anchorId:d,anchorSelect:p,place:v="top",offset:m=10,events:h=["hover"],openOnClick:w=false,positionStrategy:b="absolute",middlewares:S,wrapper:g,delayShow:A=0,delayHide:O=0,float:T=false,hidden:x=false,noArrow:N=false,clickable:$=false,closeOnEsc:I=false,closeOnScroll:j=false,closeOnResize:q=false,openEvents:H,closeEvents:M,globalCloseEvents:W,imperativeModeOnly:P,style:V,position:F,afterShow:K,afterHide:U,disableTooltip:X,content:Y,contentWrapperRef:G,isOpen:Z,defaultIsOpen:J=false,setIsOpen:Q,activeAnchor:ee,setActiveAnchor:te,border:oe,opacity:le,arrowColor:re,arrowSize:ne=8,role:ie="tooltip"})=>{var ce;const se=useRef(null),ae=useRef(null),ue=useRef(null),de=useRef(null),pe=useRef(null),[ve,me]=useState({tooltipStyles:{},tooltipArrowStyles:{},place:v}),[fe,ye]=useState(false),[he,we]=useState(false),[be,Se]=useState(null),ge=useRef(false),Ee=useRef(null),{anchorRefs:Ae,setActiveAnchor:_e}=z(l),Oe=useRef(false),[ke,Te]=useState([]),Le=useRef(false),Ce=w||h.includes("click"),Re=Ce||(null==H?void 0:H.click)||(null==H?void 0:H.dblclick)||(null==H?void 0:H.mousedown),xe=H?{...H}:{mouseover:true,focus:true,mouseenter:false,click:false,dblclick:false,mousedown:false};!H&&Ce&&Object.assign(xe,{mouseenter:false,focus:false,mouseover:false,click:true});const Ne=M?{...M}:{mouseout:true,blur:true,mouseleave:false,click:false,dblclick:false,mouseup:false};!M&&Ce&&Object.assign(Ne,{mouseleave:false,blur:false,mouseout:false});const $e=W?{...W}:{escape:I||false,scroll:j||false,resize:q||false,clickOutsideAnchor:Re||false};P&&(Object.assign(xe,{mouseover:false,focus:false,mouseenter:false,click:false,dblclick:false,mousedown:false}),Object.assign(Ne,{mouseout:false,blur:false,mouseleave:false,click:false,dblclick:false,mouseup:false}),Object.assign($e,{escape:false,scroll:false,resize:false,clickOutsideAnchor:false})),C((()=>(Le.current=true,()=>{Le.current=false;})),[]);const Ie=e=>{Le.current&&(e&&we(true),setTimeout((()=>{Le.current&&(null==Q||Q(e),void 0===Z&&ye(e));}),10));};useEffect((()=>{if(void 0===Z)return ()=>null;Z&&we(true);const e=setTimeout((()=>{ye(Z);}),10);return ()=>{clearTimeout(e);}}),[Z]),useEffect((()=>{if(fe!==ge.current)if(R(pe),ge.current=fe,fe)null==K||K();else {const e=(e=>{const t=e.match(/^([\d.]+)(ms|s)$/);if(!t)return 0;const[,o,l]=t;return Number(o)*("ms"===l?1:1e3)})(getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay"));pe.current=setTimeout((()=>{we(false),Se(null),null==U||U();}),e+25);}}),[fe]);const ze=e=>{me((t=>k(t,e)?t:e));},je=(e=A)=>{R(ue),he?Ie(true):ue.current=setTimeout((()=>{Ie(true);}),e);},Be=(e=O)=>{R(de),de.current=setTimeout((()=>{Oe.current||Ie(false);}),e);},De=e=>{var t;if(!e)return;const o=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==o?void 0:o.isConnected))return te(null),void _e({current:null});A?je():Ie(true),te(o),_e({current:o}),R(de);},qe=()=>{$?Be(O||100):O?Be():Ie(false),R(ue);},He=({x:e,y:t})=>{var o;const l={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};E({place:null!==(o=null==be?void 0:be.place)&&void 0!==o?o:v,offset:m,elementReference:l,tooltipReference:se.current,tooltipArrowReference:ae.current,strategy:b,middlewares:S,border:oe,arrowSize:ne}).then((e=>{ze(e);}));},Me=e=>{if(!e)return;const t=e,o={x:t.clientX,y:t.clientY};He(o),Ee.current=o;},We=e=>{var t;if(!fe)return;const o=e.target;if(!o.isConnected)return;if(null===(t=se.current)||void 0===t?void 0:t.contains(o))return;[document.querySelector(`[id='${d}']`),...ke].some((e=>null==e?void 0:e.contains(o)))||(Ie(false),R(ue));},Pe=_(De,50),Ve=_(qe,50),Fe=e=>{Ve.cancel(),Pe(e);},Ke=()=>{Pe.cancel(),Ve();},Ue=useCallback((()=>{var e,t;const o=null!==(e=null==be?void 0:be.position)&&void 0!==e?e:F;o?He(o):T?Ee.current&&He(Ee.current):(null==ee?void 0:ee.isConnected)&&E({place:null!==(t=null==be?void 0:be.place)&&void 0!==t?t:v,offset:m,elementReference:ee,tooltipReference:se.current,tooltipArrowReference:ae.current,strategy:b,middlewares:S,border:oe,arrowSize:ne}).then((e=>{Le.current&&ze(e);}));}),[fe,ee,Y,V,v,null==be?void 0:be.place,m,b,F,null==be?void 0:be.position,T,ne]);useEffect((()=>{var e,t;const o=new Set(Ae);ke.forEach((e=>{(null==X?void 0:X(e))||o.add({current:e});}));const l=document.querySelector(`[id='${d}']`);l&&!(null==X?void 0:X(l))&&o.add({current:l});const r=()=>{Ie(false);},n=L(ee),i=L(se.current);$e.scroll&&(window.addEventListener("scroll",r),null==n||n.addEventListener("scroll",r),null==i||i.addEventListener("scroll",r));let c=null;$e.resize?window.addEventListener("resize",r):ee&&se.current&&(c=autoUpdate(ee,se.current,Ue,{ancestorResize:true,elementResize:true,layoutShift:true}));const s=e=>{"Escape"===e.key&&Ie(false);};$e.escape&&window.addEventListener("keydown",s),$e.clickOutsideAnchor&&window.addEventListener("click",We);const a=[],u=e=>Boolean((null==e?void 0:e.target)&&(null==ee?void 0:ee.contains(e.target))),p=e=>{fe&&u(e)||De(e);},v=e=>{fe&&u(e)&&qe();},m=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],y=["click","dblclick","mousedown","mouseup"];Object.entries(xe).forEach((([e,t])=>{t&&(m.includes(e)?a.push({event:e,listener:Fe}):y.includes(e)&&a.push({event:e,listener:p}));})),Object.entries(Ne).forEach((([e,t])=>{t&&(m.includes(e)?a.push({event:e,listener:Ke}):y.includes(e)&&a.push({event:e,listener:v}));})),T&&a.push({event:"pointermove",listener:Me});const h=()=>{Oe.current=true;},w=()=>{Oe.current=false,qe();},b=$&&(Ne.mouseout||Ne.mouseleave);return b&&(null===(e=se.current)||void 0===e||e.addEventListener("mouseover",h),null===(t=se.current)||void 0===t||t.addEventListener("mouseout",w)),a.forEach((({event:e,listener:t})=>{o.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.addEventListener(e,t);}));})),()=>{var e,t;$e.scroll&&(window.removeEventListener("scroll",r),null==n||n.removeEventListener("scroll",r),null==i||i.removeEventListener("scroll",r)),$e.resize?window.removeEventListener("resize",r):null==c||c(),$e.clickOutsideAnchor&&window.removeEventListener("click",We),$e.escape&&window.removeEventListener("keydown",s),b&&(null===(e=se.current)||void 0===e||e.removeEventListener("mouseover",h),null===(t=se.current)||void 0===t||t.removeEventListener("mouseout",w)),a.forEach((({event:e,listener:t})=>{o.forEach((o=>{var l;null===(l=o.current)||void 0===l||l.removeEventListener(e,t);}));}));}}),[ee,Ue,he,Ae,ke,H,M,W,Ce,A,O]),useEffect((()=>{var e,t;let o=null!==(t=null!==(e=null==be?void 0:be.anchorSelect)&&void 0!==e?e:p)&&void 0!==t?t:"";!o&&l&&(o=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`);const r=new MutationObserver((e=>{const t=[],r=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName){e.target.getAttribute("data-tooltip-id")===l?t.push(e.target):e.oldValue===l&&r.push(e.target);}if("childList"===e.type){if(ee){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(o)try{r.push(...t.filter((e=>e.matches(o)))),r.push(...t.flatMap((e=>[...e.querySelectorAll(o)])));}catch(e){}t.some((e=>{var t;return !!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,ee))&&(we(false),Ie(false),te(null),R(ue),R(de),true)}));}if(o)try{const l=[...e.addedNodes].filter((e=>1===e.nodeType));t.push(...l.filter((e=>e.matches(o)))),t.push(...l.flatMap((e=>[...e.querySelectorAll(o)])));}catch(e){}}})),(t.length||r.length)&&Te((e=>[...e.filter((e=>!r.includes(e))),...t]));}));return r.observe(document.body,{childList:true,subtree:true,attributes:true,attributeFilter:["data-tooltip-id"],attributeOldValue:true}),()=>{r.disconnect();}}),[l,p,null==be?void 0:be.anchorSelect,ee]),useEffect((()=>{Ue();}),[Ue]),useEffect((()=>{if(!(null==G?void 0:G.current))return ()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>Ue()));}));return e.observe(G.current),()=>{e.disconnect();}}),[Y,null==G?void 0:G.current]),useEffect((()=>{var e;const t=document.querySelector(`[id='${d}']`),o=[...ke,t];ee&&o.includes(ee)||te(null!==(e=ke[0])&&void 0!==e?e:t);}),[d,ke,ee]),useEffect((()=>(J&&Ie(true),()=>{R(ue),R(de);})),[]),useEffect((()=>{var e;let t=null!==(e=null==be?void 0:be.anchorSelect)&&void 0!==e?e:p;if(!t&&l&&(t=`[data-tooltip-id='${l.replace(/'/g,"\\'")}']`),t)try{const e=Array.from(document.querySelectorAll(t));Te(e);}catch(e){Te([]);}}),[l,p,null==be?void 0:be.anchorSelect]),useEffect((()=>{ue.current&&(R(ue),je(A));}),[A]);const Xe=null!==(ce=null==be?void 0:be.content)&&void 0!==ce?ce:Y,Ye=fe&&Object.keys(ve.tooltipStyles).length>0;return useImperativeHandle(t,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect);}catch(t){return void console.warn(`[react-tooltip] "${e.anchorSelect}" is not a valid CSS selector`)}Se(null!=e?e:null),(null==e?void 0:e.delay)?je(e.delay):Ie(true);},close:e=>{(null==e?void 0:e.delay)?Be(e.delay):Ie(false);},activeAnchor:ee,place:ve.place,isOpen:Boolean(he&&!x&&Xe&&Ye)}))),he&&!x&&Xe?React.createElement(g,{id:l,role:ie,className:classNames("react-tooltip",B.tooltip,D.tooltip,D[u],i,`react-tooltip__place-${ve.place}`,B[Ye?"show":"closing"],Ye?"react-tooltip__show":"react-tooltip__closing","fixed"===b&&B.fixed,$&&B.clickable),onTransitionEnd:e=>{R(pe),fe||"opacity"!==e.propertyName||(we(false),Se(null),null==U||U());},style:{...V,...ve.tooltipStyles,opacity:void 0!==le&&Ye?le:void 0},ref:se},Xe,React.createElement(g,{className:classNames("react-tooltip-arrow",B.arrow,D.arrow,c,N&&B.noArrow),style:{...ve.tooltipArrowStyles,background:re?`linear-gradient(to right bottom, transparent 50%, ${re} 50%)`:void 0,"--rt-arrow-size":`${ne}px`},ref:ae})):null},H=({content:t})=>React.createElement("span",{dangerouslySetInnerHTML:{__html:t}}),M=React.forwardRef((({id:t,anchorId:l,anchorSelect:n,content:i,html:c,render:a,className:u,classNameArrow:d,variant:p="dark",place:v="top",offset:m=10,wrapper:f="div",children:h=null,events:w=["hover"],openOnClick:b=false,positionStrategy:S="absolute",middlewares:g,delayShow:E=0,delayHide:_=0,float:O=false,hidden:k=false,noArrow:T=false,clickable:L=false,closeOnEsc:C=false,closeOnScroll:R=false,closeOnResize:x=false,openEvents:N,closeEvents:$,globalCloseEvents:I,imperativeModeOnly:j=false,style:B,position:D,isOpen:M,defaultIsOpen:W=false,disableStyleInjection:P=false,border:V,opacity:F,arrowColor:K,arrowSize:U,setIsOpen:X,afterShow:Y,afterHide:G,disableTooltip:Z,role:J="tooltip"},Q)=>{const[ee,te]=useState(i),[oe,le]=useState(c),[re,ne]=useState(v),[ie,ce]=useState(p),[se,ae]=useState(m),[ue,de]=useState(E),[pe,ve]=useState(_),[me,fe]=useState(O),[ye,he]=useState(k),[we,be]=useState(f),[Se,ge]=useState(w),[Ee,Ae]=useState(S),[_e,Oe]=useState(null),[ke,Te]=useState(null),Le=useRef(P),{anchorRefs:Ce,activeAnchor:Re}=z(t),xe=e=>null==e?void 0:e.getAttributeNames().reduce(((t,o)=>{var l;if(o.startsWith("data-tooltip-")){t[o.replace(/^data-tooltip-/,"")]=null!==(l=null==e?void 0:e.getAttribute(o))&&void 0!==l?l:null;}return t}),{}),Ne=e=>{const t={place:e=>{var t;ne(null!==(t=e)&&void 0!==t?t:v);},content:e=>{te(null!=e?e:i);},html:e=>{le(null!=e?e:c);},variant:e=>{var t;ce(null!==(t=e)&&void 0!==t?t:p);},offset:e=>{ae(null===e?m:Number(e));},wrapper:e=>{var t;be(null!==(t=e)&&void 0!==t?t:f);},events:e=>{const t=null==e?void 0:e.split(" ");ge(null!=t?t:w);},"position-strategy":e=>{var t;Ae(null!==(t=e)&&void 0!==t?t:S);},"delay-show":e=>{de(null===e?E:Number(e));},"delay-hide":e=>{ve(null===e?_:Number(e));},float:e=>{fe(null===e?O:"true"===e);},hidden:e=>{he(null===e?k:"true"===e);},"class-name":e=>{Oe(e);}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,o])=>{var l;null===(l=t[e])||void 0===l||l.call(t,o);}));};useEffect((()=>{te(i);}),[i]),useEffect((()=>{le(c);}),[c]),useEffect((()=>{ne(v);}),[v]),useEffect((()=>{ce(p);}),[p]),useEffect((()=>{ae(m);}),[m]),useEffect((()=>{de(E);}),[E]),useEffect((()=>{ve(_);}),[_]),useEffect((()=>{fe(O);}),[O]),useEffect((()=>{he(k);}),[k]),useEffect((()=>{Ae(S);}),[S]),useEffect((()=>{Le.current!==P&&console.warn("[react-tooltip] Do not change `disableStyleInjection` dynamically.");}),[P]),useEffect((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===P,disableBase:P}}));}),[]),useEffect((()=>{var e;const o=new Set(Ce);let r=n;if(!r&&t&&(r=`[data-tooltip-id='${t.replace(/'/g,"\\'")}']`),r)try{document.querySelectorAll(r).forEach((e=>{o.add({current:e});}));}catch(e){console.warn(`[react-tooltip] "${r}" is not a valid CSS selector`);}const i=document.querySelector(`[id='${l}']`);if(i&&o.add({current:i}),!o.size)return ()=>null;const c=null!==(e=null!=ke?ke:i)&&void 0!==e?e:Re.current,s=new MutationObserver((e=>{e.forEach((e=>{var t;if(!c||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const o=xe(c);Ne(o);}));})),a={attributes:true,childList:false,subtree:false};if(c){const e=xe(c);Ne(e),s.observe(c,a);}return ()=>{s.disconnect();}}),[Ce,Re,ke,l,n]),useEffect((()=>{(null==B?void 0:B.border)&&console.warn("[react-tooltip] Do not set `style.border`. Use `border` prop instead."),V&&!A("border",`${V}`)&&console.warn(`[react-tooltip] "${V}" is not a valid \`border\`.`),(null==B?void 0:B.opacity)&&console.warn("[react-tooltip] Do not set `style.opacity`. Use `opacity` prop instead."),F&&!A("opacity",`${F}`)&&console.warn(`[react-tooltip] "${F}" is not a valid \`opacity\`.`);}),[]);let $e=h;const Ie=useRef(null);if(a){const t=a({content:(null==ke?void 0:ke.getAttribute("data-tooltip-content"))||ee||null,activeAnchor:ke});$e=t?React.createElement("div",{ref:Ie,className:"react-tooltip-content-wrapper"},t):null;}else ee&&($e=ee);oe&&($e=React.createElement(H,{content:oe}));const ze={forwardRef:Q,id:t,anchorId:l,anchorSelect:n,className:classNames(u,_e),classNameArrow:d,content:$e,contentWrapperRef:Ie,place:re,variant:ie,offset:se,wrapper:we,events:Se,openOnClick:b,positionStrategy:Ee,middlewares:g,delayShow:ue,delayHide:pe,float:me,hidden:ye,noArrow:T,clickable:L,closeOnEsc:C,closeOnScroll:R,closeOnResize:x,openEvents:N,closeEvents:$,globalCloseEvents:I,imperativeModeOnly:j,style:B,position:D,isOpen:M,defaultIsOpen:W,border:V,opacity:F,arrowColor:K,arrowSize:U,setIsOpen:X,afterShow:Y,afterHide:G,disableTooltip:Z,activeAnchor:ke,setActiveAnchor:e=>Te(e),role:J};return React.createElement(q,{...ze})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||S({css:`:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}`,type:"core"}),e.detail.disableBase||S({css:`
|
|
42302
42301
|
.styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:var(--rt-arrow-size);height:var(--rt-arrow-size)}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}`,type:"base"});}));
|
|
42303
42302
|
|
|
42304
42303
|
const Tooltip = ({
|
|
@@ -42314,9 +42313,9 @@ const Tooltip = ({
|
|
|
42314
42313
|
// For external styling of the tooltip itself
|
|
42315
42314
|
...props
|
|
42316
42315
|
}) => {
|
|
42317
|
-
const tooltipId =
|
|
42316
|
+
const tooltipId = React.useId();
|
|
42318
42317
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
42319
|
-
|
|
42318
|
+
React.cloneElement(children, { "data-tooltip-id": tooltipId }),
|
|
42320
42319
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
42321
42320
|
M,
|
|
42322
42321
|
{
|
|
@@ -43243,544 +43242,18 @@ const PageHeader = ({
|
|
|
43243
43242
|
] });
|
|
43244
43243
|
};
|
|
43245
43244
|
|
|
43246
|
-
var isClient$1 = typeof document !== 'undefined';
|
|
43247
|
-
|
|
43248
|
-
var noop$1 = function noop() {};
|
|
43249
|
-
var index$1 = isClient$1 ? useLayoutEffect : noop$1;
|
|
43250
|
-
|
|
43251
|
-
// https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
|
|
43252
|
-
const SafeReact$1 = {
|
|
43253
|
-
...React
|
|
43254
|
-
};
|
|
43255
|
-
const useInsertionEffect = SafeReact$1.useInsertionEffect;
|
|
43256
|
-
const useSafeInsertionEffect = useInsertionEffect || (fn => fn());
|
|
43257
|
-
function useEffectEvent(callback) {
|
|
43258
|
-
const ref = React.useRef(() => {
|
|
43259
|
-
if (process.env.NODE_ENV !== "production") {
|
|
43260
|
-
throw new Error('Cannot call an event handler while rendering.');
|
|
43261
|
-
}
|
|
43262
|
-
});
|
|
43263
|
-
useSafeInsertionEffect(() => {
|
|
43264
|
-
ref.current = callback;
|
|
43265
|
-
});
|
|
43266
|
-
return React.useCallback(function () {
|
|
43267
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
43268
|
-
args[_key] = arguments[_key];
|
|
43269
|
-
}
|
|
43270
|
-
return ref.current == null ? void 0 : ref.current(...args);
|
|
43271
|
-
}, []);
|
|
43272
|
-
}
|
|
43273
|
-
|
|
43274
|
-
var isClient = typeof document !== 'undefined';
|
|
43275
|
-
|
|
43276
|
-
var noop = function noop() {};
|
|
43277
|
-
var index = isClient ? useLayoutEffect : noop;
|
|
43278
|
-
|
|
43279
|
-
// Fork of `fast-deep-equal` that only does the comparisons we need and compares
|
|
43280
|
-
// functions
|
|
43281
|
-
function deepEqual(a, b) {
|
|
43282
|
-
if (a === b) {
|
|
43283
|
-
return true;
|
|
43284
|
-
}
|
|
43285
|
-
if (typeof a !== typeof b) {
|
|
43286
|
-
return false;
|
|
43287
|
-
}
|
|
43288
|
-
if (typeof a === 'function' && a.toString() === b.toString()) {
|
|
43289
|
-
return true;
|
|
43290
|
-
}
|
|
43291
|
-
let length;
|
|
43292
|
-
let i;
|
|
43293
|
-
let keys;
|
|
43294
|
-
if (a && b && typeof a === 'object') {
|
|
43295
|
-
if (Array.isArray(a)) {
|
|
43296
|
-
length = a.length;
|
|
43297
|
-
if (length !== b.length) return false;
|
|
43298
|
-
for (i = length; i-- !== 0;) {
|
|
43299
|
-
if (!deepEqual(a[i], b[i])) {
|
|
43300
|
-
return false;
|
|
43301
|
-
}
|
|
43302
|
-
}
|
|
43303
|
-
return true;
|
|
43304
|
-
}
|
|
43305
|
-
keys = Object.keys(a);
|
|
43306
|
-
length = keys.length;
|
|
43307
|
-
if (length !== Object.keys(b).length) {
|
|
43308
|
-
return false;
|
|
43309
|
-
}
|
|
43310
|
-
for (i = length; i-- !== 0;) {
|
|
43311
|
-
if (!{}.hasOwnProperty.call(b, keys[i])) {
|
|
43312
|
-
return false;
|
|
43313
|
-
}
|
|
43314
|
-
}
|
|
43315
|
-
for (i = length; i-- !== 0;) {
|
|
43316
|
-
const key = keys[i];
|
|
43317
|
-
if (key === '_owner' && a.$$typeof) {
|
|
43318
|
-
continue;
|
|
43319
|
-
}
|
|
43320
|
-
if (!deepEqual(a[key], b[key])) {
|
|
43321
|
-
return false;
|
|
43322
|
-
}
|
|
43323
|
-
}
|
|
43324
|
-
return true;
|
|
43325
|
-
}
|
|
43326
|
-
return a !== a && b !== b;
|
|
43327
|
-
}
|
|
43328
|
-
|
|
43329
|
-
function getDPR(element) {
|
|
43330
|
-
if (typeof window === 'undefined') {
|
|
43331
|
-
return 1;
|
|
43332
|
-
}
|
|
43333
|
-
const win = element.ownerDocument.defaultView || window;
|
|
43334
|
-
return win.devicePixelRatio || 1;
|
|
43335
|
-
}
|
|
43336
|
-
|
|
43337
|
-
function roundByDPR(element, value) {
|
|
43338
|
-
const dpr = getDPR(element);
|
|
43339
|
-
return Math.round(value * dpr) / dpr;
|
|
43340
|
-
}
|
|
43341
|
-
|
|
43342
|
-
function useLatestRef(value) {
|
|
43343
|
-
const ref = React.useRef(value);
|
|
43344
|
-
index(() => {
|
|
43345
|
-
ref.current = value;
|
|
43346
|
-
});
|
|
43347
|
-
return ref;
|
|
43348
|
-
}
|
|
43349
|
-
|
|
43350
|
-
/**
|
|
43351
|
-
* Provides data to position a floating element.
|
|
43352
|
-
* @see https://floating-ui.com/docs/useFloating
|
|
43353
|
-
*/
|
|
43354
|
-
function useFloating$1(options) {
|
|
43355
|
-
if (options === void 0) {
|
|
43356
|
-
options = {};
|
|
43357
|
-
}
|
|
43358
|
-
const {
|
|
43359
|
-
placement = 'bottom',
|
|
43360
|
-
strategy = 'absolute',
|
|
43361
|
-
middleware = [],
|
|
43362
|
-
platform,
|
|
43363
|
-
elements: {
|
|
43364
|
-
reference: externalReference,
|
|
43365
|
-
floating: externalFloating
|
|
43366
|
-
} = {},
|
|
43367
|
-
transform = true,
|
|
43368
|
-
whileElementsMounted,
|
|
43369
|
-
open
|
|
43370
|
-
} = options;
|
|
43371
|
-
const [data, setData] = React.useState({
|
|
43372
|
-
x: 0,
|
|
43373
|
-
y: 0,
|
|
43374
|
-
strategy,
|
|
43375
|
-
placement,
|
|
43376
|
-
middlewareData: {},
|
|
43377
|
-
isPositioned: false
|
|
43378
|
-
});
|
|
43379
|
-
const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
|
|
43380
|
-
if (!deepEqual(latestMiddleware, middleware)) {
|
|
43381
|
-
setLatestMiddleware(middleware);
|
|
43382
|
-
}
|
|
43383
|
-
const [_reference, _setReference] = React.useState(null);
|
|
43384
|
-
const [_floating, _setFloating] = React.useState(null);
|
|
43385
|
-
const setReference = React.useCallback(node => {
|
|
43386
|
-
if (node !== referenceRef.current) {
|
|
43387
|
-
referenceRef.current = node;
|
|
43388
|
-
_setReference(node);
|
|
43389
|
-
}
|
|
43390
|
-
}, []);
|
|
43391
|
-
const setFloating = React.useCallback(node => {
|
|
43392
|
-
if (node !== floatingRef.current) {
|
|
43393
|
-
floatingRef.current = node;
|
|
43394
|
-
_setFloating(node);
|
|
43395
|
-
}
|
|
43396
|
-
}, []);
|
|
43397
|
-
const referenceEl = externalReference || _reference;
|
|
43398
|
-
const floatingEl = externalFloating || _floating;
|
|
43399
|
-
const referenceRef = React.useRef(null);
|
|
43400
|
-
const floatingRef = React.useRef(null);
|
|
43401
|
-
const dataRef = React.useRef(data);
|
|
43402
|
-
const hasWhileElementsMounted = whileElementsMounted != null;
|
|
43403
|
-
const whileElementsMountedRef = useLatestRef(whileElementsMounted);
|
|
43404
|
-
const platformRef = useLatestRef(platform);
|
|
43405
|
-
const openRef = useLatestRef(open);
|
|
43406
|
-
const update = React.useCallback(() => {
|
|
43407
|
-
if (!referenceRef.current || !floatingRef.current) {
|
|
43408
|
-
return;
|
|
43409
|
-
}
|
|
43410
|
-
const config = {
|
|
43411
|
-
placement,
|
|
43412
|
-
strategy,
|
|
43413
|
-
middleware: latestMiddleware
|
|
43414
|
-
};
|
|
43415
|
-
if (platformRef.current) {
|
|
43416
|
-
config.platform = platformRef.current;
|
|
43417
|
-
}
|
|
43418
|
-
computePosition(referenceRef.current, floatingRef.current, config).then(data => {
|
|
43419
|
-
const fullData = {
|
|
43420
|
-
...data,
|
|
43421
|
-
// The floating element's position may be recomputed while it's closed
|
|
43422
|
-
// but still mounted (such as when transitioning out). To ensure
|
|
43423
|
-
// `isPositioned` will be `false` initially on the next open, avoid
|
|
43424
|
-
// setting it to `true` when `open === false` (must be specified).
|
|
43425
|
-
isPositioned: openRef.current !== false
|
|
43426
|
-
};
|
|
43427
|
-
if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
|
|
43428
|
-
dataRef.current = fullData;
|
|
43429
|
-
ReactDOM.flushSync(() => {
|
|
43430
|
-
setData(fullData);
|
|
43431
|
-
});
|
|
43432
|
-
}
|
|
43433
|
-
});
|
|
43434
|
-
}, [latestMiddleware, placement, strategy, platformRef, openRef]);
|
|
43435
|
-
index(() => {
|
|
43436
|
-
if (open === false && dataRef.current.isPositioned) {
|
|
43437
|
-
dataRef.current.isPositioned = false;
|
|
43438
|
-
setData(data => ({
|
|
43439
|
-
...data,
|
|
43440
|
-
isPositioned: false
|
|
43441
|
-
}));
|
|
43442
|
-
}
|
|
43443
|
-
}, [open]);
|
|
43444
|
-
const isMountedRef = React.useRef(false);
|
|
43445
|
-
index(() => {
|
|
43446
|
-
isMountedRef.current = true;
|
|
43447
|
-
return () => {
|
|
43448
|
-
isMountedRef.current = false;
|
|
43449
|
-
};
|
|
43450
|
-
}, []);
|
|
43451
|
-
index(() => {
|
|
43452
|
-
if (referenceEl) referenceRef.current = referenceEl;
|
|
43453
|
-
if (floatingEl) floatingRef.current = floatingEl;
|
|
43454
|
-
if (referenceEl && floatingEl) {
|
|
43455
|
-
if (whileElementsMountedRef.current) {
|
|
43456
|
-
return whileElementsMountedRef.current(referenceEl, floatingEl, update);
|
|
43457
|
-
}
|
|
43458
|
-
update();
|
|
43459
|
-
}
|
|
43460
|
-
}, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
|
|
43461
|
-
const refs = React.useMemo(() => ({
|
|
43462
|
-
reference: referenceRef,
|
|
43463
|
-
floating: floatingRef,
|
|
43464
|
-
setReference,
|
|
43465
|
-
setFloating
|
|
43466
|
-
}), [setReference, setFloating]);
|
|
43467
|
-
const elements = React.useMemo(() => ({
|
|
43468
|
-
reference: referenceEl,
|
|
43469
|
-
floating: floatingEl
|
|
43470
|
-
}), [referenceEl, floatingEl]);
|
|
43471
|
-
const floatingStyles = React.useMemo(() => {
|
|
43472
|
-
const initialStyles = {
|
|
43473
|
-
position: strategy,
|
|
43474
|
-
left: 0,
|
|
43475
|
-
top: 0
|
|
43476
|
-
};
|
|
43477
|
-
if (!elements.floating) {
|
|
43478
|
-
return initialStyles;
|
|
43479
|
-
}
|
|
43480
|
-
const x = roundByDPR(elements.floating, data.x);
|
|
43481
|
-
const y = roundByDPR(elements.floating, data.y);
|
|
43482
|
-
if (transform) {
|
|
43483
|
-
return {
|
|
43484
|
-
...initialStyles,
|
|
43485
|
-
transform: "translate(" + x + "px, " + y + "px)",
|
|
43486
|
-
...(getDPR(elements.floating) >= 1.5 && {
|
|
43487
|
-
willChange: 'transform'
|
|
43488
|
-
})
|
|
43489
|
-
};
|
|
43490
|
-
}
|
|
43491
|
-
return {
|
|
43492
|
-
position: strategy,
|
|
43493
|
-
left: x,
|
|
43494
|
-
top: y
|
|
43495
|
-
};
|
|
43496
|
-
}, [strategy, transform, elements.floating, data.x, data.y]);
|
|
43497
|
-
return React.useMemo(() => ({
|
|
43498
|
-
...data,
|
|
43499
|
-
update,
|
|
43500
|
-
refs,
|
|
43501
|
-
elements,
|
|
43502
|
-
floatingStyles
|
|
43503
|
-
}), [data, update, refs, elements, floatingStyles]);
|
|
43504
|
-
}
|
|
43505
|
-
|
|
43506
|
-
/**
|
|
43507
|
-
* Modifies the placement by translating the floating element along the
|
|
43508
|
-
* specified axes.
|
|
43509
|
-
* A number (shorthand for `mainAxis` or distance), or an axes configuration
|
|
43510
|
-
* object may be passed.
|
|
43511
|
-
* @see https://floating-ui.com/docs/offset
|
|
43512
|
-
*/
|
|
43513
|
-
const offset = (options, deps) => ({
|
|
43514
|
-
...offset$1(options),
|
|
43515
|
-
options: [options, deps]
|
|
43516
|
-
});
|
|
43517
|
-
|
|
43518
|
-
/**
|
|
43519
|
-
* Optimizes the visibility of the floating element by shifting it in order to
|
|
43520
|
-
* keep it in view when it will overflow the clipping boundary.
|
|
43521
|
-
* @see https://floating-ui.com/docs/shift
|
|
43522
|
-
*/
|
|
43523
|
-
const shift = (options, deps) => ({
|
|
43524
|
-
...shift$1(options),
|
|
43525
|
-
options: [options, deps]
|
|
43526
|
-
});
|
|
43527
|
-
|
|
43528
|
-
/**
|
|
43529
|
-
* Optimizes the visibility of the floating element by flipping the `placement`
|
|
43530
|
-
* in order to keep it in view when the preferred placement(s) will overflow the
|
|
43531
|
-
* clipping boundary. Alternative to `autoPlacement`.
|
|
43532
|
-
* @see https://floating-ui.com/docs/flip
|
|
43533
|
-
*/
|
|
43534
|
-
const flip = (options, deps) => ({
|
|
43535
|
-
...flip$1(options),
|
|
43536
|
-
options: [options, deps]
|
|
43537
|
-
});
|
|
43538
|
-
|
|
43539
|
-
// https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
|
|
43540
|
-
const SafeReact = {
|
|
43541
|
-
...React
|
|
43542
|
-
};
|
|
43543
|
-
|
|
43544
|
-
let serverHandoffComplete = false;
|
|
43545
|
-
let count = 0;
|
|
43546
|
-
const genId = () => // Ensure the id is unique with multiple independent versions of Floating UI
|
|
43547
|
-
// on <React 18
|
|
43548
|
-
"floating-ui-" + Math.random().toString(36).slice(2, 6) + count++;
|
|
43549
|
-
function useFloatingId() {
|
|
43550
|
-
const [id, setId] = React.useState(() => serverHandoffComplete ? genId() : undefined);
|
|
43551
|
-
index$1(() => {
|
|
43552
|
-
if (id == null) {
|
|
43553
|
-
setId(genId());
|
|
43554
|
-
}
|
|
43555
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
43556
|
-
}, []);
|
|
43557
|
-
React.useEffect(() => {
|
|
43558
|
-
serverHandoffComplete = true;
|
|
43559
|
-
}, []);
|
|
43560
|
-
return id;
|
|
43561
|
-
}
|
|
43562
|
-
const useReactId = SafeReact.useId;
|
|
43563
|
-
|
|
43564
|
-
/**
|
|
43565
|
-
* Uses React 18's built-in `useId()` when available, or falls back to a
|
|
43566
|
-
* slightly less performant (requiring a double render) implementation for
|
|
43567
|
-
* earlier React versions.
|
|
43568
|
-
* @see https://floating-ui.com/docs/react-utils#useid
|
|
43569
|
-
*/
|
|
43570
|
-
const useId = useReactId || useFloatingId;
|
|
43571
|
-
|
|
43572
|
-
let devMessageSet;
|
|
43573
|
-
if (process.env.NODE_ENV !== "production") {
|
|
43574
|
-
devMessageSet = /*#__PURE__*/new Set();
|
|
43575
|
-
}
|
|
43576
|
-
function error() {
|
|
43577
|
-
var _devMessageSet3;
|
|
43578
|
-
for (var _len2 = arguments.length, messages = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
43579
|
-
messages[_key2] = arguments[_key2];
|
|
43580
|
-
}
|
|
43581
|
-
const message = "Floating UI: " + messages.join(' ');
|
|
43582
|
-
if (!((_devMessageSet3 = devMessageSet) != null && _devMessageSet3.has(message))) {
|
|
43583
|
-
var _devMessageSet4;
|
|
43584
|
-
(_devMessageSet4 = devMessageSet) == null || _devMessageSet4.add(message);
|
|
43585
|
-
console.error(message);
|
|
43586
|
-
}
|
|
43587
|
-
}
|
|
43588
|
-
|
|
43589
|
-
function createEventEmitter() {
|
|
43590
|
-
const map = new Map();
|
|
43591
|
-
return {
|
|
43592
|
-
emit(event, data) {
|
|
43593
|
-
var _map$get;
|
|
43594
|
-
(_map$get = map.get(event)) == null || _map$get.forEach(listener => listener(data));
|
|
43595
|
-
},
|
|
43596
|
-
on(event, listener) {
|
|
43597
|
-
if (!map.has(event)) {
|
|
43598
|
-
map.set(event, new Set());
|
|
43599
|
-
}
|
|
43600
|
-
map.get(event).add(listener);
|
|
43601
|
-
},
|
|
43602
|
-
off(event, listener) {
|
|
43603
|
-
var _map$get2;
|
|
43604
|
-
(_map$get2 = map.get(event)) == null || _map$get2.delete(listener);
|
|
43605
|
-
}
|
|
43606
|
-
};
|
|
43607
|
-
}
|
|
43608
|
-
|
|
43609
|
-
const FloatingNodeContext = /*#__PURE__*/React.createContext(null);
|
|
43610
|
-
const FloatingTreeContext = /*#__PURE__*/React.createContext(null);
|
|
43611
|
-
|
|
43612
|
-
/**
|
|
43613
|
-
* Returns the parent node id for nested floating elements, if available.
|
|
43614
|
-
* Returns `null` for top-level floating elements.
|
|
43615
|
-
*/
|
|
43616
|
-
const useFloatingParentNodeId = () => {
|
|
43617
|
-
var _React$useContext;
|
|
43618
|
-
return ((_React$useContext = React.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) || null;
|
|
43619
|
-
};
|
|
43620
|
-
|
|
43621
|
-
/**
|
|
43622
|
-
* Returns the nearest floating tree context, if available.
|
|
43623
|
-
*/
|
|
43624
|
-
const useFloatingTree = () => React.useContext(FloatingTreeContext);
|
|
43625
|
-
|
|
43626
|
-
function useFloatingRootContext(options) {
|
|
43627
|
-
const {
|
|
43628
|
-
open = false,
|
|
43629
|
-
onOpenChange: onOpenChangeProp,
|
|
43630
|
-
elements: elementsProp
|
|
43631
|
-
} = options;
|
|
43632
|
-
const floatingId = useId();
|
|
43633
|
-
const dataRef = React.useRef({});
|
|
43634
|
-
const [events] = React.useState(() => createEventEmitter());
|
|
43635
|
-
const nested = useFloatingParentNodeId() != null;
|
|
43636
|
-
if (process.env.NODE_ENV !== "production") {
|
|
43637
|
-
const optionDomReference = elementsProp.reference;
|
|
43638
|
-
if (optionDomReference && !isElement(optionDomReference)) {
|
|
43639
|
-
error('Cannot pass a virtual element to the `elements.reference` option,', 'as it must be a real DOM element. Use `refs.setPositionReference()`', 'instead.');
|
|
43640
|
-
}
|
|
43641
|
-
}
|
|
43642
|
-
const [positionReference, setPositionReference] = React.useState(elementsProp.reference);
|
|
43643
|
-
const onOpenChange = useEffectEvent((open, event, reason) => {
|
|
43644
|
-
dataRef.current.openEvent = open ? event : undefined;
|
|
43645
|
-
events.emit('openchange', {
|
|
43646
|
-
open,
|
|
43647
|
-
event,
|
|
43648
|
-
reason,
|
|
43649
|
-
nested
|
|
43650
|
-
});
|
|
43651
|
-
onOpenChangeProp == null || onOpenChangeProp(open, event, reason);
|
|
43652
|
-
});
|
|
43653
|
-
const refs = React.useMemo(() => ({
|
|
43654
|
-
setPositionReference
|
|
43655
|
-
}), []);
|
|
43656
|
-
const elements = React.useMemo(() => ({
|
|
43657
|
-
reference: positionReference || elementsProp.reference || null,
|
|
43658
|
-
floating: elementsProp.floating || null,
|
|
43659
|
-
domReference: elementsProp.reference
|
|
43660
|
-
}), [positionReference, elementsProp.reference, elementsProp.floating]);
|
|
43661
|
-
return React.useMemo(() => ({
|
|
43662
|
-
dataRef,
|
|
43663
|
-
open,
|
|
43664
|
-
onOpenChange,
|
|
43665
|
-
elements,
|
|
43666
|
-
events,
|
|
43667
|
-
floatingId,
|
|
43668
|
-
refs
|
|
43669
|
-
}), [open, onOpenChange, elements, events, floatingId, refs]);
|
|
43670
|
-
}
|
|
43671
|
-
|
|
43672
|
-
/**
|
|
43673
|
-
* Provides data to position a floating element and context to add interactions.
|
|
43674
|
-
* @see https://floating-ui.com/docs/useFloating
|
|
43675
|
-
*/
|
|
43676
|
-
function useFloating(options) {
|
|
43677
|
-
if (options === void 0) {
|
|
43678
|
-
options = {};
|
|
43679
|
-
}
|
|
43680
|
-
const {
|
|
43681
|
-
nodeId
|
|
43682
|
-
} = options;
|
|
43683
|
-
const internalRootContext = useFloatingRootContext({
|
|
43684
|
-
...options,
|
|
43685
|
-
elements: {
|
|
43686
|
-
reference: null,
|
|
43687
|
-
floating: null,
|
|
43688
|
-
...options.elements
|
|
43689
|
-
}
|
|
43690
|
-
});
|
|
43691
|
-
const rootContext = options.rootContext || internalRootContext;
|
|
43692
|
-
const computedElements = rootContext.elements;
|
|
43693
|
-
const [_domReference, setDomReference] = React.useState(null);
|
|
43694
|
-
const [positionReference, _setPositionReference] = React.useState(null);
|
|
43695
|
-
const optionDomReference = computedElements == null ? void 0 : computedElements.domReference;
|
|
43696
|
-
const domReference = optionDomReference || _domReference;
|
|
43697
|
-
const domReferenceRef = React.useRef(null);
|
|
43698
|
-
const tree = useFloatingTree();
|
|
43699
|
-
index$1(() => {
|
|
43700
|
-
if (domReference) {
|
|
43701
|
-
domReferenceRef.current = domReference;
|
|
43702
|
-
}
|
|
43703
|
-
}, [domReference]);
|
|
43704
|
-
const position = useFloating$1({
|
|
43705
|
-
...options,
|
|
43706
|
-
elements: {
|
|
43707
|
-
...computedElements,
|
|
43708
|
-
...(positionReference && {
|
|
43709
|
-
reference: positionReference
|
|
43710
|
-
})
|
|
43711
|
-
}
|
|
43712
|
-
});
|
|
43713
|
-
const setPositionReference = React.useCallback(node => {
|
|
43714
|
-
const computedPositionReference = isElement(node) ? {
|
|
43715
|
-
getBoundingClientRect: () => node.getBoundingClientRect(),
|
|
43716
|
-
getClientRects: () => node.getClientRects(),
|
|
43717
|
-
contextElement: node
|
|
43718
|
-
} : node;
|
|
43719
|
-
// Store the positionReference in state if the DOM reference is specified externally via the
|
|
43720
|
-
// `elements.reference` option. This ensures that it won't be overridden on future renders.
|
|
43721
|
-
_setPositionReference(computedPositionReference);
|
|
43722
|
-
position.refs.setReference(computedPositionReference);
|
|
43723
|
-
}, [position.refs]);
|
|
43724
|
-
const setReference = React.useCallback(node => {
|
|
43725
|
-
if (isElement(node) || node === null) {
|
|
43726
|
-
domReferenceRef.current = node;
|
|
43727
|
-
setDomReference(node);
|
|
43728
|
-
}
|
|
43729
|
-
|
|
43730
|
-
// Backwards-compatibility for passing a virtual element to `reference`
|
|
43731
|
-
// after it has set the DOM reference.
|
|
43732
|
-
if (isElement(position.refs.reference.current) || position.refs.reference.current === null ||
|
|
43733
|
-
// Don't allow setting virtual elements using the old technique back to
|
|
43734
|
-
// `null` to support `positionReference` + an unstable `reference`
|
|
43735
|
-
// callback ref.
|
|
43736
|
-
node !== null && !isElement(node)) {
|
|
43737
|
-
position.refs.setReference(node);
|
|
43738
|
-
}
|
|
43739
|
-
}, [position.refs]);
|
|
43740
|
-
const refs = React.useMemo(() => ({
|
|
43741
|
-
...position.refs,
|
|
43742
|
-
setReference,
|
|
43743
|
-
setPositionReference,
|
|
43744
|
-
domReference: domReferenceRef
|
|
43745
|
-
}), [position.refs, setReference, setPositionReference]);
|
|
43746
|
-
const elements = React.useMemo(() => ({
|
|
43747
|
-
...position.elements,
|
|
43748
|
-
domReference: domReference
|
|
43749
|
-
}), [position.elements, domReference]);
|
|
43750
|
-
const context = React.useMemo(() => ({
|
|
43751
|
-
...position,
|
|
43752
|
-
...rootContext,
|
|
43753
|
-
refs,
|
|
43754
|
-
elements,
|
|
43755
|
-
nodeId
|
|
43756
|
-
}), [position, refs, elements, nodeId, rootContext]);
|
|
43757
|
-
index$1(() => {
|
|
43758
|
-
rootContext.dataRef.current.floatingContext = context;
|
|
43759
|
-
const node = tree == null ? void 0 : tree.nodesRef.current.find(node => node.id === nodeId);
|
|
43760
|
-
if (node) {
|
|
43761
|
-
node.context = context;
|
|
43762
|
-
}
|
|
43763
|
-
});
|
|
43764
|
-
return React.useMemo(() => ({
|
|
43765
|
-
...position,
|
|
43766
|
-
context,
|
|
43767
|
-
refs,
|
|
43768
|
-
elements
|
|
43769
|
-
}), [position, refs, elements, context]);
|
|
43770
|
-
}
|
|
43771
|
-
|
|
43772
43245
|
const OptionsMenu = ({
|
|
43773
43246
|
options = [],
|
|
43774
43247
|
onSelect,
|
|
43775
43248
|
triggerIcon: TriggerIcon = EllipsisVertical
|
|
43776
43249
|
}) => {
|
|
43777
43250
|
const { refs, floatingStyles } = useFloating({
|
|
43778
|
-
whileElementsMounted: autoUpdate,
|
|
43779
|
-
middleware: [offset(5), flip(), shift({ padding: 5 })]
|
|
43251
|
+
whileElementsMounted: autoUpdate$1,
|
|
43252
|
+
middleware: [offset$2(5), flip$2(), shift$2({ padding: 5 })]
|
|
43780
43253
|
});
|
|
43781
43254
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { as: "div", className: "options-menu-wrapper", children: [
|
|
43782
43255
|
/* @__PURE__ */ jsxRuntimeExports.jsx(MenuButton, { ref: refs.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriggerIcon, { size: 20 }) }),
|
|
43783
|
-
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
43256
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(Portal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
43784
43257
|
Transition,
|
|
43785
43258
|
{
|
|
43786
43259
|
as: Fragment,
|
|
@@ -43814,7 +43287,7 @@ const OptionsMenu = ({
|
|
|
43814
43287
|
}
|
|
43815
43288
|
)
|
|
43816
43289
|
}
|
|
43817
|
-
)
|
|
43290
|
+
) })
|
|
43818
43291
|
] });
|
|
43819
43292
|
};
|
|
43820
43293
|
|