unifyedx-storybook-new 0.1.7 → 0.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/unifyedx-storybook-new.css +167 -0
- package/dist/unifyedx-storybook-new.es.js +746 -154
- package/package.json +2 -1
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default, { forwardRef, createElement, useState, useMemo, useId as useId$2, createContext, useContext, useCallback, useRef, useLayoutEffect, useEffect, Fragment, useImperativeHandle } from 'react';
|
|
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';
|
|
3
4
|
import { motion, AnimatePresence } from 'framer-motion';
|
|
5
|
+
import * as ReactDOM from 'react-dom';
|
|
4
6
|
|
|
5
7
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
6
8
|
|
|
@@ -374,7 +376,7 @@ function requireReactJsxRuntime_development () {
|
|
|
374
376
|
node._store &&
|
|
375
377
|
(node._store.validated = 1);
|
|
376
378
|
}
|
|
377
|
-
var React
|
|
379
|
+
var React = React__default,
|
|
378
380
|
REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
|
|
379
381
|
REACT_PORTAL_TYPE = Symbol.for("react.portal"),
|
|
380
382
|
REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
|
|
@@ -390,7 +392,7 @@ function requireReactJsxRuntime_development () {
|
|
|
390
392
|
REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
|
|
391
393
|
REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
|
|
392
394
|
ReactSharedInternals =
|
|
393
|
-
React
|
|
395
|
+
React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
|
|
394
396
|
hasOwnProperty = Object.prototype.hasOwnProperty,
|
|
395
397
|
isArrayImpl = Array.isArray,
|
|
396
398
|
createTask = console.createTask
|
|
@@ -398,15 +400,15 @@ function requireReactJsxRuntime_development () {
|
|
|
398
400
|
: function () {
|
|
399
401
|
return null;
|
|
400
402
|
};
|
|
401
|
-
React
|
|
403
|
+
React = {
|
|
402
404
|
"react-stack-bottom-frame": function (callStackForError) {
|
|
403
405
|
return callStackForError();
|
|
404
406
|
}
|
|
405
407
|
};
|
|
406
408
|
var specialPropKeyWarningShown;
|
|
407
409
|
var didWarnAboutElementRef = {};
|
|
408
|
-
var unknownOwnerDebugStack = React
|
|
409
|
-
React
|
|
410
|
+
var unknownOwnerDebugStack = React["react-stack-bottom-frame"].bind(
|
|
411
|
+
React,
|
|
410
412
|
UnknownOwner
|
|
411
413
|
)();
|
|
412
414
|
var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
|
|
@@ -581,11 +583,11 @@ const createLucideIcon = (iconName, iconNode) => {
|
|
|
581
583
|
*/
|
|
582
584
|
|
|
583
585
|
|
|
584
|
-
const __iconNode$
|
|
586
|
+
const __iconNode$m = [
|
|
585
587
|
["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
|
|
586
588
|
["path", { d: "M19 12H5", key: "x3x0zl" }]
|
|
587
589
|
];
|
|
588
|
-
const ArrowLeft = createLucideIcon("arrow-left", __iconNode$
|
|
590
|
+
const ArrowLeft = createLucideIcon("arrow-left", __iconNode$m);
|
|
589
591
|
|
|
590
592
|
/**
|
|
591
593
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -595,13 +597,13 @@ const ArrowLeft = createLucideIcon("arrow-left", __iconNode$l);
|
|
|
595
597
|
*/
|
|
596
598
|
|
|
597
599
|
|
|
598
|
-
const __iconNode$
|
|
600
|
+
const __iconNode$l = [
|
|
599
601
|
["path", { d: "M8 2v4", key: "1cmpym" }],
|
|
600
602
|
["path", { d: "M16 2v4", key: "4m81vk" }],
|
|
601
603
|
["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
|
|
602
604
|
["path", { d: "M3 10h18", key: "8toen8" }]
|
|
603
605
|
];
|
|
604
|
-
const Calendar$1 = createLucideIcon("calendar", __iconNode$
|
|
606
|
+
const Calendar$1 = createLucideIcon("calendar", __iconNode$l);
|
|
605
607
|
|
|
606
608
|
/**
|
|
607
609
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -611,8 +613,8 @@ const Calendar$1 = createLucideIcon("calendar", __iconNode$k);
|
|
|
611
613
|
*/
|
|
612
614
|
|
|
613
615
|
|
|
614
|
-
const __iconNode$
|
|
615
|
-
const Check = createLucideIcon("check", __iconNode$
|
|
616
|
+
const __iconNode$k = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
|
|
617
|
+
const Check = createLucideIcon("check", __iconNode$k);
|
|
616
618
|
|
|
617
619
|
/**
|
|
618
620
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -622,8 +624,8 @@ const Check = createLucideIcon("check", __iconNode$j);
|
|
|
622
624
|
*/
|
|
623
625
|
|
|
624
626
|
|
|
625
|
-
const __iconNode$
|
|
626
|
-
const ChevronDown = createLucideIcon("chevron-down", __iconNode$
|
|
627
|
+
const __iconNode$j = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
|
|
628
|
+
const ChevronDown = createLucideIcon("chevron-down", __iconNode$j);
|
|
627
629
|
|
|
628
630
|
/**
|
|
629
631
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -633,8 +635,8 @@ const ChevronDown = createLucideIcon("chevron-down", __iconNode$i);
|
|
|
633
635
|
*/
|
|
634
636
|
|
|
635
637
|
|
|
636
|
-
const __iconNode$
|
|
637
|
-
const ChevronLeft = createLucideIcon("chevron-left", __iconNode$
|
|
638
|
+
const __iconNode$i = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
|
|
639
|
+
const ChevronLeft = createLucideIcon("chevron-left", __iconNode$i);
|
|
638
640
|
|
|
639
641
|
/**
|
|
640
642
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -644,8 +646,8 @@ const ChevronLeft = createLucideIcon("chevron-left", __iconNode$h);
|
|
|
644
646
|
*/
|
|
645
647
|
|
|
646
648
|
|
|
647
|
-
const __iconNode$
|
|
648
|
-
const ChevronRight = createLucideIcon("chevron-right", __iconNode$
|
|
649
|
+
const __iconNode$h = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
|
|
650
|
+
const ChevronRight = createLucideIcon("chevron-right", __iconNode$h);
|
|
649
651
|
|
|
650
652
|
/**
|
|
651
653
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -655,11 +657,11 @@ const ChevronRight = createLucideIcon("chevron-right", __iconNode$g);
|
|
|
655
657
|
*/
|
|
656
658
|
|
|
657
659
|
|
|
658
|
-
const __iconNode$
|
|
660
|
+
const __iconNode$g = [
|
|
659
661
|
["path", { d: "m11 17-5-5 5-5", key: "13zhaf" }],
|
|
660
662
|
["path", { d: "m18 17-5-5 5-5", key: "h8a8et" }]
|
|
661
663
|
];
|
|
662
|
-
const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$
|
|
664
|
+
const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$g);
|
|
663
665
|
|
|
664
666
|
/**
|
|
665
667
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -669,11 +671,11 @@ const ChevronsLeft = createLucideIcon("chevrons-left", __iconNode$f);
|
|
|
669
671
|
*/
|
|
670
672
|
|
|
671
673
|
|
|
672
|
-
const __iconNode$
|
|
674
|
+
const __iconNode$f = [
|
|
673
675
|
["path", { d: "m6 17 5-5-5-5", key: "xnjwq" }],
|
|
674
676
|
["path", { d: "m13 17 5-5-5-5", key: "17xmmf" }]
|
|
675
677
|
];
|
|
676
|
-
const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$
|
|
678
|
+
const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$f);
|
|
677
679
|
|
|
678
680
|
/**
|
|
679
681
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -683,11 +685,11 @@ const ChevronsRight = createLucideIcon("chevrons-right", __iconNode$e);
|
|
|
683
685
|
*/
|
|
684
686
|
|
|
685
687
|
|
|
686
|
-
const __iconNode$
|
|
688
|
+
const __iconNode$e = [
|
|
687
689
|
["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
|
|
688
690
|
["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
|
|
689
691
|
];
|
|
690
|
-
const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$
|
|
692
|
+
const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$e);
|
|
691
693
|
|
|
692
694
|
/**
|
|
693
695
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -697,11 +699,11 @@ const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$d);
|
|
|
697
699
|
*/
|
|
698
700
|
|
|
699
701
|
|
|
700
|
-
const __iconNode$
|
|
702
|
+
const __iconNode$d = [
|
|
701
703
|
["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
|
|
702
704
|
["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
|
|
703
705
|
];
|
|
704
|
-
const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$
|
|
706
|
+
const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$d);
|
|
705
707
|
|
|
706
708
|
/**
|
|
707
709
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -711,12 +713,27 @@ const CircleCheckBig = createLucideIcon("circle-check-big", __iconNode$c);
|
|
|
711
713
|
*/
|
|
712
714
|
|
|
713
715
|
|
|
714
|
-
const __iconNode$
|
|
716
|
+
const __iconNode$c = [
|
|
715
717
|
["path", { d: "M12 13v8", key: "1l5pq0" }],
|
|
716
718
|
["path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242", key: "1pljnt" }],
|
|
717
719
|
["path", { d: "m8 17 4-4 4 4", key: "1quai1" }]
|
|
718
720
|
];
|
|
719
|
-
const CloudUpload = createLucideIcon("cloud-upload", __iconNode$
|
|
721
|
+
const CloudUpload = createLucideIcon("cloud-upload", __iconNode$c);
|
|
722
|
+
|
|
723
|
+
/**
|
|
724
|
+
* @license lucide-react v0.525.0 - ISC
|
|
725
|
+
*
|
|
726
|
+
* This source code is licensed under the ISC license.
|
|
727
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
728
|
+
*/
|
|
729
|
+
|
|
730
|
+
|
|
731
|
+
const __iconNode$b = [
|
|
732
|
+
["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
|
|
733
|
+
["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
|
|
734
|
+
["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
|
|
735
|
+
];
|
|
736
|
+
const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$b);
|
|
720
737
|
|
|
721
738
|
/**
|
|
722
739
|
* @license lucide-react v0.525.0 - ISC
|
|
@@ -1024,7 +1041,7 @@ const Avatar = ({
|
|
|
1024
1041
|
] });
|
|
1025
1042
|
};
|
|
1026
1043
|
const AvatarGroup = ({ children, max = 4, ...props }) => {
|
|
1027
|
-
const avatars =
|
|
1044
|
+
const avatars = React__default.Children.toArray(children);
|
|
1028
1045
|
const visibleAvatars = avatars.slice(0, max);
|
|
1029
1046
|
const hiddenCount = avatars.length - max;
|
|
1030
1047
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "avatar-group-container", ...props, children: [
|
|
@@ -2399,7 +2416,7 @@ const Checkbox = ({
|
|
|
2399
2416
|
onChange,
|
|
2400
2417
|
...props
|
|
2401
2418
|
}) => {
|
|
2402
|
-
const autoId = useId$
|
|
2419
|
+
const autoId = useId$2();
|
|
2403
2420
|
const checkboxId = id || autoId;
|
|
2404
2421
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `checkbox-container ${className || ""}`, children: [
|
|
2405
2422
|
/* @__PURE__ */ jsxRuntimeExports.jsxs("label", { htmlFor: checkboxId, className: "checkbox-wrapper", children: [
|
|
@@ -7432,7 +7449,7 @@ function getClassNamesForModifiers(modifiers, classNames, modifiersClassNames =
|
|
|
7432
7449
|
* @deprecated Use `PreviousMonthButton` or `@link NextMonthButton` instead.
|
|
7433
7450
|
*/
|
|
7434
7451
|
function Button(props) {
|
|
7435
|
-
return
|
|
7452
|
+
return React__default.createElement("button", { ...props });
|
|
7436
7453
|
}
|
|
7437
7454
|
|
|
7438
7455
|
/**
|
|
@@ -7442,7 +7459,7 @@ function Button(props) {
|
|
|
7442
7459
|
* @see https://daypicker.dev/guides/custom-components
|
|
7443
7460
|
*/
|
|
7444
7461
|
function CaptionLabel(props) {
|
|
7445
|
-
return
|
|
7462
|
+
return React__default.createElement("span", { ...props });
|
|
7446
7463
|
}
|
|
7447
7464
|
|
|
7448
7465
|
/**
|
|
@@ -7453,11 +7470,11 @@ function CaptionLabel(props) {
|
|
|
7453
7470
|
*/
|
|
7454
7471
|
function Chevron(props) {
|
|
7455
7472
|
const { size = 24, orientation = "left", className } = props;
|
|
7456
|
-
return (
|
|
7457
|
-
orientation === "up" && (
|
|
7458
|
-
orientation === "down" && (
|
|
7459
|
-
orientation === "left" && (
|
|
7460
|
-
orientation === "right" && (
|
|
7473
|
+
return (React__default.createElement("svg", { className: className, width: size, height: size, viewBox: "0 0 24 24" },
|
|
7474
|
+
orientation === "up" && (React__default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
|
|
7475
|
+
orientation === "down" && (React__default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
|
|
7476
|
+
orientation === "left" && (React__default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" })),
|
|
7477
|
+
orientation === "right" && (React__default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" }))));
|
|
7461
7478
|
}
|
|
7462
7479
|
|
|
7463
7480
|
/**
|
|
@@ -7472,7 +7489,7 @@ function Chevron(props) {
|
|
|
7472
7489
|
*/
|
|
7473
7490
|
function Day(props) {
|
|
7474
7491
|
const { day, modifiers, ...tdProps } = props;
|
|
7475
|
-
return
|
|
7492
|
+
return React__default.createElement("td", { ...tdProps });
|
|
7476
7493
|
}
|
|
7477
7494
|
|
|
7478
7495
|
/**
|
|
@@ -7483,12 +7500,12 @@ function Day(props) {
|
|
|
7483
7500
|
*/
|
|
7484
7501
|
function DayButton(props) {
|
|
7485
7502
|
const { day, modifiers, ...buttonProps } = props;
|
|
7486
|
-
const ref =
|
|
7487
|
-
|
|
7503
|
+
const ref = React__default.useRef(null);
|
|
7504
|
+
React__default.useEffect(() => {
|
|
7488
7505
|
if (modifiers.focused)
|
|
7489
7506
|
ref.current?.focus();
|
|
7490
7507
|
}, [modifiers.focused]);
|
|
7491
|
-
return
|
|
7508
|
+
return React__default.createElement("button", { ref: ref, ...buttonProps });
|
|
7492
7509
|
}
|
|
7493
7510
|
|
|
7494
7511
|
/**
|
|
@@ -7501,11 +7518,11 @@ function Dropdown(props) {
|
|
|
7501
7518
|
const { options, className, components, classNames, ...selectProps } = props;
|
|
7502
7519
|
const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
|
|
7503
7520
|
const selectedOption = options?.find(({ value }) => value === selectProps.value);
|
|
7504
|
-
return (
|
|
7505
|
-
|
|
7506
|
-
|
|
7521
|
+
return (React__default.createElement("span", { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
|
|
7522
|
+
React__default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => (React__default.createElement(components.Option, { key: value, value: value, disabled: disabled }, label)))),
|
|
7523
|
+
React__default.createElement("span", { className: classNames[UI.CaptionLabel], "aria-hidden": true },
|
|
7507
7524
|
selectedOption?.label,
|
|
7508
|
-
|
|
7525
|
+
React__default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] }))));
|
|
7509
7526
|
}
|
|
7510
7527
|
|
|
7511
7528
|
/**
|
|
@@ -7515,7 +7532,7 @@ function Dropdown(props) {
|
|
|
7515
7532
|
* @see https://daypicker.dev/guides/custom-components
|
|
7516
7533
|
*/
|
|
7517
7534
|
function DropdownNav(props) {
|
|
7518
|
-
return
|
|
7535
|
+
return React__default.createElement("div", { ...props });
|
|
7519
7536
|
}
|
|
7520
7537
|
|
|
7521
7538
|
/**
|
|
@@ -7525,7 +7542,7 @@ function DropdownNav(props) {
|
|
|
7525
7542
|
* @see https://daypicker.dev/guides/custom-components
|
|
7526
7543
|
*/
|
|
7527
7544
|
function Footer(props) {
|
|
7528
|
-
return
|
|
7545
|
+
return React__default.createElement("div", { ...props });
|
|
7529
7546
|
}
|
|
7530
7547
|
|
|
7531
7548
|
/**
|
|
@@ -7537,7 +7554,7 @@ function Footer(props) {
|
|
|
7537
7554
|
*/
|
|
7538
7555
|
function Month$1(props) {
|
|
7539
7556
|
const { calendarMonth, displayIndex, ...divProps } = props;
|
|
7540
|
-
return
|
|
7557
|
+
return React__default.createElement("div", { ...divProps }, props.children);
|
|
7541
7558
|
}
|
|
7542
7559
|
|
|
7543
7560
|
/**
|
|
@@ -7548,7 +7565,7 @@ function Month$1(props) {
|
|
|
7548
7565
|
*/
|
|
7549
7566
|
function MonthCaption(props) {
|
|
7550
7567
|
const { calendarMonth, displayIndex, ...divProps } = props;
|
|
7551
|
-
return
|
|
7568
|
+
return React__default.createElement("div", { ...divProps });
|
|
7552
7569
|
}
|
|
7553
7570
|
|
|
7554
7571
|
/**
|
|
@@ -7558,7 +7575,7 @@ function MonthCaption(props) {
|
|
|
7558
7575
|
* @see https://daypicker.dev/guides/custom-components
|
|
7559
7576
|
*/
|
|
7560
7577
|
function MonthGrid(props) {
|
|
7561
|
-
return
|
|
7578
|
+
return React__default.createElement("table", { ...props });
|
|
7562
7579
|
}
|
|
7563
7580
|
|
|
7564
7581
|
/**
|
|
@@ -7568,7 +7585,7 @@ function MonthGrid(props) {
|
|
|
7568
7585
|
* @see https://daypicker.dev/guides/custom-components
|
|
7569
7586
|
*/
|
|
7570
7587
|
function Months(props) {
|
|
7571
|
-
return
|
|
7588
|
+
return React__default.createElement("div", { ...props });
|
|
7572
7589
|
}
|
|
7573
7590
|
|
|
7574
7591
|
/** @ignore */
|
|
@@ -7601,7 +7618,7 @@ function useDayPicker() {
|
|
|
7601
7618
|
*/
|
|
7602
7619
|
function MonthsDropdown(props) {
|
|
7603
7620
|
const { components } = useDayPicker();
|
|
7604
|
-
return
|
|
7621
|
+
return React__default.createElement(components.Dropdown, { ...props });
|
|
7605
7622
|
}
|
|
7606
7623
|
|
|
7607
7624
|
/**
|
|
@@ -7623,11 +7640,11 @@ function Nav(props) {
|
|
|
7623
7640
|
onPreviousClick?.(e);
|
|
7624
7641
|
}
|
|
7625
7642
|
}, [previousMonth, onPreviousClick]);
|
|
7626
|
-
return (
|
|
7627
|
-
|
|
7628
|
-
|
|
7629
|
-
|
|
7630
|
-
|
|
7643
|
+
return (React__default.createElement("nav", { ...navProps },
|
|
7644
|
+
React__default.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick },
|
|
7645
|
+
React__default.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: "left" })),
|
|
7646
|
+
React__default.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick },
|
|
7647
|
+
React__default.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, orientation: "right", className: classNames[UI.Chevron] }))));
|
|
7631
7648
|
}
|
|
7632
7649
|
|
|
7633
7650
|
/**
|
|
@@ -7638,7 +7655,7 @@ function Nav(props) {
|
|
|
7638
7655
|
*/
|
|
7639
7656
|
function NextMonthButton(props) {
|
|
7640
7657
|
const { components } = useDayPicker();
|
|
7641
|
-
return
|
|
7658
|
+
return React__default.createElement(components.Button, { ...props });
|
|
7642
7659
|
}
|
|
7643
7660
|
|
|
7644
7661
|
/**
|
|
@@ -7648,7 +7665,7 @@ function NextMonthButton(props) {
|
|
|
7648
7665
|
* @see https://daypicker.dev/guides/custom-components
|
|
7649
7666
|
*/
|
|
7650
7667
|
function Option(props) {
|
|
7651
|
-
return
|
|
7668
|
+
return React__default.createElement("option", { ...props });
|
|
7652
7669
|
}
|
|
7653
7670
|
|
|
7654
7671
|
/**
|
|
@@ -7659,7 +7676,7 @@ function Option(props) {
|
|
|
7659
7676
|
*/
|
|
7660
7677
|
function PreviousMonthButton(props) {
|
|
7661
7678
|
const { components } = useDayPicker();
|
|
7662
|
-
return
|
|
7679
|
+
return React__default.createElement(components.Button, { ...props });
|
|
7663
7680
|
}
|
|
7664
7681
|
|
|
7665
7682
|
/**
|
|
@@ -7670,7 +7687,7 @@ function PreviousMonthButton(props) {
|
|
|
7670
7687
|
*/
|
|
7671
7688
|
function Root(props) {
|
|
7672
7689
|
const { rootRef, ...rest } = props;
|
|
7673
|
-
return
|
|
7690
|
+
return React__default.createElement("div", { ...rest, ref: rootRef });
|
|
7674
7691
|
}
|
|
7675
7692
|
|
|
7676
7693
|
/**
|
|
@@ -7680,7 +7697,7 @@ function Root(props) {
|
|
|
7680
7697
|
* @see https://daypicker.dev/guides/custom-components
|
|
7681
7698
|
*/
|
|
7682
7699
|
function Select$1(props) {
|
|
7683
|
-
return
|
|
7700
|
+
return React__default.createElement("select", { ...props });
|
|
7684
7701
|
}
|
|
7685
7702
|
|
|
7686
7703
|
/**
|
|
@@ -7691,7 +7708,7 @@ function Select$1(props) {
|
|
|
7691
7708
|
*/
|
|
7692
7709
|
function Week(props) {
|
|
7693
7710
|
const { week, ...trProps } = props;
|
|
7694
|
-
return
|
|
7711
|
+
return React__default.createElement("tr", { ...trProps });
|
|
7695
7712
|
}
|
|
7696
7713
|
|
|
7697
7714
|
/**
|
|
@@ -7701,7 +7718,7 @@ function Week(props) {
|
|
|
7701
7718
|
* @see https://daypicker.dev/guides/custom-components
|
|
7702
7719
|
*/
|
|
7703
7720
|
function Weekday(props) {
|
|
7704
|
-
return
|
|
7721
|
+
return React__default.createElement("th", { ...props });
|
|
7705
7722
|
}
|
|
7706
7723
|
|
|
7707
7724
|
/**
|
|
@@ -7711,8 +7728,8 @@ function Weekday(props) {
|
|
|
7711
7728
|
* @see https://daypicker.dev/guides/custom-components
|
|
7712
7729
|
*/
|
|
7713
7730
|
function Weekdays(props) {
|
|
7714
|
-
return (
|
|
7715
|
-
|
|
7731
|
+
return (React__default.createElement("thead", { "aria-hidden": true },
|
|
7732
|
+
React__default.createElement("tr", { ...props })));
|
|
7716
7733
|
}
|
|
7717
7734
|
|
|
7718
7735
|
/**
|
|
@@ -7723,7 +7740,7 @@ function Weekdays(props) {
|
|
|
7723
7740
|
*/
|
|
7724
7741
|
function WeekNumber(props) {
|
|
7725
7742
|
const { week, ...thProps } = props;
|
|
7726
|
-
return
|
|
7743
|
+
return React__default.createElement("th", { ...thProps });
|
|
7727
7744
|
}
|
|
7728
7745
|
|
|
7729
7746
|
/**
|
|
@@ -7733,7 +7750,7 @@ function WeekNumber(props) {
|
|
|
7733
7750
|
* @see https://daypicker.dev/guides/custom-components
|
|
7734
7751
|
*/
|
|
7735
7752
|
function WeekNumberHeader(props) {
|
|
7736
|
-
return
|
|
7753
|
+
return React__default.createElement("th", { ...props });
|
|
7737
7754
|
}
|
|
7738
7755
|
|
|
7739
7756
|
/**
|
|
@@ -7743,7 +7760,7 @@ function WeekNumberHeader(props) {
|
|
|
7743
7760
|
* @see https://daypicker.dev/guides/custom-components
|
|
7744
7761
|
*/
|
|
7745
7762
|
function Weeks(props) {
|
|
7746
|
-
return
|
|
7763
|
+
return React__default.createElement("tbody", { ...props });
|
|
7747
7764
|
}
|
|
7748
7765
|
|
|
7749
7766
|
/**
|
|
@@ -7754,7 +7771,7 @@ function Weeks(props) {
|
|
|
7754
7771
|
*/
|
|
7755
7772
|
function YearsDropdown(props) {
|
|
7756
7773
|
const { components } = useDayPicker();
|
|
7757
|
-
return
|
|
7774
|
+
return React__default.createElement(components.Dropdown, { ...props });
|
|
7758
7775
|
}
|
|
7759
7776
|
|
|
7760
7777
|
const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
|
|
@@ -9650,24 +9667,24 @@ function DayPicker(initialProps) {
|
|
|
9650
9667
|
labels,
|
|
9651
9668
|
formatters
|
|
9652
9669
|
};
|
|
9653
|
-
return (
|
|
9654
|
-
|
|
9655
|
-
|
|
9656
|
-
!props.hideNavigation && !navLayout && (
|
|
9670
|
+
return (React__default.createElement(dayPickerContext.Provider, { value: contextValue },
|
|
9671
|
+
React__default.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 },
|
|
9672
|
+
React__default.createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
|
|
9673
|
+
!props.hideNavigation && !navLayout && (React__default.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 })),
|
|
9657
9674
|
months.map((calendarMonth, displayIndex) => {
|
|
9658
9675
|
const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib);
|
|
9659
9676
|
const dropdownYears = getYearOptions(navStart, navEnd, formatters, dateLib);
|
|
9660
|
-
return (
|
|
9677
|
+
return (React__default.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI.Month], style: styles?.[UI.Month], key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
|
|
9661
9678
|
navLayout === "around" &&
|
|
9662
9679
|
!props.hideNavigation &&
|
|
9663
|
-
displayIndex === 0 && (
|
|
9664
|
-
|
|
9665
|
-
|
|
9680
|
+
displayIndex === 0 && (React__default.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 },
|
|
9681
|
+
React__default.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
|
|
9682
|
+
React__default.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__default.createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
|
|
9666
9683
|
captionLayout === "dropdown" ||
|
|
9667
|
-
captionLayout === "dropdown-months" ? (
|
|
9684
|
+
captionLayout === "dropdown-months" ? (React__default.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__default.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
|
|
9668
9685
|
captionLayout === "dropdown" ||
|
|
9669
|
-
captionLayout === "dropdown-years" ? (
|
|
9670
|
-
|
|
9686
|
+
captionLayout === "dropdown-years" ? (React__default.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__default.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
|
|
9687
|
+
React__default.createElement("span", { role: "status", "aria-live": "polite", style: {
|
|
9671
9688
|
border: 0,
|
|
9672
9689
|
clip: "rect(0 0 0 0)",
|
|
9673
9690
|
height: "1px",
|
|
@@ -9678,22 +9695,22 @@ function DayPicker(initialProps) {
|
|
|
9678
9695
|
width: "1px",
|
|
9679
9696
|
whiteSpace: "nowrap",
|
|
9680
9697
|
wordWrap: "normal"
|
|
9681
|
-
} }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (
|
|
9698
|
+
} }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (React__default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
|
|
9682
9699
|
navLayout === "around" &&
|
|
9683
9700
|
!props.hideNavigation &&
|
|
9684
|
-
displayIndex === numberOfMonths - 1 && (
|
|
9685
|
-
|
|
9701
|
+
displayIndex === numberOfMonths - 1 && (React__default.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 },
|
|
9702
|
+
React__default.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" }))),
|
|
9686
9703
|
displayIndex === numberOfMonths - 1 &&
|
|
9687
9704
|
navLayout === "after" &&
|
|
9688
|
-
!props.hideNavigation && (
|
|
9689
|
-
|
|
9705
|
+
!props.hideNavigation && (React__default.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 })),
|
|
9706
|
+
React__default.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) ||
|
|
9690
9707
|
undefined, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
|
|
9691
|
-
!props.hideWeekdays && (
|
|
9692
|
-
showWeekNumber && (
|
|
9693
|
-
weekdays.map((weekday, i) => (
|
|
9694
|
-
|
|
9695
|
-
return (
|
|
9696
|
-
showWeekNumber && (
|
|
9708
|
+
!props.hideWeekdays && (React__default.createElement(components.Weekdays, { "data-animated-weekdays": props.animate ? "true" : undefined, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
|
|
9709
|
+
showWeekNumber && (React__default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader())),
|
|
9710
|
+
weekdays.map((weekday, i) => (React__default.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)))))),
|
|
9711
|
+
React__default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : undefined, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
|
|
9712
|
+
return (React__default.createElement(components.Week, { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week: week },
|
|
9713
|
+
showWeekNumber && (React__default.createElement(components.WeekNumber, { week: week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
|
|
9697
9714
|
locale
|
|
9698
9715
|
}), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber(week.weekNumber, dateLib))),
|
|
9699
9716
|
week.days.map((day) => {
|
|
@@ -9717,14 +9734,14 @@ function DayPicker(initialProps) {
|
|
|
9717
9734
|
const ariaLabel = !isInteractive && !modifiers.hidden
|
|
9718
9735
|
? labelGridcell(date, modifiers, dateLib.options, dateLib)
|
|
9719
9736
|
: undefined;
|
|
9720
|
-
return (
|
|
9737
|
+
return (React__default.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
|
|
9721
9738
|
? dateLib.format(date, "yyyy-MM")
|
|
9722
|
-
: 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 ? (
|
|
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 ? (React__default.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 &&
|
|
9723
9740
|
formatDay(day.date, dateLib.options, dateLib))));
|
|
9724
9741
|
})));
|
|
9725
9742
|
})))));
|
|
9726
9743
|
})),
|
|
9727
|
-
props.footer && (
|
|
9744
|
+
props.footer && (React__default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
|
|
9728
9745
|
}
|
|
9729
9746
|
|
|
9730
9747
|
const Popover = ({ children }) => {
|
|
@@ -9877,86 +9894,86 @@ var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return "string"==type
|
|
|
9877
9894
|
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"]);}
|
|
9878
9895
|
|
|
9879
9896
|
var glyphs = {
|
|
9880
|
-
'3d': /*#__PURE__*/
|
|
9897
|
+
'3d': /*#__PURE__*/React__default.createElement("path", {
|
|
9881
9898
|
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",
|
|
9882
9899
|
transform: "translate(15 10)",
|
|
9883
9900
|
fillRule: "evenodd"
|
|
9884
9901
|
}),
|
|
9885
|
-
acrobat: /*#__PURE__*/
|
|
9902
|
+
acrobat: /*#__PURE__*/React__default.createElement("path", {
|
|
9886
9903
|
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",
|
|
9887
9904
|
transform: "translate(14 9)",
|
|
9888
9905
|
fillRule: "evenodd"
|
|
9889
9906
|
}),
|
|
9890
|
-
android: /*#__PURE__*/
|
|
9907
|
+
android: /*#__PURE__*/React__default.createElement("path", {
|
|
9891
9908
|
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",
|
|
9892
9909
|
transform: "translate(12 8)"
|
|
9893
9910
|
}),
|
|
9894
|
-
audio: /*#__PURE__*/
|
|
9911
|
+
audio: /*#__PURE__*/React__default.createElement("path", {
|
|
9895
9912
|
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",
|
|
9896
9913
|
transform: "translate(17 12)",
|
|
9897
9914
|
fillRule: "evenodd"
|
|
9898
9915
|
}),
|
|
9899
|
-
binary: /*#__PURE__*/
|
|
9916
|
+
binary: /*#__PURE__*/React__default.createElement("path", {
|
|
9900
9917
|
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",
|
|
9901
9918
|
transform: "translate(16 11)",
|
|
9902
9919
|
fillRule: "evenodd"
|
|
9903
9920
|
}),
|
|
9904
|
-
code: /*#__PURE__*/
|
|
9921
|
+
code: /*#__PURE__*/React__default.createElement("path", {
|
|
9905
9922
|
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",
|
|
9906
9923
|
transform: "translate(16 13)",
|
|
9907
9924
|
fillRule: "evenodd"
|
|
9908
9925
|
}),
|
|
9909
|
-
code2: /*#__PURE__*/
|
|
9926
|
+
code2: /*#__PURE__*/React__default.createElement("path", {
|
|
9910
9927
|
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",
|
|
9911
9928
|
transform: "translate(14 14)",
|
|
9912
9929
|
fillRule: "evenodd"
|
|
9913
9930
|
}),
|
|
9914
|
-
compressed: /*#__PURE__*/
|
|
9931
|
+
compressed: /*#__PURE__*/React__default.createElement("path", {
|
|
9915
9932
|
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",
|
|
9916
9933
|
transform: "translate(15 1)",
|
|
9917
9934
|
fillRule: "evenodd"
|
|
9918
9935
|
}),
|
|
9919
|
-
document: /*#__PURE__*/
|
|
9936
|
+
document: /*#__PURE__*/React__default.createElement("path", {
|
|
9920
9937
|
d: "M12 4H0v2h12V4zM0 10h18V8H0v2zM0 0v2h18V0H0z",
|
|
9921
9938
|
transform: "translate(15 15)",
|
|
9922
9939
|
fillRule: "evenodd"
|
|
9923
9940
|
}),
|
|
9924
|
-
drive: /*#__PURE__*/
|
|
9941
|
+
drive: /*#__PURE__*/React__default.createElement("path", {
|
|
9925
9942
|
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",
|
|
9926
9943
|
transform: "translate(17 13)",
|
|
9927
9944
|
fillRule: "evenodd"
|
|
9928
9945
|
}),
|
|
9929
|
-
font: /*#__PURE__*/
|
|
9946
|
+
font: /*#__PURE__*/React__default.createElement("path", {
|
|
9930
9947
|
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",
|
|
9931
9948
|
transform: "translate(13 12)",
|
|
9932
9949
|
fillRule: "evenodd"
|
|
9933
9950
|
}),
|
|
9934
|
-
image: /*#__PURE__*/
|
|
9951
|
+
image: /*#__PURE__*/React__default.createElement("path", {
|
|
9935
9952
|
d: "M13 0L9.25 5l2.85 3.8-1.6 1.2C8.81 7.75 6 4 6 4l-6 8h22L13 0z",
|
|
9936
9953
|
transform: "translate(13 14)",
|
|
9937
9954
|
fillRule: "evenodd"
|
|
9938
9955
|
}),
|
|
9939
|
-
presentation: /*#__PURE__*/
|
|
9956
|
+
presentation: /*#__PURE__*/React__default.createElement("path", {
|
|
9940
9957
|
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",
|
|
9941
9958
|
transform: "matrix(-1 0 0 1 34 12)",
|
|
9942
9959
|
fillRule: "evenodd"
|
|
9943
9960
|
}),
|
|
9944
|
-
settings: /*#__PURE__*/
|
|
9961
|
+
settings: /*#__PURE__*/React__default.createElement("path", {
|
|
9945
9962
|
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",
|
|
9946
9963
|
transform: "translate(16 11)",
|
|
9947
9964
|
fillRule: "evenodd"
|
|
9948
9965
|
}),
|
|
9949
|
-
spreadsheet: /*#__PURE__*/
|
|
9966
|
+
spreadsheet: /*#__PURE__*/React__default.createElement("path", {
|
|
9950
9967
|
d: "M0 8h6V5H0v3zm0 5h6v-3H0v3zM0 3h6V0H0v3zm8 5h12V5H8v3zm0 5h12v-3H8v3zM8 0v3h12V0H8z",
|
|
9951
9968
|
transform: "translate(14 14)",
|
|
9952
9969
|
fillRule: "evenodd"
|
|
9953
9970
|
}),
|
|
9954
|
-
vector: /*#__PURE__*/
|
|
9971
|
+
vector: /*#__PURE__*/React__default.createElement("path", {
|
|
9955
9972
|
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",
|
|
9956
9973
|
transform: "translate(12 14)",
|
|
9957
9974
|
fillRule: "evenodd"
|
|
9958
9975
|
}),
|
|
9959
|
-
video: /*#__PURE__*/
|
|
9976
|
+
video: /*#__PURE__*/React__default.createElement("path", {
|
|
9960
9977
|
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",
|
|
9961
9978
|
transform: "translate(17 14)"
|
|
9962
9979
|
})
|
|
@@ -10014,7 +10031,7 @@ var FOLD = {
|
|
|
10014
10031
|
};
|
|
10015
10032
|
var LABEL_HEIGHT = 14;
|
|
10016
10033
|
|
|
10017
|
-
var useId =
|
|
10034
|
+
var useId$1 = React__default.useId || function () {
|
|
10018
10035
|
var i = 0;
|
|
10019
10036
|
return function () {
|
|
10020
10037
|
return i++;
|
|
@@ -10041,86 +10058,86 @@ var FileIcon = function FileIcon(_ref) {
|
|
|
10041
10058
|
_ref$radius = _ref.radius,
|
|
10042
10059
|
radius = _ref$radius === void 0 ? 4 : _ref$radius,
|
|
10043
10060
|
type = _ref.type;
|
|
10044
|
-
var id = useId();
|
|
10061
|
+
var id = useId$1();
|
|
10045
10062
|
var UNIQUE_ID = typeof jest === 'undefined' ? id : '';
|
|
10046
|
-
return /*#__PURE__*/
|
|
10063
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
|
10047
10064
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10048
10065
|
viewBox: "0 0 " + VIEWBOX.WIDTH + " " + VIEWBOX.HEIGHT,
|
|
10049
10066
|
width: "100%",
|
|
10050
10067
|
style: {
|
|
10051
10068
|
maxWidth: '100%'
|
|
10052
10069
|
}
|
|
10053
|
-
}, /*#__PURE__*/
|
|
10070
|
+
}, /*#__PURE__*/React__default.createElement("defs", null, /*#__PURE__*/React__default.createElement("clipPath", {
|
|
10054
10071
|
id: "pageRadius" + UNIQUE_ID
|
|
10055
|
-
}, /*#__PURE__*/
|
|
10072
|
+
}, /*#__PURE__*/React__default.createElement("rect", {
|
|
10056
10073
|
x: ICON.X_OFFSET,
|
|
10057
10074
|
y: "0",
|
|
10058
10075
|
rx: radius,
|
|
10059
10076
|
ry: radius,
|
|
10060
10077
|
width: ICON.WIDTH,
|
|
10061
10078
|
height: ICON.HEIGHT
|
|
10062
|
-
})), /*#__PURE__*/
|
|
10079
|
+
})), /*#__PURE__*/React__default.createElement("clipPath", {
|
|
10063
10080
|
id: "foldCrop" + UNIQUE_ID
|
|
10064
|
-
}, /*#__PURE__*/
|
|
10081
|
+
}, /*#__PURE__*/React__default.createElement("rect", {
|
|
10065
10082
|
width: ICON.WIDTH,
|
|
10066
10083
|
height: FOLD.HEIGHT,
|
|
10067
10084
|
transform: "rotate(-45 0 " + FOLD.HEIGHT + ")"
|
|
10068
|
-
})), /*#__PURE__*/
|
|
10085
|
+
})), /*#__PURE__*/React__default.createElement("linearGradient", {
|
|
10069
10086
|
x1: "100%",
|
|
10070
10087
|
y1: "0%",
|
|
10071
10088
|
y2: "100%",
|
|
10072
10089
|
id: "pageGradient" + UNIQUE_ID
|
|
10073
|
-
}, /*#__PURE__*/
|
|
10090
|
+
}, /*#__PURE__*/React__default.createElement("stop", {
|
|
10074
10091
|
stopColor: gradientColor,
|
|
10075
10092
|
stopOpacity: gradientOpacity,
|
|
10076
10093
|
offset: "0%"
|
|
10077
|
-
}), /*#__PURE__*/
|
|
10094
|
+
}), /*#__PURE__*/React__default.createElement("stop", {
|
|
10078
10095
|
stopColor: gradientColor,
|
|
10079
10096
|
stopOpacity: "0",
|
|
10080
10097
|
offset: "66.67%"
|
|
10081
|
-
}))), /*#__PURE__*/
|
|
10098
|
+
}))), /*#__PURE__*/React__default.createElement("g", {
|
|
10082
10099
|
id: "file",
|
|
10083
10100
|
clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
|
|
10084
|
-
}, fold ? /*#__PURE__*/
|
|
10101
|
+
}, fold ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("path", {
|
|
10085
10102
|
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",
|
|
10086
10103
|
fill: color
|
|
10087
|
-
}), /*#__PURE__*/
|
|
10104
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
10088
10105
|
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",
|
|
10089
10106
|
fill: "url(#pageGradient" + UNIQUE_ID + ")"
|
|
10090
|
-
})) : /*#__PURE__*/
|
|
10107
|
+
})) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("rect", {
|
|
10091
10108
|
x: ICON.X_OFFSET,
|
|
10092
10109
|
y: "0",
|
|
10093
10110
|
width: ICON.WIDTH,
|
|
10094
10111
|
height: ICON.HEIGHT,
|
|
10095
10112
|
fill: color
|
|
10096
|
-
}), /*#__PURE__*/
|
|
10113
|
+
}), /*#__PURE__*/React__default.createElement("rect", {
|
|
10097
10114
|
x: ICON.X_OFFSET,
|
|
10098
10115
|
y: "0",
|
|
10099
10116
|
width: ICON.WIDTH,
|
|
10100
10117
|
height: ICON.HEIGHT,
|
|
10101
10118
|
fill: "url(#pageGradient" + UNIQUE_ID + ")"
|
|
10102
|
-
}))), fold && /*#__PURE__*/
|
|
10119
|
+
}))), fold && /*#__PURE__*/React__default.createElement("g", {
|
|
10103
10120
|
transform: "translate(28 " + FOLD.HEIGHT + ") rotate(-90)"
|
|
10104
|
-
}, /*#__PURE__*/
|
|
10121
|
+
}, /*#__PURE__*/React__default.createElement("rect", {
|
|
10105
10122
|
width: ICON.WIDTH,
|
|
10106
10123
|
height: ICON.HEIGHT,
|
|
10107
10124
|
fill: foldColor || w$1(color).darken(0.1).toHex(),
|
|
10108
10125
|
rx: radius,
|
|
10109
10126
|
ry: radius,
|
|
10110
10127
|
clipPath: "url(#foldCrop" + UNIQUE_ID + ")"
|
|
10111
|
-
})), extension && /*#__PURE__*/
|
|
10128
|
+
})), extension && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("g", {
|
|
10112
10129
|
id: "label" + UNIQUE_ID
|
|
10113
|
-
}, /*#__PURE__*/
|
|
10130
|
+
}, /*#__PURE__*/React__default.createElement("rect", {
|
|
10114
10131
|
fill: labelColor || w$1(color).darken(0.3).toHex(),
|
|
10115
10132
|
x: ICON.X_OFFSET,
|
|
10116
10133
|
y: ICON.HEIGHT - LABEL_HEIGHT,
|
|
10117
10134
|
width: ICON.WIDTH,
|
|
10118
10135
|
height: LABEL_HEIGHT,
|
|
10119
10136
|
clipPath: "url(#pageRadius" + UNIQUE_ID + ")"
|
|
10120
|
-
})), /*#__PURE__*/
|
|
10137
|
+
})), /*#__PURE__*/React__default.createElement("g", {
|
|
10121
10138
|
id: "labelText" + UNIQUE_ID,
|
|
10122
10139
|
transform: "translate(" + ICON.X_OFFSET + " 34)"
|
|
10123
|
-
}, /*#__PURE__*/
|
|
10140
|
+
}, /*#__PURE__*/React__default.createElement("text", {
|
|
10124
10141
|
x: ICON.WIDTH / 2,
|
|
10125
10142
|
y: "10",
|
|
10126
10143
|
fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
|
|
@@ -10134,7 +10151,7 @@ var FileIcon = function FileIcon(_ref) {
|
|
|
10134
10151
|
textTransform: labelUppercase ? 'uppercase' : 'none',
|
|
10135
10152
|
userSelect: 'none'
|
|
10136
10153
|
}
|
|
10137
|
-
}, extension))), type && /*#__PURE__*/
|
|
10154
|
+
}, extension))), type && /*#__PURE__*/React__default.createElement("g", {
|
|
10138
10155
|
transform: "translate(-4 " + (!extension ? 6 : 0) + ")",
|
|
10139
10156
|
fill: glyphColor || w$1(color).darken(0.15).toHex()
|
|
10140
10157
|
}, glyphs[type]));
|
|
@@ -36877,7 +36894,7 @@ function requireDayCell () {
|
|
|
36877
36894
|
value: true
|
|
36878
36895
|
});
|
|
36879
36896
|
DayCell.rangeShape = DayCell.default = void 0;
|
|
36880
|
-
var _react = _interopRequireWildcard(
|
|
36897
|
+
var _react = _interopRequireWildcard(React__default);
|
|
36881
36898
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
36882
36899
|
var _classnames = _interopRequireDefault(requireClassnames());
|
|
36883
36900
|
var _dateFns = /*@__PURE__*/ requireDateFns();
|
|
@@ -37214,7 +37231,7 @@ function requireMonth () {
|
|
|
37214
37231
|
value: true
|
|
37215
37232
|
});
|
|
37216
37233
|
Month.default = void 0;
|
|
37217
|
-
var _react = _interopRequireWildcard(
|
|
37234
|
+
var _react = _interopRequireWildcard(React__default);
|
|
37218
37235
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
37219
37236
|
var _DayCell = _interopRequireWildcard(requireDayCell());
|
|
37220
37237
|
var _dateFns = /*@__PURE__*/ requireDateFns();
|
|
@@ -37354,7 +37371,7 @@ function requireDateInput () {
|
|
|
37354
37371
|
value: true
|
|
37355
37372
|
});
|
|
37356
37373
|
DateInput.default = void 0;
|
|
37357
|
-
var _react = _interopRequireWildcard(
|
|
37374
|
+
var _react = _interopRequireWildcard(React__default);
|
|
37358
37375
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
37359
37376
|
var _classnames = _interopRequireDefault(requireClassnames());
|
|
37360
37377
|
var _dateFns = /*@__PURE__*/ requireDateFns();
|
|
@@ -37500,7 +37517,7 @@ function requireReactList () {
|
|
|
37500
37517
|
(function (exports) {
|
|
37501
37518
|
(function (global, factory) {
|
|
37502
37519
|
{
|
|
37503
|
-
factory(exports,
|
|
37520
|
+
factory(exports, React__default, requireJsxRuntime());
|
|
37504
37521
|
}
|
|
37505
37522
|
})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : reactList, function (_exports, _react, _jsxRuntime) {
|
|
37506
37523
|
|
|
@@ -38299,7 +38316,7 @@ function requireCalendar () {
|
|
|
38299
38316
|
value: true
|
|
38300
38317
|
});
|
|
38301
38318
|
Calendar.default = void 0;
|
|
38302
|
-
var _react = _interopRequireWildcard(
|
|
38319
|
+
var _react = _interopRequireWildcard(React__default);
|
|
38303
38320
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
38304
38321
|
var _DayCell = requireDayCell();
|
|
38305
38322
|
var _Month = _interopRequireDefault(requireMonth());
|
|
@@ -38927,7 +38944,7 @@ function requireDateRange () {
|
|
|
38927
38944
|
value: true
|
|
38928
38945
|
});
|
|
38929
38946
|
DateRange.default = void 0;
|
|
38930
|
-
var _react = _interopRequireWildcard(
|
|
38947
|
+
var _react = _interopRequireWildcard(React__default);
|
|
38931
38948
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
38932
38949
|
var _Calendar = _interopRequireDefault(requireCalendar());
|
|
38933
38950
|
var _DayCell = requireDayCell();
|
|
@@ -39243,7 +39260,7 @@ function requireInputRangeField () {
|
|
|
39243
39260
|
value: true
|
|
39244
39261
|
});
|
|
39245
39262
|
InputRangeField.default = void 0;
|
|
39246
|
-
var _react = _interopRequireWildcard(
|
|
39263
|
+
var _react = _interopRequireWildcard(React__default);
|
|
39247
39264
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
39248
39265
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
39249
39266
|
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); }
|
|
@@ -39329,7 +39346,7 @@ function requireDefinedRange () {
|
|
|
39329
39346
|
value: true
|
|
39330
39347
|
});
|
|
39331
39348
|
DefinedRange.default = void 0;
|
|
39332
|
-
var _react = _interopRequireWildcard(
|
|
39349
|
+
var _react = _interopRequireWildcard(React__default);
|
|
39333
39350
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
39334
39351
|
var _styles = _interopRequireDefault(requireStyles());
|
|
39335
39352
|
var _defaultRanges = requireDefaultRanges();
|
|
@@ -39485,7 +39502,7 @@ function requireDateRangePicker () {
|
|
|
39485
39502
|
value: true
|
|
39486
39503
|
});
|
|
39487
39504
|
DateRangePicker.default = void 0;
|
|
39488
|
-
var _react = _interopRequireWildcard(
|
|
39505
|
+
var _react = _interopRequireWildcard(React__default);
|
|
39489
39506
|
var _propTypes = _interopRequireDefault(/*@__PURE__*/ requirePropTypes());
|
|
39490
39507
|
var _DateRange = _interopRequireDefault(requireDateRange());
|
|
39491
39508
|
var _DefinedRange = _interopRequireDefault(requireDefinedRange());
|
|
@@ -41116,7 +41133,7 @@ const arrow$1 = options => ({
|
|
|
41116
41133
|
* clipping boundary. Alternative to `autoPlacement`.
|
|
41117
41134
|
* @see https://floating-ui.com/docs/flip
|
|
41118
41135
|
*/
|
|
41119
|
-
const flip$
|
|
41136
|
+
const flip$2 = function (options) {
|
|
41120
41137
|
if (options === void 0) {
|
|
41121
41138
|
options = {};
|
|
41122
41139
|
}
|
|
@@ -41294,7 +41311,7 @@ async function convertValueToCoords(state, options) {
|
|
|
41294
41311
|
* object may be passed.
|
|
41295
41312
|
* @see https://floating-ui.com/docs/offset
|
|
41296
41313
|
*/
|
|
41297
|
-
const offset$
|
|
41314
|
+
const offset$2 = function (options) {
|
|
41298
41315
|
if (options === void 0) {
|
|
41299
41316
|
options = 0;
|
|
41300
41317
|
}
|
|
@@ -41333,7 +41350,7 @@ const offset$1 = function (options) {
|
|
|
41333
41350
|
* keep it in view when it will overflow the clipping boundary.
|
|
41334
41351
|
* @see https://floating-ui.com/docs/shift
|
|
41335
41352
|
*/
|
|
41336
|
-
const shift$
|
|
41353
|
+
const shift$2 = function (options) {
|
|
41337
41354
|
if (options === void 0) {
|
|
41338
41355
|
options = {};
|
|
41339
41356
|
}
|
|
@@ -42228,14 +42245,14 @@ function autoUpdate(reference, floating, update, options) {
|
|
|
42228
42245
|
* object may be passed.
|
|
42229
42246
|
* @see https://floating-ui.com/docs/offset
|
|
42230
42247
|
*/
|
|
42231
|
-
const offset = offset$
|
|
42248
|
+
const offset$1 = offset$2;
|
|
42232
42249
|
|
|
42233
42250
|
/**
|
|
42234
42251
|
* Optimizes the visibility of the floating element by shifting it in order to
|
|
42235
42252
|
* keep it in view when it will overflow the clipping boundary.
|
|
42236
42253
|
* @see https://floating-ui.com/docs/shift
|
|
42237
42254
|
*/
|
|
42238
|
-
const shift = shift$
|
|
42255
|
+
const shift$1 = shift$2;
|
|
42239
42256
|
|
|
42240
42257
|
/**
|
|
42241
42258
|
* Optimizes the visibility of the floating element by flipping the `placement`
|
|
@@ -42243,7 +42260,7 @@ const shift = shift$1;
|
|
|
42243
42260
|
* clipping boundary. Alternative to `autoPlacement`.
|
|
42244
42261
|
* @see https://floating-ui.com/docs/flip
|
|
42245
42262
|
*/
|
|
42246
|
-
const flip = flip$
|
|
42263
|
+
const flip$1 = flip$2;
|
|
42247
42264
|
|
|
42248
42265
|
/**
|
|
42249
42266
|
* Provides data to position an inner element of the floating element so that it
|
|
@@ -42281,7 +42298,7 @@ const computePosition = (reference, floating, options) => {
|
|
|
42281
42298
|
* @copyright ReactTooltip Team
|
|
42282
42299
|
* @license MIT
|
|
42283
42300
|
*/
|
|
42284
|
-
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:`
|
|
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:`
|
|
42285
42302
|
.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"});}));
|
|
42286
42303
|
|
|
42287
42304
|
const Tooltip = ({
|
|
@@ -42297,9 +42314,9 @@ const Tooltip = ({
|
|
|
42297
42314
|
// For external styling of the tooltip itself
|
|
42298
42315
|
...props
|
|
42299
42316
|
}) => {
|
|
42300
|
-
const tooltipId =
|
|
42317
|
+
const tooltipId = React__default.useId();
|
|
42301
42318
|
return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
|
|
42302
|
-
|
|
42319
|
+
React__default.cloneElement(children, { "data-tooltip-id": tooltipId }),
|
|
42303
42320
|
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
42304
42321
|
M,
|
|
42305
42322
|
{
|
|
@@ -43226,4 +43243,579 @@ const PageHeader = ({
|
|
|
43226
43243
|
] });
|
|
43227
43244
|
};
|
|
43228
43245
|
|
|
43229
|
-
|
|
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
|
+
const OptionsMenu = ({
|
|
43773
|
+
options = [],
|
|
43774
|
+
onSelect,
|
|
43775
|
+
triggerIcon: TriggerIcon = EllipsisVertical
|
|
43776
|
+
}) => {
|
|
43777
|
+
const { refs, floatingStyles } = useFloating({
|
|
43778
|
+
whileElementsMounted: autoUpdate,
|
|
43779
|
+
middleware: [offset(5), flip(), shift({ padding: 5 })]
|
|
43780
|
+
});
|
|
43781
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { as: "div", className: "options-menu-wrapper", children: [
|
|
43782
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(MenuButton, { ref: refs.setReference, className: "options-menu-trigger", children: /* @__PURE__ */ jsxRuntimeExports.jsx(TriggerIcon, { size: 20 }) }),
|
|
43783
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
43784
|
+
Transition,
|
|
43785
|
+
{
|
|
43786
|
+
as: Fragment,
|
|
43787
|
+
enter: "transition ease-out duration-100",
|
|
43788
|
+
enterFrom: "transform opacity-0 scale-95",
|
|
43789
|
+
enterTo: "transform opacity-100 scale-100",
|
|
43790
|
+
leave: "transition ease-in duration-75",
|
|
43791
|
+
leaveFrom: "transform opacity-100 scale-100",
|
|
43792
|
+
leaveTo: "transform opacity-0 scale-95",
|
|
43793
|
+
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
|
|
43794
|
+
MenuItems,
|
|
43795
|
+
{
|
|
43796
|
+
ref: refs.setFloating,
|
|
43797
|
+
style: floatingStyles,
|
|
43798
|
+
className: "options-menu-panel",
|
|
43799
|
+
children: options.map((option) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "options-menu-item-wrapper", children: [
|
|
43800
|
+
option.dividerBefore && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "menu-divider" }),
|
|
43801
|
+
/* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { children: ({ active }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
|
|
43802
|
+
"button",
|
|
43803
|
+
{
|
|
43804
|
+
onClick: () => onSelect(option),
|
|
43805
|
+
className: `options-menu-item ${active ? "active" : ""}`,
|
|
43806
|
+
disabled: option.disabled,
|
|
43807
|
+
children: [
|
|
43808
|
+
option.icon && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "item-icon", children: option.icon }),
|
|
43809
|
+
option.label
|
|
43810
|
+
]
|
|
43811
|
+
}
|
|
43812
|
+
) })
|
|
43813
|
+
] }, option.label))
|
|
43814
|
+
}
|
|
43815
|
+
)
|
|
43816
|
+
}
|
|
43817
|
+
)
|
|
43818
|
+
] });
|
|
43819
|
+
};
|
|
43820
|
+
|
|
43821
|
+
export { Avatar, AvatarGroup, Badge, Breadcrumbs, Button$1 as Button, Checkbox, DatePicker, DateRangePicker$1 as DateRangePicker, FileUploadModal, FullScreenLoader, GenericFilter, Input, Modal, OptionsMenu, PageHeader, PageLayout, Pagination, RadioGroup, SearchBar, Select, Sidebar, Spinner, Textarea, ToggleSwitch, Tooltip, UnifyedCoreButton, WizardModal };
|