opus-react 0.2.17 → 0.2.19
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/index.cjs +189 -107
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +26 -37
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +273 -184
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -427,7 +427,7 @@ var init_setupFireBarrelScene = __esm({
|
|
|
427
427
|
});
|
|
428
428
|
|
|
429
429
|
// ../../components/fields/Button/Button.module.css
|
|
430
|
-
var Button_default = {"
|
|
430
|
+
var Button_default = {"warning":"opus_lZkc26_warning","button":"opus_lZkc26_button","primary":"opus_lZkc26_primary","dark":"opus_lZkc26_dark","secondary":"opus_lZkc26_secondary","success":"opus_lZkc26_success","info":"opus_lZkc26_info","link":"opus_lZkc26_link","danger":"opus_lZkc26_danger","light":"opus_lZkc26_light"};
|
|
431
431
|
|
|
432
432
|
// ../../components/fields/Button/Button.tsx
|
|
433
433
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -448,13 +448,24 @@ function Button(_a2) {
|
|
|
448
448
|
import { createContext, useContext, useMemo } from "react";
|
|
449
449
|
|
|
450
450
|
// ../../components/Tooltip/Tooltip.tsx
|
|
451
|
-
import {
|
|
451
|
+
import {
|
|
452
|
+
useCallback,
|
|
453
|
+
useEffect,
|
|
454
|
+
useId,
|
|
455
|
+
useLayoutEffect,
|
|
456
|
+
useRef,
|
|
457
|
+
useState
|
|
458
|
+
} from "react";
|
|
459
|
+
import { createPortal } from "react-dom";
|
|
452
460
|
|
|
453
461
|
// ../../components/Tooltip/Tooltip.module.css
|
|
454
|
-
var Tooltip_default = {"
|
|
462
|
+
var Tooltip_default = {"left":"opus_R70RbH_left","bottom":"opus_R70RbH_bottom","triggerWrap":"opus_R70RbH_triggerWrap","top":"opus_R70RbH_top","right":"opus_R70RbH_right","arrow":"opus_R70RbH_arrow","root":"opus_R70RbH_root","popup":"opus_R70RbH_popup","trigger":"opus_R70RbH_trigger"};
|
|
455
463
|
|
|
456
464
|
// ../../components/Tooltip/Tooltip.tsx
|
|
457
465
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
466
|
+
var GAP = 8;
|
|
467
|
+
var VIEWPORT_PADDING = 8;
|
|
468
|
+
var ARROW_HALF = 6;
|
|
458
469
|
function Tooltip({
|
|
459
470
|
content,
|
|
460
471
|
label = "More information",
|
|
@@ -465,8 +476,64 @@ function Tooltip({
|
|
|
465
476
|
}) {
|
|
466
477
|
const tooltipId = useId();
|
|
467
478
|
const rootRef = useRef(null);
|
|
479
|
+
const popupRef = useRef(null);
|
|
468
480
|
const [open, setOpen] = useState(false);
|
|
481
|
+
const [mounted, setMounted] = useState(false);
|
|
482
|
+
const [position, setPosition] = useState(null);
|
|
469
483
|
const isVisible = open && !disabled && content.length > 0;
|
|
484
|
+
useEffect(() => {
|
|
485
|
+
setMounted(true);
|
|
486
|
+
}, []);
|
|
487
|
+
const updatePosition = useCallback(() => {
|
|
488
|
+
const trigger = rootRef.current;
|
|
489
|
+
const popup2 = popupRef.current;
|
|
490
|
+
if (!trigger || !popup2) {
|
|
491
|
+
return;
|
|
492
|
+
}
|
|
493
|
+
const triggerRect = trigger.getBoundingClientRect();
|
|
494
|
+
const popupRect = popup2.getBoundingClientRect();
|
|
495
|
+
const vw = window.innerWidth;
|
|
496
|
+
const vh = window.innerHeight;
|
|
497
|
+
const centerX = triggerRect.left + triggerRect.width / 2;
|
|
498
|
+
const centerY = triggerRect.top + triggerRect.height / 2;
|
|
499
|
+
let left = 0;
|
|
500
|
+
let top = 0;
|
|
501
|
+
let arrowOffset = 0;
|
|
502
|
+
if (placement === "top" || placement === "bottom") {
|
|
503
|
+
top = placement === "top" ? triggerRect.top - popupRect.height - GAP : triggerRect.bottom + GAP;
|
|
504
|
+
const rawLeft = centerX - popupRect.width / 2;
|
|
505
|
+
const maxLeft = vw - popupRect.width - VIEWPORT_PADDING;
|
|
506
|
+
left = Math.min(Math.max(rawLeft, VIEWPORT_PADDING), Math.max(maxLeft, VIEWPORT_PADDING));
|
|
507
|
+
arrowOffset = Math.min(
|
|
508
|
+
Math.max(centerX - left, ARROW_HALF + 2),
|
|
509
|
+
popupRect.width - ARROW_HALF - 2
|
|
510
|
+
);
|
|
511
|
+
} else {
|
|
512
|
+
left = placement === "left" ? triggerRect.left - popupRect.width - GAP : triggerRect.right + GAP;
|
|
513
|
+
const rawTop = centerY - popupRect.height / 2;
|
|
514
|
+
const maxTop = vh - popupRect.height - VIEWPORT_PADDING;
|
|
515
|
+
top = Math.min(Math.max(rawTop, VIEWPORT_PADDING), Math.max(maxTop, VIEWPORT_PADDING));
|
|
516
|
+
arrowOffset = Math.min(
|
|
517
|
+
Math.max(centerY - top, ARROW_HALF + 2),
|
|
518
|
+
popupRect.height - ARROW_HALF - 2
|
|
519
|
+
);
|
|
520
|
+
}
|
|
521
|
+
setPosition({ left, top, arrowOffset });
|
|
522
|
+
}, [placement]);
|
|
523
|
+
useLayoutEffect(() => {
|
|
524
|
+
if (!isVisible) {
|
|
525
|
+
setPosition(null);
|
|
526
|
+
return;
|
|
527
|
+
}
|
|
528
|
+
updatePosition();
|
|
529
|
+
const handleReflow = () => updatePosition();
|
|
530
|
+
window.addEventListener("scroll", handleReflow, true);
|
|
531
|
+
window.addEventListener("resize", handleReflow);
|
|
532
|
+
return () => {
|
|
533
|
+
window.removeEventListener("scroll", handleReflow, true);
|
|
534
|
+
window.removeEventListener("resize", handleReflow);
|
|
535
|
+
};
|
|
536
|
+
}, [isVisible, updatePosition]);
|
|
470
537
|
useEffect(() => {
|
|
471
538
|
if (!isVisible) {
|
|
472
539
|
return;
|
|
@@ -495,14 +562,24 @@ function Tooltip({
|
|
|
495
562
|
setOpen(false);
|
|
496
563
|
}
|
|
497
564
|
};
|
|
498
|
-
const
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
565
|
+
const isHorizontal = placement === "left" || placement === "right";
|
|
566
|
+
const arrowStyle = position ? isHorizontal ? { top: position.arrowOffset } : { left: position.arrowOffset } : void 0;
|
|
567
|
+
const popup = isVisible && mounted ? createPortal(
|
|
568
|
+
/* @__PURE__ */ jsxs(
|
|
569
|
+
"span",
|
|
570
|
+
{
|
|
571
|
+
ref: popupRef,
|
|
572
|
+
className: [Tooltip_default.popup, Tooltip_default[placement]].join(" "),
|
|
573
|
+
id: tooltipId,
|
|
574
|
+
role: "tooltip",
|
|
575
|
+
style: position ? { left: position.left, top: position.top, visibility: "visible" } : { left: 0, top: 0, visibility: "hidden" },
|
|
576
|
+
children: [
|
|
577
|
+
content,
|
|
578
|
+
/* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: Tooltip_default.arrow, style: arrowStyle })
|
|
579
|
+
]
|
|
580
|
+
}
|
|
581
|
+
),
|
|
582
|
+
document.body
|
|
506
583
|
) : null;
|
|
507
584
|
const rootClassName = [Tooltip_default.root, className].filter(Boolean).join(" ");
|
|
508
585
|
if (children) {
|
|
@@ -551,7 +628,7 @@ function Tooltip({
|
|
|
551
628
|
}
|
|
552
629
|
|
|
553
630
|
// ../../components/fields/FieldShell/FieldShell.module.css
|
|
554
|
-
var FieldShell_default = {"
|
|
631
|
+
var FieldShell_default = {"error":"opus_zNi12Z_error","labelRight":"opus_zNi12Z_labelRight","label":"opus_zNi12Z_label","controlFlagged":"opus_zNi12Z_controlFlagged","flagged":"opus_zNi12Z_flagged","visuallyHidden":"opus_zNi12Z_visuallyHidden","labelFlagged":"opus_zNi12Z_labelFlagged","stacked":"opus_zNi12Z_stacked","flaggedCenter":"opus_zNi12Z_flaggedCenter","labelLeft":"opus_zNi12Z_labelLeft","stackedLeft":"opus_zNi12Z_stackedLeft","fitContent":"opus_zNi12Z_fitContent","flaggedStart":"opus_zNi12Z_flaggedStart","required":"opus_zNi12Z_required","root":"opus_zNi12Z_root","control":"opus_zNi12Z_control","compactControl":"opus_zNi12Z_compactControl","stackedRight":"opus_zNi12Z_stackedRight","errorFlagged":"opus_zNi12Z_errorFlagged"};
|
|
555
632
|
|
|
556
633
|
// ../../components/fields/FieldShell/FieldShell.tsx
|
|
557
634
|
import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
@@ -676,7 +753,7 @@ function FieldShell({
|
|
|
676
753
|
}
|
|
677
754
|
|
|
678
755
|
// ../../components/fields/CheckboxField/CheckboxField.module.css
|
|
679
|
-
var CheckboxField_default = {"
|
|
756
|
+
var CheckboxField_default = {"shell":"opus_g-5tlR_shell","round":"opus_g-5tlR_round","error":"opus_g-5tlR_error","toggle":"opus_g-5tlR_toggle","nativeInput":"opus_g-5tlR_nativeInput","visual":"opus_g-5tlR_visual","square":"opus_g-5tlR_square"};
|
|
680
757
|
|
|
681
758
|
// ../../components/fields/CheckboxField/CheckboxField.tsx
|
|
682
759
|
import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
@@ -733,7 +810,7 @@ function CheckboxField({
|
|
|
733
810
|
}
|
|
734
811
|
|
|
735
812
|
// ../../components/fields/ColorField/ColorField.module.css
|
|
736
|
-
var ColorField_default = {"
|
|
813
|
+
var ColorField_default = {"picker":"opus_Z7jeX4_picker","swatch":"opus_Z7jeX4_swatch","value":"opus_Z7jeX4_value","nativeInput":"opus_Z7jeX4_nativeInput","error":"opus_Z7jeX4_error","icon":"opus_Z7jeX4_icon"};
|
|
737
814
|
|
|
738
815
|
// ../../components/fields/ColorField/ColorField.tsx
|
|
739
816
|
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
@@ -783,7 +860,7 @@ function ColorField({
|
|
|
783
860
|
}
|
|
784
861
|
|
|
785
862
|
// ../../components/fields/DateField/DateField.module.css
|
|
786
|
-
var DateField_default = {"
|
|
863
|
+
var DateField_default = {"error":"opus_G3y11z_error","input":"opus_G3y11z_input"};
|
|
787
864
|
|
|
788
865
|
// ../../components/fields/DateField/DateField.tsx
|
|
789
866
|
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
@@ -826,7 +903,7 @@ function DateField({
|
|
|
826
903
|
}
|
|
827
904
|
|
|
828
905
|
// ../../components/fields/HiddenField/HiddenField.module.css
|
|
829
|
-
var HiddenField_default = {"
|
|
906
|
+
var HiddenField_default = {"note":"opus_kL1YXS_note","meta":"opus_kL1YXS_meta","preview":"opus_kL1YXS_preview"};
|
|
830
907
|
|
|
831
908
|
// ../../components/fields/HiddenField/HiddenField.tsx
|
|
832
909
|
import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
@@ -874,7 +951,7 @@ function HiddenField({
|
|
|
874
951
|
}
|
|
875
952
|
|
|
876
953
|
// ../../components/fields/FileField/FileField.module.css
|
|
877
|
-
var FileField_default = {"
|
|
954
|
+
var FileField_default = {"drop":"opus_aOsPA7_drop","dropError":"opus_aOsPA7_dropError","title":"opus_aOsPA7_title","action":"opus_aOsPA7_action","iconSvg":"opus_aOsPA7_iconSvg","input":"opus_aOsPA7_input","icon":"opus_aOsPA7_icon","hint":"opus_aOsPA7_hint","footnote":"opus_aOsPA7_footnote","content":"opus_aOsPA7_content","wrapper":"opus_aOsPA7_wrapper","dragging":"opus_aOsPA7_dragging"};
|
|
878
955
|
|
|
879
956
|
// ../../components/fields/FileField/FileField.tsx
|
|
880
957
|
import {
|
|
@@ -1014,7 +1091,7 @@ function FileField({
|
|
|
1014
1091
|
import { useEffect as useEffect2, useState as useState3 } from "react";
|
|
1015
1092
|
|
|
1016
1093
|
// ../../components/fields/NumberField/NumberField.module.css
|
|
1017
|
-
var NumberField_default = {"
|
|
1094
|
+
var NumberField_default = {"stepper":"opus_L272Dk_stepper","button":"opus_L272Dk_button","input":"opus_L272Dk_input","error":"opus_L272Dk_error"};
|
|
1018
1095
|
|
|
1019
1096
|
// ../../components/fields/numericUtils.ts
|
|
1020
1097
|
function decimalPlacesFromStep(step) {
|
|
@@ -1182,7 +1259,7 @@ function NumberField({
|
|
|
1182
1259
|
import { createContext as createContext2, useContext as useContext2, useId as useId2 } from "react";
|
|
1183
1260
|
|
|
1184
1261
|
// ../../components/fields/RadioGroup/RadioGroup.module.css
|
|
1185
|
-
var RadioGroup_default = {"
|
|
1262
|
+
var RadioGroup_default = {"visual":"opus_O-1nor_visual","choice":"opus_O-1nor_choice","round":"opus_O-1nor_round","shell":"opus_O-1nor_shell","options":"opus_O-1nor_options","nativeInput":"opus_O-1nor_nativeInput","square":"opus_O-1nor_square","error":"opus_O-1nor_error","option":"opus_O-1nor_option"};
|
|
1186
1263
|
|
|
1187
1264
|
// ../../components/fields/RadioGroup/RadioGroup.tsx
|
|
1188
1265
|
import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
@@ -1279,7 +1356,7 @@ function Radio({ children, error, name, shape, value, defaultChecked }) {
|
|
|
1279
1356
|
import { useId as useId3, useRef as useRef3, useState as useState4 } from "react";
|
|
1280
1357
|
|
|
1281
1358
|
// ../../components/fields/ChipInputField/ChipInputField.module.css
|
|
1282
|
-
var ChipInputField_default = {"
|
|
1359
|
+
var ChipInputField_default = {"remove":"opus_IOOYwh_remove","error":"opus_IOOYwh_error","readOnly":"opus_IOOYwh_readOnly","chipLabel":"opus_IOOYwh_chipLabel","shell":"opus_IOOYwh_shell","input":"opus_IOOYwh_input","disabled":"opus_IOOYwh_disabled","field":"opus_IOOYwh_field","chip":"opus_IOOYwh_chip"};
|
|
1283
1360
|
|
|
1284
1361
|
// ../../components/fields/ChipInputField/ChipInputField.tsx
|
|
1285
1362
|
import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
@@ -1415,7 +1492,7 @@ function ChipInput({
|
|
|
1415
1492
|
var ChipInputField = ChipInput;
|
|
1416
1493
|
|
|
1417
1494
|
// ../../components/fields/RangeField/RangeField.module.css
|
|
1418
|
-
var RangeField_default = {"
|
|
1495
|
+
var RangeField_default = {"error":"opus_iRHQuG_error","footer":"opus_iRHQuG_footer","value":"opus_iRHQuG_value","topRow":"opus_iRHQuG_topRow","fieldLabel":"opus_iRHQuG_fieldLabel","slider":"opus_iRHQuG_slider","wrap":"opus_iRHQuG_wrap"};
|
|
1419
1496
|
|
|
1420
1497
|
// ../../components/fields/RangeField/RangeField.tsx
|
|
1421
1498
|
import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
@@ -1494,7 +1571,7 @@ function RangeField({
|
|
|
1494
1571
|
}
|
|
1495
1572
|
|
|
1496
1573
|
// ../../components/fields/SelectField/SelectField.module.css
|
|
1497
|
-
var SelectField_default = {"select":"opus_m2ObG0_select","
|
|
1574
|
+
var SelectField_default = {"select":"opus_m2ObG0_select","wrap":"opus_m2ObG0_wrap","error":"opus_m2ObG0_error"};
|
|
1498
1575
|
|
|
1499
1576
|
// ../../components/fields/SelectField/SelectField.tsx
|
|
1500
1577
|
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
@@ -1538,7 +1615,7 @@ function SelectField({
|
|
|
1538
1615
|
}
|
|
1539
1616
|
|
|
1540
1617
|
// ../../components/fields/SwitchField/SwitchField.module.css
|
|
1541
|
-
var SwitchField_default = {"error":"opus_t9NLEA_error","
|
|
1618
|
+
var SwitchField_default = {"error":"opus_t9NLEA_error","track":"opus_t9NLEA_track","shell":"opus_t9NLEA_shell","toggle":"opus_t9NLEA_toggle"};
|
|
1542
1619
|
|
|
1543
1620
|
// ../../components/fields/SwitchField/SwitchField.tsx
|
|
1544
1621
|
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
@@ -1587,7 +1664,7 @@ function SwitchField({
|
|
|
1587
1664
|
import { useId as useId4 } from "react";
|
|
1588
1665
|
|
|
1589
1666
|
// ../../components/fields/TextAreaField/TextAreaField.module.css
|
|
1590
|
-
var TextAreaField_default = {"
|
|
1667
|
+
var TextAreaField_default = {"footer":"opus_FjhWmh_footer","withCount":"opus_FjhWmh_withCount","error":"opus_FjhWmh_error","field":"opus_FjhWmh_field","footerError":"opus_FjhWmh_footerError","inlineCount":"opus_FjhWmh_inlineCount","externalCount":"opus_FjhWmh_externalCount","textarea":"opus_FjhWmh_textarea","inputWrap":"opus_FjhWmh_inputWrap"};
|
|
1591
1668
|
|
|
1592
1669
|
// ../../components/fields/TextAreaField/TextAreaField.tsx
|
|
1593
1670
|
import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
@@ -1666,7 +1743,7 @@ import { config } from "@fortawesome/fontawesome-svg-core";
|
|
|
1666
1743
|
config.autoAddCss = false;
|
|
1667
1744
|
|
|
1668
1745
|
// ../../components/fields/RichTextField/RichTextField.tsx
|
|
1669
|
-
import { useCallback, useEffect as useEffect3, useLayoutEffect, useRef as useRef4, useState as useState5 } from "react";
|
|
1746
|
+
import { useCallback as useCallback2, useEffect as useEffect3, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState5 } from "react";
|
|
1670
1747
|
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
|
1671
1748
|
import {
|
|
1672
1749
|
faAlignCenter,
|
|
@@ -1697,7 +1774,7 @@ import {
|
|
|
1697
1774
|
} from "@fortawesome/free-solid-svg-icons";
|
|
1698
1775
|
|
|
1699
1776
|
// ../../components/fields/RichTextField/RichTextField.module.css
|
|
1700
|
-
var RichTextField_default = {"
|
|
1777
|
+
var RichTextField_default = {"modalActions":"opus_6HFqZH_modalActions","blockSelect":"opus_6HFqZH_blockSelect","field":"opus_6HFqZH_field","toolbarButton":"opus_6HFqZH_toolbarButton","modal":"opus_6HFqZH_modal","modalNumber":"opus_6HFqZH_modalNumber","toolbarIcon":"opus_6HFqZH_toolbarIcon","modalDimensionField":"opus_6HFqZH_modalDimensionField","modalTitle":"opus_6HFqZH_modalTitle","colorSwatch":"opus_6HFqZH_colorSwatch","modalOverlay":"opus_6HFqZH_modalOverlay","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","readOnly":"opus_6HFqZH_readOnly","editorShell":"opus_6HFqZH_editorShell","editor":"opus_6HFqZH_editor","colorInput":"opus_6HFqZH_colorInput","toolbar":"opus_6HFqZH_toolbar","modalDimensions":"opus_6HFqZH_modalDimensions","modalConfirm":"opus_6HFqZH_modalConfirm","modalField":"opus_6HFqZH_modalField","modalTimes":"opus_6HFqZH_modalTimes","divider":"opus_6HFqZH_divider","modalCancel":"opus_6HFqZH_modalCancel","error":"opus_6HFqZH_error","modalLabel":"opus_6HFqZH_modalLabel","modalInput":"opus_6HFqZH_modalInput"};
|
|
1701
1778
|
|
|
1702
1779
|
// ../../components/fields/RichTextField/RichTextField.tsx
|
|
1703
1780
|
import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
@@ -1789,7 +1866,7 @@ function RichTextField({
|
|
|
1789
1866
|
const [tableModalOpen, setTableModalOpen] = useState5(false);
|
|
1790
1867
|
const [tableRows, setTableRows] = useState5(2);
|
|
1791
1868
|
const [tableCols, setTableCols] = useState5(2);
|
|
1792
|
-
const syncHistoryState =
|
|
1869
|
+
const syncHistoryState = useCallback2(() => {
|
|
1793
1870
|
if (typeof document === "undefined") {
|
|
1794
1871
|
return;
|
|
1795
1872
|
}
|
|
@@ -1804,7 +1881,7 @@ function RichTextField({
|
|
|
1804
1881
|
setCanRedo(false);
|
|
1805
1882
|
}
|
|
1806
1883
|
}, []);
|
|
1807
|
-
|
|
1884
|
+
useLayoutEffect2(() => {
|
|
1808
1885
|
const editor = editorRef.current;
|
|
1809
1886
|
if (!editor || syncingValueRef.current) {
|
|
1810
1887
|
return;
|
|
@@ -1813,7 +1890,7 @@ function RichTextField({
|
|
|
1813
1890
|
editor.innerHTML = value;
|
|
1814
1891
|
}
|
|
1815
1892
|
}, [value]);
|
|
1816
|
-
const saveSelection =
|
|
1893
|
+
const saveSelection = useCallback2(() => {
|
|
1817
1894
|
const editor = editorRef.current;
|
|
1818
1895
|
const selection = document.getSelection();
|
|
1819
1896
|
if (!editor || !selection || selection.rangeCount === 0) {
|
|
@@ -1823,7 +1900,7 @@ function RichTextField({
|
|
|
1823
1900
|
savedRangeRef.current = selection.getRangeAt(0).cloneRange();
|
|
1824
1901
|
}
|
|
1825
1902
|
}, []);
|
|
1826
|
-
const restoreSelection =
|
|
1903
|
+
const restoreSelection = useCallback2(() => {
|
|
1827
1904
|
const editor = editorRef.current;
|
|
1828
1905
|
const range = savedRangeRef.current;
|
|
1829
1906
|
editor == null ? void 0 : editor.focus();
|
|
@@ -1837,7 +1914,7 @@ function RichTextField({
|
|
|
1837
1914
|
selection.removeAllRanges();
|
|
1838
1915
|
selection.addRange(range);
|
|
1839
1916
|
}, []);
|
|
1840
|
-
const syncToolbarState =
|
|
1917
|
+
const syncToolbarState = useCallback2(() => {
|
|
1841
1918
|
if (typeof document === "undefined") {
|
|
1842
1919
|
return;
|
|
1843
1920
|
}
|
|
@@ -1877,7 +1954,7 @@ function RichTextField({
|
|
|
1877
1954
|
document.addEventListener("selectionchange", handleSelectionChange);
|
|
1878
1955
|
return () => document.removeEventListener("selectionchange", handleSelectionChange);
|
|
1879
1956
|
}, [readOnly, syncHistoryState, syncToolbarState]);
|
|
1880
|
-
const emitChange =
|
|
1957
|
+
const emitChange = useCallback2(() => {
|
|
1881
1958
|
const editor = editorRef.current;
|
|
1882
1959
|
if (!editor) {
|
|
1883
1960
|
return;
|
|
@@ -1889,11 +1966,11 @@ function RichTextField({
|
|
|
1889
1966
|
syncingValueRef.current = false;
|
|
1890
1967
|
});
|
|
1891
1968
|
}, [onChange, syncHistoryState]);
|
|
1892
|
-
const focusEditor =
|
|
1969
|
+
const focusEditor = useCallback2(() => {
|
|
1893
1970
|
var _a2;
|
|
1894
1971
|
(_a2 = editorRef.current) == null ? void 0 : _a2.focus();
|
|
1895
1972
|
}, []);
|
|
1896
|
-
const exec =
|
|
1973
|
+
const exec = useCallback2(
|
|
1897
1974
|
(command, commandValue) => {
|
|
1898
1975
|
if (readOnly) {
|
|
1899
1976
|
return;
|
|
@@ -1905,7 +1982,7 @@ function RichTextField({
|
|
|
1905
1982
|
},
|
|
1906
1983
|
[emitChange, focusEditor, readOnly, syncToolbarState]
|
|
1907
1984
|
);
|
|
1908
|
-
const execWithSelection =
|
|
1985
|
+
const execWithSelection = useCallback2(
|
|
1909
1986
|
(command, commandValue) => {
|
|
1910
1987
|
if (readOnly) {
|
|
1911
1988
|
return;
|
|
@@ -1917,7 +1994,7 @@ function RichTextField({
|
|
|
1917
1994
|
},
|
|
1918
1995
|
[emitChange, readOnly, restoreSelection, syncToolbarState]
|
|
1919
1996
|
);
|
|
1920
|
-
const applyBlockFormat =
|
|
1997
|
+
const applyBlockFormat = useCallback2(
|
|
1921
1998
|
(nextValue) => {
|
|
1922
1999
|
if (readOnly) {
|
|
1923
2000
|
return;
|
|
@@ -1930,7 +2007,7 @@ function RichTextField({
|
|
|
1930
2007
|
},
|
|
1931
2008
|
[emitChange, focusEditor, readOnly, syncToolbarState]
|
|
1932
2009
|
);
|
|
1933
|
-
const openLinkModal =
|
|
2010
|
+
const openLinkModal = useCallback2(() => {
|
|
1934
2011
|
if (readOnly) {
|
|
1935
2012
|
return;
|
|
1936
2013
|
}
|
|
@@ -1938,7 +2015,7 @@ function RichTextField({
|
|
|
1938
2015
|
setLinkUrl("");
|
|
1939
2016
|
setLinkModalOpen(true);
|
|
1940
2017
|
}, [readOnly, saveSelection]);
|
|
1941
|
-
const confirmLink =
|
|
2018
|
+
const confirmLink = useCallback2(() => {
|
|
1942
2019
|
const url = linkUrl.trim();
|
|
1943
2020
|
setLinkModalOpen(false);
|
|
1944
2021
|
if (!url) {
|
|
@@ -1946,7 +2023,7 @@ function RichTextField({
|
|
|
1946
2023
|
}
|
|
1947
2024
|
execWithSelection("createLink", url);
|
|
1948
2025
|
}, [execWithSelection, linkUrl]);
|
|
1949
|
-
const insertImage =
|
|
2026
|
+
const insertImage = useCallback2(() => {
|
|
1950
2027
|
if (readOnly) {
|
|
1951
2028
|
return;
|
|
1952
2029
|
}
|
|
@@ -1956,7 +2033,7 @@ function RichTextField({
|
|
|
1956
2033
|
}
|
|
1957
2034
|
exec("insertImage", url);
|
|
1958
2035
|
}, [exec, readOnly]);
|
|
1959
|
-
const openTableModal =
|
|
2036
|
+
const openTableModal = useCallback2(() => {
|
|
1960
2037
|
if (readOnly) {
|
|
1961
2038
|
return;
|
|
1962
2039
|
}
|
|
@@ -1965,7 +2042,7 @@ function RichTextField({
|
|
|
1965
2042
|
setTableCols(2);
|
|
1966
2043
|
setTableModalOpen(true);
|
|
1967
2044
|
}, [readOnly, saveSelection]);
|
|
1968
|
-
const confirmTable =
|
|
2045
|
+
const confirmTable = useCallback2(() => {
|
|
1969
2046
|
setTableModalOpen(false);
|
|
1970
2047
|
const rows = Math.max(1, Math.min(20, Math.round(tableRows) || 0));
|
|
1971
2048
|
const cols = Math.max(1, Math.min(20, Math.round(tableCols) || 0));
|
|
@@ -2345,7 +2422,7 @@ import { useState as useState6 } from "react";
|
|
|
2345
2422
|
var TextField_default = {"input":"opus_SOck2f_input","error":"opus_SOck2f_error"};
|
|
2346
2423
|
|
|
2347
2424
|
// ../../components/fields/shared/fieldControl.module.css
|
|
2348
|
-
var fieldControl_default = {"
|
|
2425
|
+
var fieldControl_default = {"trigger":"opus_1Q5xBh_trigger","input":"opus_1Q5xBh_input","error":"opus_1Q5xBh_error","placeholder":"opus_1Q5xBh_placeholder","passwordToggle":"opus_1Q5xBh_passwordToggle","groupLabel":"opus_1Q5xBh_groupLabel","passwordInput":"opus_1Q5xBh_passwordInput","panel":"opus_1Q5xBh_panel","panelFooter":"opus_1Q5xBh_panelFooter","search":"opus_1Q5xBh_search","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","option":"opus_1Q5xBh_option","list":"opus_1Q5xBh_list","chevron":"opus_1Q5xBh_chevron","passwordWrap":"opus_1Q5xBh_passwordWrap","triggerOpen":"opus_1Q5xBh_triggerOpen","actionButton":"opus_1Q5xBh_actionButton","triggerError":"opus_1Q5xBh_triggerError"};
|
|
2349
2426
|
|
|
2350
2427
|
// ../../components/fields/shared/PasswordToggle.tsx
|
|
2351
2428
|
import { FontAwesomeIcon as FontAwesomeIcon2 } from "@fortawesome/react-fontawesome";
|
|
@@ -2428,7 +2505,7 @@ import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawes
|
|
|
2428
2505
|
import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons";
|
|
2429
2506
|
|
|
2430
2507
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.module.css
|
|
2431
|
-
var ThemeToggleField_default = {"
|
|
2508
|
+
var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","indicator":"opus_SwerMA_indicator","active":"opus_SwerMA_active","option":"opus_SwerMA_option"};
|
|
2432
2509
|
|
|
2433
2510
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.tsx
|
|
2434
2511
|
import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
@@ -2759,7 +2836,7 @@ function MultiSelectField({
|
|
|
2759
2836
|
import { useState as useState9 } from "react";
|
|
2760
2837
|
|
|
2761
2838
|
// ../../components/fields/TransferListField/TransferListField.module.css
|
|
2762
|
-
var TransferListField_default = {"column":"opus_NPBFZk_column","
|
|
2839
|
+
var TransferListField_default = {"column":"opus_NPBFZk_column","controlButton":"opus_NPBFZk_controlButton","item":"opus_NPBFZk_item","root":"opus_NPBFZk_root","columnHeader":"opus_NPBFZk_columnHeader","controls":"opus_NPBFZk_controls","itemActive":"opus_NPBFZk_itemActive","list":"opus_NPBFZk_list"};
|
|
2763
2840
|
|
|
2764
2841
|
// ../../components/fields/TransferListField/TransferListField.tsx
|
|
2765
2842
|
import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
@@ -2875,9 +2952,11 @@ function ListColumn({
|
|
|
2875
2952
|
|
|
2876
2953
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.tsx
|
|
2877
2954
|
import { useMemo as useMemo4, useState as useState10 } from "react";
|
|
2955
|
+
import { FontAwesomeIcon as FontAwesomeIcon4 } from "@fortawesome/react-fontawesome";
|
|
2956
|
+
import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons";
|
|
2878
2957
|
|
|
2879
2958
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.module.css
|
|
2880
|
-
var PasswordStrengthField_default = {"
|
|
2959
|
+
var PasswordStrengthField_default = {"meterTrack":"opus_S1A372_meterTrack","meterWrap":"opus_S1A372_meterWrap","meterLabel":"opus_S1A372_meterLabel","meterFill":"opus_S1A372_meterFill","root":"opus_S1A372_root","requirementIcon":"opus_S1A372_requirementIcon","requirements":"opus_S1A372_requirements","requirementMet":"opus_S1A372_requirementMet","requirement":"opus_S1A372_requirement"};
|
|
2881
2960
|
|
|
2882
2961
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.tsx
|
|
2883
2962
|
import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
@@ -2960,11 +3039,21 @@ function PasswordStrengthField({
|
|
|
2960
3039
|
] }),
|
|
2961
3040
|
showRequirements ? /* @__PURE__ */ jsx23("ul", { className: PasswordStrengthField_default.requirements, children: requirements.map((requirement) => {
|
|
2962
3041
|
const met = requirement.test(value);
|
|
2963
|
-
return /* @__PURE__ */
|
|
3042
|
+
return /* @__PURE__ */ jsxs18(
|
|
2964
3043
|
"li",
|
|
2965
3044
|
{
|
|
2966
3045
|
className: met ? PasswordStrengthField_default.requirementMet : PasswordStrengthField_default.requirement,
|
|
2967
|
-
children:
|
|
3046
|
+
children: [
|
|
3047
|
+
/* @__PURE__ */ jsx23(
|
|
3048
|
+
FontAwesomeIcon4,
|
|
3049
|
+
{
|
|
3050
|
+
"aria-hidden": "true",
|
|
3051
|
+
className: PasswordStrengthField_default.requirementIcon,
|
|
3052
|
+
icon: met ? faCheck : faXmark
|
|
3053
|
+
}
|
|
3054
|
+
),
|
|
3055
|
+
/* @__PURE__ */ jsx23("span", { children: requirement.label })
|
|
3056
|
+
]
|
|
2968
3057
|
},
|
|
2969
3058
|
requirement.id
|
|
2970
3059
|
);
|
|
@@ -2975,7 +3064,7 @@ function PasswordStrengthField({
|
|
|
2975
3064
|
}
|
|
2976
3065
|
|
|
2977
3066
|
// ../../components/fields/RatingField/RatingField.module.css
|
|
2978
|
-
var RatingField_default = {"
|
|
3067
|
+
var RatingField_default = {"numericActive":"opus_0tdNUz_numericActive","root":"opus_0tdNUz_root","symbolActive":"opus_0tdNUz_symbolActive","symbol":"opus_0tdNUz_symbol","numeric":"opus_0tdNUz_numeric"};
|
|
2979
3068
|
|
|
2980
3069
|
// ../../components/fields/RatingField/RatingField.tsx
|
|
2981
3070
|
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
@@ -3050,7 +3139,7 @@ function RatingField({
|
|
|
3050
3139
|
}
|
|
3051
3140
|
|
|
3052
3141
|
// ../../components/fields/SegmentedControlField/SegmentedControlField.module.css
|
|
3053
|
-
var SegmentedControlField_default = {"
|
|
3142
|
+
var SegmentedControlField_default = {"root":"opus_ZHwfiN_root","segmentActive":"opus_ZHwfiN_segmentActive","segment":"opus_ZHwfiN_segment"};
|
|
3054
3143
|
|
|
3055
3144
|
// ../../components/fields/SegmentedControlField/SegmentedControlField.tsx
|
|
3056
3145
|
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
@@ -3105,7 +3194,7 @@ function SegmentedControlField({
|
|
|
3105
3194
|
import { useMemo as useMemo5 } from "react";
|
|
3106
3195
|
|
|
3107
3196
|
// ../../components/fields/SliderRangeField/SliderRangeField.module.css
|
|
3108
|
-
var SliderRangeField_default = {"
|
|
3197
|
+
var SliderRangeField_default = {"header":"opus_k3d0sS_header","value":"opus_k3d0sS_value","track":"opus_k3d0sS_track","root":"opus_k3d0sS_root","trackWrap":"opus_k3d0sS_trackWrap","footer":"opus_k3d0sS_footer","slider":"opus_k3d0sS_slider"};
|
|
3109
3198
|
|
|
3110
3199
|
// ../../components/fields/SliderRangeField/SliderRangeField.tsx
|
|
3111
3200
|
import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
@@ -3202,7 +3291,7 @@ function SliderRangeField({
|
|
|
3202
3291
|
import { useEffect as useEffect6, useMemo as useMemo6, useRef as useRef7, useState as useState11 } from "react";
|
|
3203
3292
|
|
|
3204
3293
|
// ../../components/fields/PhoneNumberField/PhoneNumberField.module.css
|
|
3205
|
-
var PhoneNumberField_default = {"
|
|
3294
|
+
var PhoneNumberField_default = {"empty":"opus_WC4gnN_empty","optionActive":"opus_WC4gnN_optionActive","countryWrap":"opus_WC4gnN_countryWrap","root":"opus_WC4gnN_root","country":"opus_WC4gnN_country","option":"opus_WC4gnN_option","panel":"opus_WC4gnN_panel","code":"opus_WC4gnN_code","optionLabel":"opus_WC4gnN_optionLabel","dial":"opus_WC4gnN_dial","flag":"opus_WC4gnN_flag","chevron":"opus_WC4gnN_chevron","countryValue":"opus_WC4gnN_countryValue","optionDial":"opus_WC4gnN_optionDial"};
|
|
3206
3295
|
|
|
3207
3296
|
// ../../components/fields/PhoneNumberField/countries.ts
|
|
3208
3297
|
function countryCodeToFlag(code) {
|
|
@@ -3605,7 +3694,7 @@ function PhoneNumberField({
|
|
|
3605
3694
|
import { useEffect as useEffect7, useMemo as useMemo7, useRef as useRef8, useState as useState12 } from "react";
|
|
3606
3695
|
|
|
3607
3696
|
// ../../components/fields/CountryPickerField/CountryPickerField.module.css
|
|
3608
|
-
var CountryPickerField_default = {"
|
|
3697
|
+
var CountryPickerField_default = {"triggerValue":"opus_O7qqfR_triggerValue","optionCode":"opus_O7qqfR_optionCode","root":"opus_O7qqfR_root","empty":"opus_O7qqfR_empty","option":"opus_O7qqfR_option","optionActive":"opus_O7qqfR_optionActive","optionLabel":"opus_O7qqfR_optionLabel","flag":"opus_O7qqfR_flag"};
|
|
3609
3698
|
|
|
3610
3699
|
// ../../components/fields/CountryPickerField/CountryPickerField.tsx
|
|
3611
3700
|
import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
@@ -3761,7 +3850,7 @@ function CountryPickerField({
|
|
|
3761
3850
|
import { useEffect as useEffect8, useMemo as useMemo8, useRef as useRef9, useState as useState13 } from "react";
|
|
3762
3851
|
|
|
3763
3852
|
// ../../components/fields/TreeSelectField/TreeSelectField.module.css
|
|
3764
|
-
var TreeSelectField_default = {"root":"opus_Mq6C00_root","
|
|
3853
|
+
var TreeSelectField_default = {"root":"opus_Mq6C00_root","treeOption":"opus_Mq6C00_treeOption","treeOptionActive":"opus_Mq6C00_treeOptionActive"};
|
|
3765
3854
|
|
|
3766
3855
|
// ../../components/fields/TreeSelectField/TreeSelectField.tsx
|
|
3767
3856
|
import { Fragment as Fragment3, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
@@ -3890,7 +3979,7 @@ function TreeSelectField({
|
|
|
3890
3979
|
import { useEffect as useEffect9, useMemo as useMemo9, useRef as useRef10, useState as useState14 } from "react";
|
|
3891
3980
|
|
|
3892
3981
|
// ../../components/fields/CascaderField/CascaderField.module.css
|
|
3893
|
-
var CascaderField_default = {"root":"opus_1Fg59A_root","
|
|
3982
|
+
var CascaderField_default = {"root":"opus_1Fg59A_root","option":"opus_1Fg59A_option","optionActive":"opus_1Fg59A_optionActive","column":"opus_1Fg59A_column","panel":"opus_1Fg59A_panel"};
|
|
3894
3983
|
|
|
3895
3984
|
// ../../components/fields/CascaderField/CascaderField.tsx
|
|
3896
3985
|
import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
@@ -4093,7 +4182,7 @@ function OpusThemeProvider({
|
|
|
4093
4182
|
}
|
|
4094
4183
|
|
|
4095
4184
|
// ../../components/Alert/Alert.module.css
|
|
4096
|
-
var Alert_default = {"icon":"opus_eh3eeT_icon","
|
|
4185
|
+
var Alert_default = {"alert":"opus_eh3eeT_alert","icon":"opus_eh3eeT_icon","iconSvg":"opus_eh3eeT_iconSvg","title":"opus_eh3eeT_title","dismissIcon":"opus_eh3eeT_dismissIcon","iconMark":"opus_eh3eeT_iconMark","iconFlagged":"opus_eh3eeT_iconFlagged","dismiss":"opus_eh3eeT_dismiss","content":"opus_eh3eeT_content","description":"opus_eh3eeT_description"};
|
|
4097
4186
|
|
|
4098
4187
|
// ../../components/Alert/Alert.tsx
|
|
4099
4188
|
import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
@@ -4242,7 +4331,7 @@ function useOverlayAccessibility(active, containerRef, {
|
|
|
4242
4331
|
}
|
|
4243
4332
|
|
|
4244
4333
|
// ../../components/Dialog/Dialog.module.css
|
|
4245
|
-
var Dialog_default = {"
|
|
4334
|
+
var Dialog_default = {"backdrop":"opus_sz-ZGI_backdrop","backdropIn":"opus_sz-ZGI_backdropIn","backdropOut":"opus_sz-ZGI_backdropOut","dialogIn":"opus_sz-ZGI_dialogIn","dialogOut":"opus_sz-ZGI_dialogOut","visuallyHidden":"opus_sz-ZGI_visuallyHidden","content":"opus_sz-ZGI_content","dialog":"opus_sz-ZGI_dialog","icon":"opus_sz-ZGI_icon","actions":"opus_sz-ZGI_actions","iconSvg":"opus_sz-ZGI_iconSvg","description":"opus_sz-ZGI_description","title":"opus_sz-ZGI_title","iconMark":"opus_sz-ZGI_iconMark","body":"opus_sz-ZGI_body"};
|
|
4246
4335
|
|
|
4247
4336
|
// ../../components/Dialog/Dialog.tsx
|
|
4248
4337
|
import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
@@ -4373,7 +4462,7 @@ function Dialog({
|
|
|
4373
4462
|
import { useEffect as useEffect13, useId as useId6, useRef as useRef13, useState as useState16 } from "react";
|
|
4374
4463
|
|
|
4375
4464
|
// ../../components/Modal/Modal.module.css
|
|
4376
|
-
var Modal_default = {"
|
|
4465
|
+
var Modal_default = {"modal":"opus_LQbzGS_modal","header":"opus_LQbzGS_header","title":"opus_LQbzGS_title","close":"opus_LQbzGS_close","closeIcon":"opus_LQbzGS_closeIcon","body":"opus_LQbzGS_body","footer":"opus_LQbzGS_footer","footerContent":"opus_LQbzGS_footerContent","actions":"opus_LQbzGS_actions","heading":"opus_LQbzGS_heading","modalBackdropIn":"opus_LQbzGS_modalBackdropIn","description":"opus_LQbzGS_description","modalPanelOut":"opus_LQbzGS_modalPanelOut","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","backdrop":"opus_LQbzGS_backdrop","modalPanelIn":"opus_LQbzGS_modalPanelIn"};
|
|
4377
4466
|
|
|
4378
4467
|
// ../../components/Modal/Modal.tsx
|
|
4379
4468
|
import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
@@ -4504,7 +4593,7 @@ function ModalDefaultActions({ onClose }) {
|
|
|
4504
4593
|
import { useEffect as useEffect14, useId as useId7, useRef as useRef14, useState as useState17 } from "react";
|
|
4505
4594
|
|
|
4506
4595
|
// ../../components/Drawer/Drawer.module.css
|
|
4507
|
-
var Drawer_default = {"
|
|
4596
|
+
var Drawer_default = {"header":"opus_0CaGbZ_header","close":"opus_0CaGbZ_close","actions":"opus_0CaGbZ_actions","backdrop":"opus_0CaGbZ_backdrop","description":"opus_0CaGbZ_description","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","heading":"opus_0CaGbZ_heading","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","drawerInLeft":"opus_0CaGbZ_drawerInLeft","title":"opus_0CaGbZ_title","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","drawerInTop":"opus_0CaGbZ_drawerInTop","footer":"opus_0CaGbZ_footer","drawerOutTop":"opus_0CaGbZ_drawerOutTop","drawerInRight":"opus_0CaGbZ_drawerInRight","drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","drawerOutRight":"opus_0CaGbZ_drawerOutRight","closeIcon":"opus_0CaGbZ_closeIcon","body":"opus_0CaGbZ_body","footerContent":"opus_0CaGbZ_footerContent","drawer":"opus_0CaGbZ_drawer","drawerInBottom":"opus_0CaGbZ_drawerInBottom"};
|
|
4508
4597
|
|
|
4509
4598
|
// ../../components/Drawer/Drawer.tsx
|
|
4510
4599
|
import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
@@ -4636,7 +4725,7 @@ function DrawerDefaultActions({ onClose }) {
|
|
|
4636
4725
|
import {
|
|
4637
4726
|
cloneElement,
|
|
4638
4727
|
isValidElement,
|
|
4639
|
-
useCallback as
|
|
4728
|
+
useCallback as useCallback3,
|
|
4640
4729
|
useEffect as useEffect15,
|
|
4641
4730
|
useId as useId8,
|
|
4642
4731
|
useRef as useRef15,
|
|
@@ -4644,7 +4733,7 @@ import {
|
|
|
4644
4733
|
} from "react";
|
|
4645
4734
|
|
|
4646
4735
|
// ../../components/Popover/Popover.module.css
|
|
4647
|
-
var Popover_default = {"
|
|
4736
|
+
var Popover_default = {"content":"opus_yq4OU0_content","title":"opus_yq4OU0_title","arrow":"opus_yq4OU0_arrow","panel":"opus_yq4OU0_panel","root":"opus_yq4OU0_root","popoverIn":"opus_yq4OU0_popoverIn"};
|
|
4648
4737
|
|
|
4649
4738
|
// ../../components/Popover/Popover.tsx
|
|
4650
4739
|
import { jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
@@ -4686,7 +4775,7 @@ function Popover({
|
|
|
4686
4775
|
restoreFocus: true,
|
|
4687
4776
|
trapFocus: false
|
|
4688
4777
|
});
|
|
4689
|
-
const setVisible =
|
|
4778
|
+
const setVisible = useCallback3((nextOpen) => {
|
|
4690
4779
|
if (!controlled) {
|
|
4691
4780
|
setInternalOpen(nextOpen);
|
|
4692
4781
|
}
|
|
@@ -4749,18 +4838,18 @@ function Popover({
|
|
|
4749
4838
|
import {
|
|
4750
4839
|
cloneElement as cloneElement2,
|
|
4751
4840
|
isValidElement as isValidElement2,
|
|
4752
|
-
useCallback as
|
|
4841
|
+
useCallback as useCallback6,
|
|
4753
4842
|
useEffect as useEffect18,
|
|
4754
4843
|
useId as useId10,
|
|
4755
|
-
useLayoutEffect as
|
|
4844
|
+
useLayoutEffect as useLayoutEffect4,
|
|
4756
4845
|
useRef as useRef18,
|
|
4757
4846
|
useState as useState21
|
|
4758
4847
|
} from "react";
|
|
4759
|
-
import { createPortal as
|
|
4848
|
+
import { createPortal as createPortal3 } from "react-dom";
|
|
4760
4849
|
|
|
4761
4850
|
// ../../components/TopNavigation/TopNavigation.tsx
|
|
4762
4851
|
import {
|
|
4763
|
-
useCallback as
|
|
4852
|
+
useCallback as useCallback5,
|
|
4764
4853
|
useContext as useContext5,
|
|
4765
4854
|
useEffect as useEffect17,
|
|
4766
4855
|
useMemo as useMemo10,
|
|
@@ -4769,8 +4858,8 @@ import {
|
|
|
4769
4858
|
} from "react";
|
|
4770
4859
|
|
|
4771
4860
|
// ../../components/MegaMenu/MegaMenu.tsx
|
|
4772
|
-
import { useCallback as
|
|
4773
|
-
import { createPortal } from "react-dom";
|
|
4861
|
+
import { useCallback as useCallback4, useEffect as useEffect16, useId as useId9, useLayoutEffect as useLayoutEffect3, useRef as useRef16, useState as useState19 } from "react";
|
|
4862
|
+
import { createPortal as createPortal2 } from "react-dom";
|
|
4774
4863
|
|
|
4775
4864
|
// ../../components/TopNavigation/TopNavigationContext.tsx
|
|
4776
4865
|
import { createContext as createContext4, useContext as useContext4 } from "react";
|
|
@@ -4811,7 +4900,7 @@ function resolveMegaMenuPortalStyle(root, inTopNavigation) {
|
|
|
4811
4900
|
}
|
|
4812
4901
|
|
|
4813
4902
|
// ../../components/MegaMenu/MegaMenu.module.css
|
|
4814
|
-
var MegaMenu_default = {"
|
|
4903
|
+
var MegaMenu_default = {"megaMenuIn":"opus_Y_ikQV_megaMenuIn","itemCopy":"opus_Y_ikQV_itemCopy","menuBar":"opus_Y_ikQV_menuBar","trigger":"opus_Y_ikQV_trigger","featured":"opus_Y_ikQV_featured","panelContent":"opus_Y_ikQV_panelContent","item":"opus_Y_ikQV_item","items":"opus_Y_ikQV_items","section":"opus_Y_ikQV_section","root":"opus_Y_ikQV_root","featuredAction":"opus_Y_ikQV_featuredAction","itemIcon":"opus_Y_ikQV_itemIcon","panel":"opus_Y_ikQV_panel","eyebrow":"opus_Y_ikQV_eyebrow","megaMenuOut":"opus_Y_ikQV_megaMenuOut","sections":"opus_Y_ikQV_sections"};
|
|
4815
4904
|
|
|
4816
4905
|
// ../../components/MegaMenu/MegaMenu.tsx
|
|
4817
4906
|
import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
@@ -5045,7 +5134,7 @@ function MegaMenu({
|
|
|
5045
5134
|
const visible = isStaticPanel ? true : inTopNavigation ? navigationOpen : controlled ? open : internalOpen;
|
|
5046
5135
|
const resolvedCloseOnEscape = inTopNavigation ? topNavigation.closeOnEscape : closeOnEscape;
|
|
5047
5136
|
const resolvedCloseOnOutside = inTopNavigation ? topNavigation.closeOnOutside : closeOnOutside;
|
|
5048
|
-
const setVisible =
|
|
5137
|
+
const setVisible = useCallback4((nextOpen, menuId2 = ((_d2) => (_d2 = activeConfig == null ? void 0 : activeConfig.id) != null ? _d2 : firstMenuId)()) => {
|
|
5049
5138
|
if (inTopNavigation) {
|
|
5050
5139
|
if (nextOpen) {
|
|
5051
5140
|
topNavigation.openMenu(menuId2);
|
|
@@ -5057,13 +5146,13 @@ function MegaMenu({
|
|
|
5057
5146
|
}
|
|
5058
5147
|
onOpenChange == null ? void 0 : onOpenChange(nextOpen);
|
|
5059
5148
|
}, [activeConfig == null ? void 0 : activeConfig.id, controlled, firstMenuId, inTopNavigation, onOpenChange, topNavigation]);
|
|
5060
|
-
const setActive =
|
|
5149
|
+
const setActive = useCallback4((menuId2) => {
|
|
5061
5150
|
if (activeMenu === void 0) {
|
|
5062
5151
|
setInternalActiveMenu(menuId2);
|
|
5063
5152
|
}
|
|
5064
5153
|
onActiveMenuChange == null ? void 0 : onActiveMenuChange(menuId2);
|
|
5065
5154
|
}, [activeMenu, onActiveMenuChange]);
|
|
5066
|
-
const openMenu =
|
|
5155
|
+
const openMenu = useCallback4((menuId2) => {
|
|
5067
5156
|
setActive(menuId2);
|
|
5068
5157
|
setVisible(true, menuId2);
|
|
5069
5158
|
}, [setActive, setVisible]);
|
|
@@ -5071,7 +5160,7 @@ function MegaMenu({
|
|
|
5071
5160
|
const timeout = window.setTimeout(() => setPortalReady(true), 0);
|
|
5072
5161
|
return () => window.clearTimeout(timeout);
|
|
5073
5162
|
}, []);
|
|
5074
|
-
|
|
5163
|
+
useLayoutEffect3(() => {
|
|
5075
5164
|
if (isStaticPanel || !renderPanel || !rootRef.current) {
|
|
5076
5165
|
setPortalStyle(null);
|
|
5077
5166
|
return;
|
|
@@ -5247,14 +5336,14 @@ function MegaMenu({
|
|
|
5247
5336
|
);
|
|
5248
5337
|
}) }),
|
|
5249
5338
|
isStaticPanel ? panelNode : null,
|
|
5250
|
-
!isStaticPanel && portalReady && panelNode ?
|
|
5339
|
+
!isStaticPanel && portalReady && panelNode ? createPortal2(panelNode, document.body) : null
|
|
5251
5340
|
]
|
|
5252
5341
|
}
|
|
5253
5342
|
);
|
|
5254
5343
|
}
|
|
5255
5344
|
|
|
5256
5345
|
// ../../components/TopNavigation/TopNavigation.module.css
|
|
5257
|
-
var TopNavigation_default = {"
|
|
5346
|
+
var TopNavigation_default = {"bar":"opus_OIomR6_bar","menuSlot":"opus_OIomR6_menuSlot","menuSlotMega":"opus_OIomR6_menuSlotMega","menuTrigger":"opus_OIomR6_menuTrigger","nav":"opus_OIomR6_nav"};
|
|
5258
5347
|
|
|
5259
5348
|
// ../../components/TopNavigation/TopNavigation.tsx
|
|
5260
5349
|
import { Fragment as Fragment6, jsx as jsx39 } from "react/jsx-runtime";
|
|
@@ -5480,27 +5569,27 @@ function TopNavigation({
|
|
|
5480
5569
|
}) {
|
|
5481
5570
|
const closeTimeoutRef = useRef17(null);
|
|
5482
5571
|
const [presentMenus, setPresentMenus] = useState20(() => /* @__PURE__ */ new Set());
|
|
5483
|
-
const clearCloseTimeout =
|
|
5572
|
+
const clearCloseTimeout = useCallback5(() => {
|
|
5484
5573
|
if (closeTimeoutRef.current) {
|
|
5485
5574
|
window.clearTimeout(closeTimeoutRef.current);
|
|
5486
5575
|
closeTimeoutRef.current = null;
|
|
5487
5576
|
}
|
|
5488
5577
|
}, []);
|
|
5489
|
-
const openMenu =
|
|
5578
|
+
const openMenu = useCallback5(
|
|
5490
5579
|
(menuId) => {
|
|
5491
5580
|
clearCloseTimeout();
|
|
5492
5581
|
onActiveMenuChange == null ? void 0 : onActiveMenuChange(menuId);
|
|
5493
5582
|
},
|
|
5494
5583
|
[clearCloseTimeout, onActiveMenuChange]
|
|
5495
5584
|
);
|
|
5496
|
-
const closeMenu =
|
|
5585
|
+
const closeMenu = useCallback5(() => {
|
|
5497
5586
|
onActiveMenuChange == null ? void 0 : onActiveMenuChange(null);
|
|
5498
5587
|
}, [onActiveMenuChange]);
|
|
5499
|
-
const scheduleClose =
|
|
5588
|
+
const scheduleClose = useCallback5(() => {
|
|
5500
5589
|
clearCloseTimeout();
|
|
5501
5590
|
closeTimeoutRef.current = window.setTimeout(closeMenu, HOVER_CLOSE_DELAY_MS);
|
|
5502
5591
|
}, [clearCloseTimeout, closeMenu]);
|
|
5503
|
-
const setMenuPresent =
|
|
5592
|
+
const setMenuPresent = useCallback5((menuId, present) => {
|
|
5504
5593
|
setPresentMenus((current) => {
|
|
5505
5594
|
const hasMenu = current.has(menuId);
|
|
5506
5595
|
if (present && hasMenu) {
|
|
@@ -5611,7 +5700,7 @@ function handleMenuKeyDown(event, menu, onEscape) {
|
|
|
5611
5700
|
}
|
|
5612
5701
|
|
|
5613
5702
|
// ../../components/DropdownMenu/DropdownMenu.module.css
|
|
5614
|
-
var DropdownMenu_default = {"
|
|
5703
|
+
var DropdownMenu_default = {"menu":"opus_UUVDVQ_menu","dropdownIn":"opus_UUVDVQ_dropdownIn","dropdownOut":"opus_UUVDVQ_dropdownOut","shortcut":"opus_UUVDVQ_shortcut","label":"opus_UUVDVQ_label","root":"opus_UUVDVQ_root","item":"opus_UUVDVQ_item","icon":"opus_UUVDVQ_icon"};
|
|
5615
5704
|
|
|
5616
5705
|
// ../../components/DropdownMenu/DropdownMenu.tsx
|
|
5617
5706
|
import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
@@ -5716,7 +5805,7 @@ function DropdownMenu({
|
|
|
5716
5805
|
const resolvedElevated = elevated || inTopNavigation;
|
|
5717
5806
|
const dismissOnOutside = openOnHover ? false : resolvedCloseOnOutside;
|
|
5718
5807
|
const disableClickToggle = openOnHover;
|
|
5719
|
-
const setVisible =
|
|
5808
|
+
const setVisible = useCallback6((nextOpen) => {
|
|
5720
5809
|
if (!controlled) {
|
|
5721
5810
|
setInternalOpen(nextOpen);
|
|
5722
5811
|
}
|
|
@@ -5725,13 +5814,13 @@ function DropdownMenu({
|
|
|
5725
5814
|
topNavigation.closeMenu();
|
|
5726
5815
|
}
|
|
5727
5816
|
}, [controlled, inTopNavigation, onOpenChange, topNavigation]);
|
|
5728
|
-
const clearHoverCloseTimeout =
|
|
5817
|
+
const clearHoverCloseTimeout = useCallback6(() => {
|
|
5729
5818
|
if (hoverCloseTimeoutRef.current) {
|
|
5730
5819
|
window.clearTimeout(hoverCloseTimeoutRef.current);
|
|
5731
5820
|
hoverCloseTimeoutRef.current = null;
|
|
5732
5821
|
}
|
|
5733
5822
|
}, []);
|
|
5734
|
-
const scheduleHoverClose =
|
|
5823
|
+
const scheduleHoverClose = useCallback6(() => {
|
|
5735
5824
|
clearHoverCloseTimeout();
|
|
5736
5825
|
hoverCloseTimeoutRef.current = window.setTimeout(() => {
|
|
5737
5826
|
setVisible(false);
|
|
@@ -5759,7 +5848,7 @@ function DropdownMenu({
|
|
|
5759
5848
|
const timeout = window.setTimeout(() => setPortalReady(true), 0);
|
|
5760
5849
|
return () => window.clearTimeout(timeout);
|
|
5761
5850
|
}, []);
|
|
5762
|
-
|
|
5851
|
+
useLayoutEffect4(() => {
|
|
5763
5852
|
if (!renderMenu || !rootRef.current) {
|
|
5764
5853
|
setPortalStyle(null);
|
|
5765
5854
|
return;
|
|
@@ -5931,7 +6020,7 @@ function DropdownMenu({
|
|
|
5931
6020
|
},
|
|
5932
6021
|
label
|
|
5933
6022
|
),
|
|
5934
|
-
portalReady && menuNode ?
|
|
6023
|
+
portalReady && menuNode ? createPortal3(menuNode, document.body) : null
|
|
5935
6024
|
]
|
|
5936
6025
|
}
|
|
5937
6026
|
);
|
|
@@ -5940,18 +6029,18 @@ function DropdownMenu({
|
|
|
5940
6029
|
// ../../components/ContextMenu/ContextMenuProvider.tsx
|
|
5941
6030
|
import {
|
|
5942
6031
|
createContext as createContext5,
|
|
5943
|
-
useCallback as
|
|
6032
|
+
useCallback as useCallback7,
|
|
5944
6033
|
useContext as useContext6,
|
|
5945
6034
|
useEffect as useEffect19,
|
|
5946
6035
|
useId as useId11,
|
|
5947
|
-
useLayoutEffect as
|
|
6036
|
+
useLayoutEffect as useLayoutEffect5,
|
|
5948
6037
|
useRef as useRef19,
|
|
5949
6038
|
useState as useState22
|
|
5950
6039
|
} from "react";
|
|
5951
|
-
import { createPortal as
|
|
6040
|
+
import { createPortal as createPortal4 } from "react-dom";
|
|
5952
6041
|
|
|
5953
6042
|
// ../../components/ContextMenu/ContextMenu.module.css
|
|
5954
|
-
var ContextMenu_default = {"target":"opus_nMhhae_target","
|
|
6043
|
+
var ContextMenu_default = {"target":"opus_nMhhae_target","contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn","contextMenuIn":"opus_nMhhae_contextMenuIn","menu":"opus_nMhhae_menu","layer":"opus_nMhhae_layer","backdrop":"opus_nMhhae_backdrop"};
|
|
5955
6044
|
|
|
5956
6045
|
// ../../components/ContextMenu/ContextMenuProvider.tsx
|
|
5957
6046
|
import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
@@ -6016,12 +6105,12 @@ function ContextMenuProvider({
|
|
|
6016
6105
|
useEffect19(() => {
|
|
6017
6106
|
setMounted(true);
|
|
6018
6107
|
}, []);
|
|
6019
|
-
const close =
|
|
6108
|
+
const close = useCallback7(() => {
|
|
6020
6109
|
setActiveMenu(null);
|
|
6021
6110
|
setAdjustedPosition(null);
|
|
6022
6111
|
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
6023
6112
|
}, [onOpenChange]);
|
|
6024
|
-
const registerTarget =
|
|
6113
|
+
const registerTarget = useCallback7(
|
|
6025
6114
|
(targetId, registration) => {
|
|
6026
6115
|
targetsRef.current.set(targetId, registration);
|
|
6027
6116
|
return () => {
|
|
@@ -6030,7 +6119,7 @@ function ContextMenuProvider({
|
|
|
6030
6119
|
},
|
|
6031
6120
|
[]
|
|
6032
6121
|
);
|
|
6033
|
-
const openFromTarget =
|
|
6122
|
+
const openFromTarget = useCallback7(
|
|
6034
6123
|
(targetId, x, y) => {
|
|
6035
6124
|
const registration = targetsRef.current.get(targetId);
|
|
6036
6125
|
if (!registration) {
|
|
@@ -6076,7 +6165,7 @@ function ContextMenuProvider({
|
|
|
6076
6165
|
setAdjustedPosition(null);
|
|
6077
6166
|
}
|
|
6078
6167
|
}, [controlled, open]);
|
|
6079
|
-
|
|
6168
|
+
useLayoutEffect5(() => {
|
|
6080
6169
|
if (!visible || !activeMenu || !menuRef.current) {
|
|
6081
6170
|
return;
|
|
6082
6171
|
}
|
|
@@ -6156,7 +6245,7 @@ function ContextMenuProvider({
|
|
|
6156
6245
|
const portalTheme = (_d2 = activeMenu == null ? void 0 : activeMenu.theme) != null ? _d2 : theme;
|
|
6157
6246
|
return /* @__PURE__ */ jsxs31(ContextMenuContext.Provider, { value: contextValue, children: [
|
|
6158
6247
|
children,
|
|
6159
|
-
mounted && visible && activeMenu && menuPosition ?
|
|
6248
|
+
mounted && visible && activeMenu && menuPosition ? createPortal4(
|
|
6160
6249
|
/* @__PURE__ */ jsxs31("div", { className: ContextMenu_default.layer, "data-theme": portalTheme, children: [
|
|
6161
6250
|
/* @__PURE__ */ jsx41(
|
|
6162
6251
|
"button",
|
|
@@ -6259,10 +6348,10 @@ import {
|
|
|
6259
6348
|
useState as useState23
|
|
6260
6349
|
} from "react";
|
|
6261
6350
|
import { faMagnifyingGlass } from "@fortawesome/free-solid-svg-icons";
|
|
6262
|
-
import { FontAwesomeIcon as
|
|
6351
|
+
import { FontAwesomeIcon as FontAwesomeIcon5 } from "@fortawesome/react-fontawesome";
|
|
6263
6352
|
|
|
6264
6353
|
// ../../components/CommandPalette/CommandPalette.module.css
|
|
6265
|
-
var CommandPalette_default = {"
|
|
6354
|
+
var CommandPalette_default = {"results":"opus_k1ypuy_results","itemMain":"opus_k1ypuy_itemMain","shortcut":"opus_k1ypuy_shortcut","group":"opus_k1ypuy_group","backdrop":"opus_k1ypuy_backdrop","searchInput":"opus_k1ypuy_searchInput","item":"opus_k1ypuy_item","groupLabel":"opus_k1ypuy_groupLabel","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","searchWrap":"opus_k1ypuy_searchWrap","searchIcon":"opus_k1ypuy_searchIcon","itemDescription":"opus_k1ypuy_itemDescription","empty":"opus_k1ypuy_empty","itemLabel":"opus_k1ypuy_itemLabel","visuallyHidden":"opus_k1ypuy_visuallyHidden","panel":"opus_k1ypuy_panel","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","footer":"opus_k1ypuy_footer","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","searchIconSvg":"opus_k1ypuy_searchIconSvg"};
|
|
6266
6355
|
|
|
6267
6356
|
// ../../components/CommandPalette/CommandPalette.tsx
|
|
6268
6357
|
import { jsx as jsx42, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
@@ -6452,7 +6541,7 @@ function CommandPalette({
|
|
|
6452
6541
|
children: [
|
|
6453
6542
|
/* @__PURE__ */ jsx42("h2", { className: CommandPalette_default.visuallyHidden, id: titleId, children: "Command palette" }),
|
|
6454
6543
|
/* @__PURE__ */ jsxs32("label", { className: CommandPalette_default.searchWrap, htmlFor: inputId, children: [
|
|
6455
|
-
/* @__PURE__ */ jsx42("span", { "aria-hidden": "true", className: CommandPalette_default.searchIcon, children: /* @__PURE__ */ jsx42(
|
|
6544
|
+
/* @__PURE__ */ jsx42("span", { "aria-hidden": "true", className: CommandPalette_default.searchIcon, children: /* @__PURE__ */ jsx42(FontAwesomeIcon5, { className: CommandPalette_default.searchIconSvg, icon: faMagnifyingGlass }) }),
|
|
6456
6545
|
/* @__PURE__ */ jsx42(
|
|
6457
6546
|
"input",
|
|
6458
6547
|
{
|
|
@@ -6531,7 +6620,7 @@ import {
|
|
|
6531
6620
|
} from "react";
|
|
6532
6621
|
|
|
6533
6622
|
// ../../components/AccordionGroup/AccordionGroup.tsx
|
|
6534
|
-
import { createContext as createContext6, useCallback as
|
|
6623
|
+
import { createContext as createContext6, useCallback as useCallback8, useMemo as useMemo12, useState as useState24 } from "react";
|
|
6535
6624
|
|
|
6536
6625
|
// ../../components/AccordionGroup/AccordionGroup.module.css
|
|
6537
6626
|
var AccordionGroup_default = {"group":"opus_WiRBMz_group"};
|
|
@@ -6555,7 +6644,7 @@ function AccordionGroup({
|
|
|
6555
6644
|
return type === "multiple" ? [] : "";
|
|
6556
6645
|
});
|
|
6557
6646
|
const currentValue = value != null ? value : internalValue;
|
|
6558
|
-
const setValue =
|
|
6647
|
+
const setValue = useCallback8(
|
|
6559
6648
|
(next) => {
|
|
6560
6649
|
if (value === void 0) {
|
|
6561
6650
|
setInternalValue(next);
|
|
@@ -6564,7 +6653,7 @@ function AccordionGroup({
|
|
|
6564
6653
|
},
|
|
6565
6654
|
[onValueChange, value]
|
|
6566
6655
|
);
|
|
6567
|
-
const isOpen =
|
|
6656
|
+
const isOpen = useCallback8(
|
|
6568
6657
|
(itemValue) => {
|
|
6569
6658
|
if (type === "multiple") {
|
|
6570
6659
|
return Array.isArray(currentValue) && currentValue.includes(itemValue);
|
|
@@ -6573,7 +6662,7 @@ function AccordionGroup({
|
|
|
6573
6662
|
},
|
|
6574
6663
|
[currentValue, type]
|
|
6575
6664
|
);
|
|
6576
|
-
const toggle =
|
|
6665
|
+
const toggle = useCallback8(
|
|
6577
6666
|
(itemValue) => {
|
|
6578
6667
|
if (type === "multiple") {
|
|
6579
6668
|
const openValues = Array.isArray(currentValue) ? currentValue : [];
|
|
@@ -6602,7 +6691,7 @@ function AccordionGroup({
|
|
|
6602
6691
|
}
|
|
6603
6692
|
|
|
6604
6693
|
// ../../components/Accordion/Accordion.module.css
|
|
6605
|
-
var Accordion_default = {"standalone":"opus_WNZQMV_standalone","
|
|
6694
|
+
var Accordion_default = {"standalone":"opus_WNZQMV_standalone","content":"opus_WNZQMV_content","triggerLabel":"opus_WNZQMV_triggerLabel","panel":"opus_WNZQMV_panel","trigger":"opus_WNZQMV_trigger","chevron":"opus_WNZQMV_chevron","panelInner":"opus_WNZQMV_panelInner","item":"opus_WNZQMV_item"};
|
|
6606
6695
|
|
|
6607
6696
|
// ../../components/Accordion/Accordion.tsx
|
|
6608
6697
|
import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
@@ -6687,15 +6776,15 @@ function Accordion({
|
|
|
6687
6776
|
|
|
6688
6777
|
// ../../components/ShowMore/ShowMore.tsx
|
|
6689
6778
|
import {
|
|
6690
|
-
useCallback as
|
|
6779
|
+
useCallback as useCallback10,
|
|
6691
6780
|
useId as useId14,
|
|
6692
|
-
useLayoutEffect as
|
|
6781
|
+
useLayoutEffect as useLayoutEffect6,
|
|
6693
6782
|
useRef as useRef21,
|
|
6694
6783
|
useState as useState26
|
|
6695
6784
|
} from "react";
|
|
6696
6785
|
|
|
6697
6786
|
// ../../components/ShowMore/ShowMore.module.css
|
|
6698
|
-
var ShowMore_default = {"
|
|
6787
|
+
var ShowMore_default = {"toggleLabel":"opus_dSk-ve_toggleLabel","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn","chevron":"opus_dSk-ve_chevron","inner":"opus_dSk-ve_inner","contentShell":"opus_dSk-ve_contentShell","toggle":"opus_dSk-ve_toggle","root":"opus_dSk-ve_root"};
|
|
6699
6788
|
|
|
6700
6789
|
// ../../components/ShowMore/ShowMore.tsx
|
|
6701
6790
|
import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
@@ -6728,7 +6817,7 @@ function ShowMore({
|
|
|
6728
6817
|
const [heights, setHeights] = useState26(null);
|
|
6729
6818
|
const isExpanded = expanded != null ? expanded : internalExpanded;
|
|
6730
6819
|
const clampLines2 = Math.max(1, maxLines);
|
|
6731
|
-
const measureHeights =
|
|
6820
|
+
const measureHeights = useCallback10(() => {
|
|
6732
6821
|
const inner = innerRef.current;
|
|
6733
6822
|
if (!inner) {
|
|
6734
6823
|
return;
|
|
@@ -6739,10 +6828,10 @@ function ShowMore({
|
|
|
6739
6828
|
setHeights({ collapsed, full });
|
|
6740
6829
|
setCanExpand(full > collapsed + 1);
|
|
6741
6830
|
}, [clampLines2]);
|
|
6742
|
-
|
|
6831
|
+
useLayoutEffect6(() => {
|
|
6743
6832
|
measureHeights();
|
|
6744
6833
|
}, [children, measureHeights]);
|
|
6745
|
-
|
|
6834
|
+
useLayoutEffect6(() => {
|
|
6746
6835
|
const inner = innerRef.current;
|
|
6747
6836
|
if (!inner || typeof ResizeObserver === "undefined") {
|
|
6748
6837
|
return;
|
|
@@ -6799,7 +6888,7 @@ function ShowMore({
|
|
|
6799
6888
|
}
|
|
6800
6889
|
|
|
6801
6890
|
// ../../components/Toast/Toast.module.css
|
|
6802
|
-
var Toast_default = {"
|
|
6891
|
+
var Toast_default = {"toastProgress":"opus_cklQPW_toastProgress","iconMark":"opus_cklQPW_iconMark","icon":"opus_cklQPW_icon","progressTrack":"opus_cklQPW_progressTrack","main":"opus_cklQPW_main","dismiss":"opus_cklQPW_dismiss","toast":"opus_cklQPW_toast","iconSvg":"opus_cklQPW_iconSvg","title":"opus_cklQPW_title","dismissIcon":"opus_cklQPW_dismissIcon","body":"opus_cklQPW_body","content":"opus_cklQPW_content","description":"opus_cklQPW_description","progressBar":"opus_cklQPW_progressBar"};
|
|
6803
6892
|
|
|
6804
6893
|
// ../../components/Toast/Toast.tsx
|
|
6805
6894
|
import { jsx as jsx46, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
@@ -6870,16 +6959,16 @@ function Toast({
|
|
|
6870
6959
|
// ../../components/ToastProvider/ToastProvider.tsx
|
|
6871
6960
|
import {
|
|
6872
6961
|
createContext as createContext7,
|
|
6873
|
-
useCallback as
|
|
6962
|
+
useCallback as useCallback11,
|
|
6874
6963
|
useContext as useContext8,
|
|
6875
6964
|
useEffect as useEffect21,
|
|
6876
|
-
useLayoutEffect as
|
|
6965
|
+
useLayoutEffect as useLayoutEffect7,
|
|
6877
6966
|
useRef as useRef22,
|
|
6878
6967
|
useState as useState27
|
|
6879
6968
|
} from "react";
|
|
6880
6969
|
|
|
6881
6970
|
// ../../components/ToastProvider/ToastProvider.module.css
|
|
6882
|
-
var ToastProvider_default = {"
|
|
6971
|
+
var ToastProvider_default = {"itemClip":"opus_z3pSp7_itemClip","itemSurface":"opus_z3pSp7_itemSurface","viewportTop":"opus_z3pSp7_viewportTop","itemBackdrop":"opus_z3pSp7_itemBackdrop","item":"opus_z3pSp7_item","viewport":"opus_z3pSp7_viewport","viewportBottom":"opus_z3pSp7_viewportBottom","viewportLeft":"opus_z3pSp7_viewportLeft","viewportRight":"opus_z3pSp7_viewportRight"};
|
|
6883
6972
|
|
|
6884
6973
|
// ../../components/ToastProvider/ToastProvider.tsx
|
|
6885
6974
|
import { jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
@@ -7050,10 +7139,10 @@ function ToastProvider({
|
|
|
7050
7139
|
const collapsingRef = useRef22(/* @__PURE__ */ new Set());
|
|
7051
7140
|
const enteringRef = useRef22(/* @__PURE__ */ new Set());
|
|
7052
7141
|
const stackLayoutReadyRef = useRef22(false);
|
|
7053
|
-
const setViewport =
|
|
7142
|
+
const setViewport = useCallback11((position) => {
|
|
7054
7143
|
setViewportState(position);
|
|
7055
7144
|
}, []);
|
|
7056
|
-
const setItemRef =
|
|
7145
|
+
const setItemRef = useCallback11((id) => {
|
|
7057
7146
|
return (node) => {
|
|
7058
7147
|
if (node) {
|
|
7059
7148
|
itemRefs.current.set(id, node);
|
|
@@ -7064,21 +7153,21 @@ function ToastProvider({
|
|
|
7064
7153
|
collapsingRef.current.delete(id);
|
|
7065
7154
|
};
|
|
7066
7155
|
}, []);
|
|
7067
|
-
const removeToast =
|
|
7156
|
+
const removeToast = useCallback11((id) => {
|
|
7068
7157
|
collapsingRef.current.delete(id);
|
|
7069
7158
|
enteringRef.current.delete(id);
|
|
7070
7159
|
itemRefs.current.delete(id);
|
|
7071
7160
|
setToasts((current) => current.filter((toast) => toast.id !== id));
|
|
7072
7161
|
}, []);
|
|
7073
|
-
const dismiss =
|
|
7162
|
+
const dismiss = useCallback11((id) => {
|
|
7074
7163
|
setToasts(
|
|
7075
7164
|
(current) => current.map((toast) => toast.id === id ? __spreadProps(__spreadValues({}, toast), { phase: "exiting" }) : toast)
|
|
7076
7165
|
);
|
|
7077
7166
|
}, []);
|
|
7078
|
-
const dismissAll =
|
|
7167
|
+
const dismissAll = useCallback11(() => {
|
|
7079
7168
|
setToasts((current) => current.map((toast) => __spreadProps(__spreadValues({}, toast), { phase: "exiting" })));
|
|
7080
7169
|
}, []);
|
|
7081
|
-
const markEntered =
|
|
7170
|
+
const markEntered = useCallback11((id) => {
|
|
7082
7171
|
enteringRef.current.delete(id);
|
|
7083
7172
|
setToasts(
|
|
7084
7173
|
(current) => current.map(
|
|
@@ -7086,7 +7175,7 @@ function ToastProvider({
|
|
|
7086
7175
|
)
|
|
7087
7176
|
);
|
|
7088
7177
|
}, []);
|
|
7089
|
-
const show =
|
|
7178
|
+
const show = useCallback11(
|
|
7090
7179
|
(options) => {
|
|
7091
7180
|
const id = `toast-${nextId.current++}`;
|
|
7092
7181
|
const entry = __spreadProps(__spreadValues({}, options), { id, phase: "entering" });
|
|
@@ -7097,7 +7186,7 @@ function ToastProvider({
|
|
|
7097
7186
|
},
|
|
7098
7187
|
[viewport.vertical]
|
|
7099
7188
|
);
|
|
7100
|
-
|
|
7189
|
+
useLayoutEffect7(() => {
|
|
7101
7190
|
const reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
7102
7191
|
const offscreenTransform = hiddenSurfaceTransform(viewport.vertical);
|
|
7103
7192
|
const exitingElements = toasts.filter((toast) => toast.phase === "exiting").map((toast) => itemRefs.current.get(toast.id)).filter((element) => Boolean(element));
|
|
@@ -7249,7 +7338,7 @@ function ToastProvider({
|
|
|
7249
7338
|
import { useId as useId15, useState as useState28 } from "react";
|
|
7250
7339
|
|
|
7251
7340
|
// ../../components/Tabs/Tabs.module.css
|
|
7252
|
-
var Tabs_default = {"
|
|
7341
|
+
var Tabs_default = {"list":"opus_ADVJmy_list","panel":"opus_ADVJmy_panel","root":"opus_ADVJmy_root","tab":"opus_ADVJmy_tab"};
|
|
7253
7342
|
|
|
7254
7343
|
// ../../components/Tabs/Tabs.tsx
|
|
7255
7344
|
import { jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
@@ -7363,7 +7452,7 @@ function Tabs({
|
|
|
7363
7452
|
}
|
|
7364
7453
|
|
|
7365
7454
|
// ../../components/Card/Card.module.css
|
|
7366
|
-
var Card_default = {"
|
|
7455
|
+
var Card_default = {"body":"opus_qWo1sP_body","heading":"opus_qWo1sP_heading","content":"opus_qWo1sP_content","card":"opus_qWo1sP_card","footer":"opus_qWo1sP_footer","media":"opus_qWo1sP_media","title":"opus_qWo1sP_title","footerContent":"opus_qWo1sP_footerContent","actions":"opus_qWo1sP_actions","eyebrow":"opus_qWo1sP_eyebrow"};
|
|
7367
7456
|
|
|
7368
7457
|
// ../../components/Card/Card.tsx
|
|
7369
7458
|
import { jsx as jsx49, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
@@ -7394,7 +7483,7 @@ function Card({
|
|
|
7394
7483
|
}
|
|
7395
7484
|
|
|
7396
7485
|
// ../../components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css
|
|
7397
|
-
var dashboardMetricCardLayout_default = {"
|
|
7486
|
+
var dashboardMetricCardLayout_default = {"iconSlot":"opus_6_sptY_iconSlot","header":"opus_6_sptY_header","label":"opus_6_sptY_label","metaPlaceholder":"opus_6_sptY_metaPlaceholder","shell":"opus_6_sptY_shell","value":"opus_6_sptY_value","iconPlaceholder":"opus_6_sptY_iconPlaceholder","metaSlot":"opus_6_sptY_metaSlot"};
|
|
7398
7487
|
|
|
7399
7488
|
// ../../components/StatCard/StatCard.module.css
|
|
7400
7489
|
var StatCard_default = {"change":"opus_KIXsQY_change"};
|
|
@@ -7424,7 +7513,7 @@ function StatCard({
|
|
|
7424
7513
|
}
|
|
7425
7514
|
|
|
7426
7515
|
// ../../components/Gauge/Gauge.module.css
|
|
7427
|
-
var Gauge_default = {"
|
|
7516
|
+
var Gauge_default = {"summary":"opus_t6IuQe_summary","gauge":"opus_t6IuQe_gauge","heading":"opus_t6IuQe_heading","footerTrend":"opus_t6IuQe_footerTrend","title":"opus_t6IuQe_title","footerItem":"opus_t6IuQe_footerItem","footerValue":"opus_t6IuQe_footerValue","gaugeTrack":"opus_t6IuQe_gaugeTrack","body":"opus_t6IuQe_body","gaugeSvg":"opus_t6IuQe_gaugeSvg","change":"opus_t6IuQe_change","subtitle":"opus_t6IuQe_subtitle","gaugeCenter":"opus_t6IuQe_gaugeCenter","header":"opus_t6IuQe_header","gaugeSlot":"opus_t6IuQe_gaugeSlot","footerLabel":"opus_t6IuQe_footerLabel","gaugeValue":"opus_t6IuQe_gaugeValue","footer":"opus_t6IuQe_footer","widget":"opus_t6IuQe_widget"};
|
|
7428
7517
|
|
|
7429
7518
|
// ../../components/Gauge/Gauge.tsx
|
|
7430
7519
|
import { jsx as jsx51, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
@@ -7558,7 +7647,7 @@ function Gauge({
|
|
|
7558
7647
|
import { useId as useId16 } from "react";
|
|
7559
7648
|
|
|
7560
7649
|
// ../../components/Sparkline/Sparkline.module.css
|
|
7561
|
-
var Sparkline_default = {"
|
|
7650
|
+
var Sparkline_default = {"area":"opus_xXtB87_area","svg":"opus_xXtB87_svg","endPoint":"opus_xXtB87_endPoint","label":"opus_xXtB87_label","chart":"opus_xXtB87_chart","sparkline":"opus_xXtB87_sparkline","line":"opus_xXtB87_line"};
|
|
7562
7651
|
|
|
7563
7652
|
// ../../components/Sparkline/Sparkline.tsx
|
|
7564
7653
|
import { jsx as jsx52, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
@@ -7624,7 +7713,7 @@ function Sparkline({
|
|
|
7624
7713
|
}
|
|
7625
7714
|
|
|
7626
7715
|
// ../../components/ProgressRing/ProgressRing.module.css
|
|
7627
|
-
var ProgressRing_default = {"track":"opus_YxX6Hh_track","svg":"opus_YxX6Hh_svg","center":"opus_YxX6Hh_center","
|
|
7716
|
+
var ProgressRing_default = {"ring":"opus_YxX6Hh_ring","track":"opus_YxX6Hh_track","svg":"opus_YxX6Hh_svg","center":"opus_YxX6Hh_center","value":"opus_YxX6Hh_value"};
|
|
7628
7717
|
|
|
7629
7718
|
// ../../components/ProgressRing/ProgressRing.tsx
|
|
7630
7719
|
import { jsx as jsx53, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
@@ -7657,7 +7746,7 @@ function ProgressRing({ label, max = 100, value }) {
|
|
|
7657
7746
|
}
|
|
7658
7747
|
|
|
7659
7748
|
// ../../components/ProgressBar/ProgressBar.module.css
|
|
7660
|
-
var ProgressBar_default = {"
|
|
7749
|
+
var ProgressBar_default = {"track":"opus_q04AvA_track","value":"opus_q04AvA_value","fill":"opus_q04AvA_fill","bar":"opus_q04AvA_bar","header":"opus_q04AvA_header","label":"opus_q04AvA_label"};
|
|
7661
7750
|
|
|
7662
7751
|
// ../../components/ProgressBar/ProgressBar.tsx
|
|
7663
7752
|
import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
@@ -7677,7 +7766,7 @@ function ProgressBar({ label, max = 100, value }) {
|
|
|
7677
7766
|
}
|
|
7678
7767
|
|
|
7679
7768
|
// ../../components/Speedometer/Speedometer.module.css
|
|
7680
|
-
var Speedometer_default = {"
|
|
7769
|
+
var Speedometer_default = {"speedometer":"opus__jpB7z_speedometer","needle":"opus__jpB7z_needle","hub":"opus__jpB7z_hub","track":"opus__jpB7z_track","svg":"opus__jpB7z_svg","value":"opus__jpB7z_value","center":"opus__jpB7z_center"};
|
|
7681
7770
|
|
|
7682
7771
|
// ../../components/Speedometer/Speedometer.tsx
|
|
7683
7772
|
import { jsx as jsx55, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
@@ -7710,7 +7799,7 @@ function Speedometer({ label, max = 100, value }) {
|
|
|
7710
7799
|
}
|
|
7711
7800
|
|
|
7712
7801
|
// ../../components/MetricTile/MetricTile.module.css
|
|
7713
|
-
var MetricTile_default = {"
|
|
7802
|
+
var MetricTile_default = {"sparklineRail":"opus_-dz9KL_sparklineRail","tile":"opus_-dz9KL_tile","sparklineReserve":"opus_-dz9KL_sparklineReserve"};
|
|
7714
7803
|
|
|
7715
7804
|
// ../../components/MetricTile/MetricTile.tsx
|
|
7716
7805
|
import { jsx as jsx56, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
@@ -7728,7 +7817,7 @@ function MetricTile({ density = "comfortable", icon, label, sparkline, value })
|
|
|
7728
7817
|
}
|
|
7729
7818
|
|
|
7730
7819
|
// ../../components/StatusIndicator/StatusIndicator.module.css
|
|
7731
|
-
var StatusIndicator_default = {"
|
|
7820
|
+
var StatusIndicator_default = {"indicator":"opus_ZfaAEC_indicator","dot":"opus_ZfaAEC_dot"};
|
|
7732
7821
|
|
|
7733
7822
|
// ../../components/StatusIndicator/StatusIndicator.tsx
|
|
7734
7823
|
import { jsx as jsx57, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
@@ -7753,7 +7842,7 @@ function TrendBadge({ direction, value }) {
|
|
|
7753
7842
|
}
|
|
7754
7843
|
|
|
7755
7844
|
// ../../components/Panel/Panel.module.css
|
|
7756
|
-
var Panel_default = {"
|
|
7845
|
+
var Panel_default = {"heading":"opus_JZHUc__heading","title":"opus_JZHUc__title","description":"opus_JZHUc__description","headerActions":"opus_JZHUc__headerActions","body":"opus_JZHUc__body","header":"opus_JZHUc__header","panel":"opus_JZHUc__panel","footer":"opus_JZHUc__footer"};
|
|
7757
7846
|
|
|
7758
7847
|
// ../../components/Panel/Panel.tsx
|
|
7759
7848
|
import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
@@ -7937,7 +8026,7 @@ function resolveSectionGapVars(gap = "md") {
|
|
|
7937
8026
|
}
|
|
7938
8027
|
|
|
7939
8028
|
// ../../components/Section/Section.module.css
|
|
7940
|
-
var Section_default = {"
|
|
8029
|
+
var Section_default = {"header":"opus_FajZiH_header","title":"opus_FajZiH_title","section":"opus_FajZiH_section","description":"opus_FajZiH_description","body":"opus_FajZiH_body","row":"opus_FajZiH_row","column":"opus_FajZiH_column"};
|
|
7941
8030
|
|
|
7942
8031
|
// ../../components/Section/Section.tsx
|
|
7943
8032
|
import { jsx as jsx59, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
@@ -8018,7 +8107,7 @@ var Section = Object.assign(SectionRoot, {
|
|
|
8018
8107
|
});
|
|
8019
8108
|
|
|
8020
8109
|
// ../../components/Table/Table.module.css
|
|
8021
|
-
var Table_default = {"
|
|
8110
|
+
var Table_default = {"table":"opus_2q7S14_table","caption":"opus_2q7S14_caption","visuallyHidden":"opus_2q7S14_visuallyHidden","wrap":"opus_2q7S14_wrap","empty":"opus_2q7S14_empty"};
|
|
8022
8111
|
|
|
8023
8112
|
// ../../components/Table/Table.tsx
|
|
8024
8113
|
import { jsx as jsx60, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
@@ -8047,12 +8136,12 @@ function Table({
|
|
|
8047
8136
|
}
|
|
8048
8137
|
|
|
8049
8138
|
// ../../components/DataGrid/DataGrid.tsx
|
|
8050
|
-
import { forwardRef, useCallback as
|
|
8139
|
+
import { forwardRef, useCallback as useCallback12, useLayoutEffect as useLayoutEffect8, useMemo as useMemo14, useRef as useRef23, useState as useState29 } from "react";
|
|
8051
8140
|
import { faFilter } from "@fortawesome/free-solid-svg-icons";
|
|
8052
|
-
import { FontAwesomeIcon as
|
|
8141
|
+
import { FontAwesomeIcon as FontAwesomeIcon6 } from "@fortawesome/react-fontawesome";
|
|
8053
8142
|
|
|
8054
8143
|
// ../../components/DataGrid/DataGrid.module.css
|
|
8055
|
-
var DataGrid_default = {"
|
|
8144
|
+
var DataGrid_default = {"wrap":"opus_zN0bNb_wrap","menuSection":"opus_zN0bNb_menuSection","menuAction":"opus_zN0bNb_menuAction","sortButton":"opus_zN0bNb_sortButton","sortIndicator":"opus_zN0bNb_sortIndicator","menuButton":"opus_zN0bNb_menuButton","visuallyHidden":"opus_zN0bNb_visuallyHidden","rowHeader":"opus_zN0bNb_rowHeader","menuFilterIcon":"opus_zN0bNb_menuFilterIcon","headerLabel":"opus_zN0bNb_headerLabel","caption":"opus_zN0bNb_caption","headerMenu":"opus_zN0bNb_headerMenu","grid":"opus_zN0bNb_grid","frame":"opus_zN0bNb_frame","headerCell":"opus_zN0bNb_headerCell","menuLabel":"opus_zN0bNb_menuLabel","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","menuChevron":"opus_zN0bNb_menuChevron","menuHost":"opus_zN0bNb_menuHost","filterInput":"opus_zN0bNb_filterInput","empty":"opus_zN0bNb_empty","headerControls":"opus_zN0bNb_headerControls","gridBody":"opus_zN0bNb_gridBody","corner":"opus_zN0bNb_corner","sortButtonLabel":"opus_zN0bNb_sortButtonLabel"};
|
|
8056
8145
|
|
|
8057
8146
|
// ../../components/DataGrid/DataGrid.tsx
|
|
8058
8147
|
import { jsx as jsx61, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
@@ -8180,18 +8269,18 @@ function DataGrid({
|
|
|
8180
8269
|
return sort.direction === "ascending" ? result : -result;
|
|
8181
8270
|
});
|
|
8182
8271
|
const openMenuFeatures = openMenu ? columnFeatures[openMenu.key] : void 0;
|
|
8183
|
-
const resetWrapMinHeight =
|
|
8272
|
+
const resetWrapMinHeight = useCallback12(() => {
|
|
8184
8273
|
if (wrapRef.current) {
|
|
8185
8274
|
wrapRef.current.style.minHeight = "";
|
|
8186
8275
|
}
|
|
8187
8276
|
}, []);
|
|
8188
|
-
const closeHeaderMenu =
|
|
8277
|
+
const closeHeaderMenu = useCallback12(() => {
|
|
8189
8278
|
menuAnchorRef.current = null;
|
|
8190
8279
|
resetWrapMinHeight();
|
|
8191
8280
|
setOpenMenu(null);
|
|
8192
8281
|
}, [resetWrapMinHeight]);
|
|
8193
8282
|
const activeMenuFilter = openMenu ? (_a2 = filters[openMenu.key]) != null ? _a2 : "" : "";
|
|
8194
|
-
const applyMenuPosition =
|
|
8283
|
+
const applyMenuPosition = useCallback12(() => {
|
|
8195
8284
|
const anchor = menuAnchorRef.current;
|
|
8196
8285
|
const menu = menuRef.current;
|
|
8197
8286
|
const host = menuHostRef.current;
|
|
@@ -8232,7 +8321,7 @@ function DataGrid({
|
|
|
8232
8321
|
menu.style.maxHeight = `${maxHeight}px`;
|
|
8233
8322
|
menu.style.transform = openBelow ? "" : "translateY(-100%)";
|
|
8234
8323
|
}, [activeMenuFilter, closeHeaderMenu, openMenuFeatures == null ? void 0 : openMenuFeatures.filterable]);
|
|
8235
|
-
const scheduleMenuPosition =
|
|
8324
|
+
const scheduleMenuPosition = useCallback12(() => {
|
|
8236
8325
|
if (menuFrameRef.current !== null) {
|
|
8237
8326
|
return;
|
|
8238
8327
|
}
|
|
@@ -8241,7 +8330,7 @@ function DataGrid({
|
|
|
8241
8330
|
applyMenuPosition();
|
|
8242
8331
|
});
|
|
8243
8332
|
}, [applyMenuPosition]);
|
|
8244
|
-
|
|
8333
|
+
useLayoutEffect8(() => {
|
|
8245
8334
|
var _a3;
|
|
8246
8335
|
if (!openMenu) {
|
|
8247
8336
|
resetWrapMinHeight();
|
|
@@ -8297,7 +8386,7 @@ function DataGrid({
|
|
|
8297
8386
|
}
|
|
8298
8387
|
};
|
|
8299
8388
|
}, [activeMenuFilter, applyMenuPosition, closeHeaderMenu, openMenu, resetWrapMinHeight, scheduleMenuPosition]);
|
|
8300
|
-
|
|
8389
|
+
useLayoutEffect8(() => {
|
|
8301
8390
|
if (!openMenu) {
|
|
8302
8391
|
return;
|
|
8303
8392
|
}
|
|
@@ -8336,7 +8425,7 @@ function DataGrid({
|
|
|
8336
8425
|
menuId: key
|
|
8337
8426
|
});
|
|
8338
8427
|
};
|
|
8339
|
-
const beginResize =
|
|
8428
|
+
const beginResize = useCallback12((event, key, measuredWidth) => {
|
|
8340
8429
|
var _a3, _b3, _c3, _d3;
|
|
8341
8430
|
if (!((_a3 = columnFeatures[key]) == null ? void 0 : _a3.resizable)) {
|
|
8342
8431
|
return;
|
|
@@ -8386,7 +8475,7 @@ function DataGrid({
|
|
|
8386
8475
|
window.addEventListener("pointerup", finishResize);
|
|
8387
8476
|
window.addEventListener("pointercancel", finishResize);
|
|
8388
8477
|
}, [closeHeaderMenu, columnFeatures, columnWidths, density]);
|
|
8389
|
-
const handleBodyPointerDown =
|
|
8478
|
+
const handleBodyPointerDown = useCallback12((event) => {
|
|
8390
8479
|
var _a3;
|
|
8391
8480
|
const cell = event.target.closest(
|
|
8392
8481
|
"td[data-column-key]"
|
|
@@ -8593,7 +8682,7 @@ function HeaderContent({
|
|
|
8593
8682
|
"data-filter-active": filterActive,
|
|
8594
8683
|
type: "button",
|
|
8595
8684
|
onClick: (event) => onMenuToggle(event.currentTarget),
|
|
8596
|
-
children: filterActive ? /* @__PURE__ */ jsx61(
|
|
8685
|
+
children: filterActive ? /* @__PURE__ */ jsx61(FontAwesomeIcon6, { className: DataGrid_default.menuFilterIcon, icon: faFilter }) : /* @__PURE__ */ jsx61("span", { "aria-hidden": "true", className: DataGrid_default.menuChevron })
|
|
8597
8686
|
}
|
|
8598
8687
|
) : null
|
|
8599
8688
|
] }) : null
|
|
@@ -10995,7 +11084,7 @@ function SpecializedChart(props) {
|
|
|
10995
11084
|
}
|
|
10996
11085
|
|
|
10997
11086
|
// ../../components/Chart/Chart.module.css
|
|
10998
|
-
var Chart_default = {"
|
|
11087
|
+
var Chart_default = {"slice":"opus_L6guCK_slice","land":"opus_L6guCK_land","mapLand":"opus_L6guCK_mapLand","axisGuide":"opus_L6guCK_axisGuide","graphLink":"opus_L6guCK_graphLink","radarGrid":"opus_L6guCK_radarGrid","wick":"opus_L6guCK_wick","link":"opus_L6guCK_link","sankeyNode":"opus_L6guCK_sankeyNode","legendItem":"opus_L6guCK_legendItem","seriesE":"opus_L6guCK_seriesE","axisLabels":"opus_L6guCK_axisLabels","meta":"opus_L6guCK_meta","area":"opus_L6guCK_area","valueLabel":"opus_L6guCK_valueLabel","seriesF":"opus_L6guCK_seriesF","header":"opus_L6guCK_header","grid":"opus_L6guCK_grid","seriesB":"opus_L6guCK_seriesB","legend":"opus_L6guCK_legend","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","ring":"opus_L6guCK_ring","graphLinkColored":"opus_L6guCK_graphLinkColored","funnel":"opus_L6guCK_funnel","svg":"opus_L6guCK_svg","mapValue":"opus_L6guCK_mapValue","violin":"opus_L6guCK_violin","ridge":"opus_L6guCK_ridge","sankeySideName":"opus_L6guCK_sankeySideName","bar":"opus_L6guCK_bar","sankeySideValue":"opus_L6guCK_sankeySideValue","treemapLabel":"opus_L6guCK_treemapLabel","graphNode":"opus_L6guCK_graphNode","axisTick":"opus_L6guCK_axisTick","mapRegion":"opus_L6guCK_mapRegion","seriesD":"opus_L6guCK_seriesD","seriesA":"opus_L6guCK_seriesA","sankeySideLabel":"opus_L6guCK_sankeySideLabel","funnelText":"opus_L6guCK_funnelText","seriesC":"opus_L6guCK_seriesC","packParent":"opus_L6guCK_packParent","graphNodeRing":"opus_L6guCK_graphNodeRing","radarArea":"opus_L6guCK_radarArea","axisTitle":"opus_L6guCK_axisTitle","line":"opus_L6guCK_line","point":"opus_L6guCK_point","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","legendSwatch":"opus_L6guCK_legendSwatch","title":"opus_L6guCK_title","axes":"opus_L6guCK_axes","funnelGuide":"opus_L6guCK_funnelGuide","sankeyLink":"opus_L6guCK_sankeyLink","packLabel":"opus_L6guCK_packLabel","graphLabel":"opus_L6guCK_graphLabel","axisLine":"opus_L6guCK_axisLine","chart":"opus_L6guCK_chart","mapLabel":"opus_L6guCK_mapLabel"};
|
|
10999
11088
|
|
|
11000
11089
|
// ../../components/Chart/Chart.tsx
|
|
11001
11090
|
import { Fragment as Fragment7, jsx as jsx63, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
@@ -12095,7 +12184,7 @@ function Chart({
|
|
|
12095
12184
|
}
|
|
12096
12185
|
|
|
12097
12186
|
// ../../components/Skeleton/Skeleton.module.css
|
|
12098
|
-
var Skeleton_default = {"
|
|
12187
|
+
var Skeleton_default = {"skeletonPulse":"opus_27r9Md_skeletonPulse","avatar":"opus_27r9Md_avatar","line":"opus_27r9Md_line","tableCell":"opus_27r9Md_tableCell","skeletonShimmer":"opus_27r9Md_skeletonShimmer","avatarContent":"opus_27r9Md_avatarContent","media":"opus_27r9Md_media","stack":"opus_27r9Md_stack","tableRow":"opus_27r9Md_tableRow","skeleton":"opus_27r9Md_skeleton"};
|
|
12099
12188
|
|
|
12100
12189
|
// ../../components/Skeleton/Skeleton.tsx
|
|
12101
12190
|
import { jsx as jsx64, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
@@ -12136,17 +12225,17 @@ function Skeleton({
|
|
|
12136
12225
|
}
|
|
12137
12226
|
|
|
12138
12227
|
// ../../components/Carousel/Carousel.tsx
|
|
12139
|
-
import { useCallback as
|
|
12228
|
+
import { useCallback as useCallback14, useEffect as useEffect24, useMemo as useMemo15, useRef as useRef26, useState as useState32 } from "react";
|
|
12140
12229
|
import { faChevronLeft, faChevronRight } from "@fortawesome/free-solid-svg-icons";
|
|
12141
|
-
import { FontAwesomeIcon as
|
|
12230
|
+
import { FontAwesomeIcon as FontAwesomeIcon8 } from "@fortawesome/react-fontawesome";
|
|
12142
12231
|
|
|
12143
12232
|
// ../../components/Lightbox/Lightbox.tsx
|
|
12144
|
-
import { useCallback as
|
|
12145
|
-
import { faXmark } from "@fortawesome/free-solid-svg-icons";
|
|
12146
|
-
import { FontAwesomeIcon as
|
|
12233
|
+
import { useCallback as useCallback13, useEffect as useEffect23, useRef as useRef25, useState as useState31 } from "react";
|
|
12234
|
+
import { faXmark as faXmark2 } from "@fortawesome/free-solid-svg-icons";
|
|
12235
|
+
import { FontAwesomeIcon as FontAwesomeIcon7 } from "@fortawesome/react-fontawesome";
|
|
12147
12236
|
|
|
12148
12237
|
// ../../components/Lightbox/Lightbox.module.css
|
|
12149
|
-
var Lightbox_default = {"
|
|
12238
|
+
var Lightbox_default = {"lightbox":"opus_s7Rpyv_lightbox","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut","close":"opus_s7Rpyv_close","trigger":"opus_s7Rpyv_trigger","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","overlay":"opus_s7Rpyv_overlay","panel":"opus_s7Rpyv_panel","image":"opus_s7Rpyv_image","caption":"opus_s7Rpyv_caption","frame":"opus_s7Rpyv_frame","closeIcon":"opus_s7Rpyv_closeIcon","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn"};
|
|
12150
12239
|
|
|
12151
12240
|
// ../../components/Lightbox/Lightbox.tsx
|
|
12152
12241
|
import { jsx as jsx65, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
@@ -12169,7 +12258,7 @@ function Lightbox({
|
|
|
12169
12258
|
const triggerRef = useRef25(null);
|
|
12170
12259
|
const panelRef = useRef25(null);
|
|
12171
12260
|
const closeRef = useRef25(null);
|
|
12172
|
-
const setOpen =
|
|
12261
|
+
const setOpen = useCallback13((nextOpen) => {
|
|
12173
12262
|
if (!isControlled) {
|
|
12174
12263
|
setInternalOpen(nextOpen);
|
|
12175
12264
|
}
|
|
@@ -12245,7 +12334,7 @@ function Lightbox({
|
|
|
12245
12334
|
className: Lightbox_default.close,
|
|
12246
12335
|
type: "button",
|
|
12247
12336
|
onClick: () => setOpen(false),
|
|
12248
|
-
children: /* @__PURE__ */ jsx65(
|
|
12337
|
+
children: /* @__PURE__ */ jsx65(FontAwesomeIcon7, { "aria-hidden": "true", className: Lightbox_default.closeIcon, icon: faXmark2 })
|
|
12249
12338
|
}
|
|
12250
12339
|
),
|
|
12251
12340
|
/* @__PURE__ */ jsxs55("figure", { className: Lightbox_default.panel, children: [
|
|
@@ -12261,7 +12350,7 @@ function Lightbox({
|
|
|
12261
12350
|
}
|
|
12262
12351
|
|
|
12263
12352
|
// ../../components/Carousel/Carousel.module.css
|
|
12264
|
-
var Carousel_default = {"
|
|
12353
|
+
var Carousel_default = {"visuallyHidden":"opus_N4occJ_visuallyHidden","stage":"opus_N4occJ_stage","slide":"opus_N4occJ_slide","pips":"opus_N4occJ_pips","track":"opus_N4occJ_track","nav":"opus_N4occJ_nav","navIcon":"opus_N4occJ_navIcon","footer":"opus_N4occJ_footer","carousel":"opus_N4occJ_carousel","image":"opus_N4occJ_image","caption":"opus_N4occJ_caption","pip":"opus_N4occJ_pip","empty":"opus_N4occJ_empty"};
|
|
12265
12354
|
|
|
12266
12355
|
// ../../components/Carousel/Carousel.tsx
|
|
12267
12356
|
import { Fragment as Fragment8, jsx as jsx66, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
@@ -12335,7 +12424,7 @@ function Carousel({
|
|
|
12335
12424
|
}, [images.length, initialIndex, loopEnabled]);
|
|
12336
12425
|
const activeIndex = getRealIndex(trackIndex, images.length, loopEnabled);
|
|
12337
12426
|
const activeImage = images[activeIndex];
|
|
12338
|
-
const goToTrackIndex =
|
|
12427
|
+
const goToTrackIndex = useCallback14((nextTrackIndex, animate = true) => {
|
|
12339
12428
|
if (trackImages.length === 0) {
|
|
12340
12429
|
return;
|
|
12341
12430
|
}
|
|
@@ -12350,7 +12439,7 @@ function Carousel({
|
|
|
12350
12439
|
}
|
|
12351
12440
|
setTrackIndex(clamped);
|
|
12352
12441
|
}, [isAnimating, trackImages.length]);
|
|
12353
|
-
const goTo =
|
|
12442
|
+
const goTo = useCallback14((targetIndex) => {
|
|
12354
12443
|
if (images.length === 0) {
|
|
12355
12444
|
return;
|
|
12356
12445
|
}
|
|
@@ -12360,7 +12449,7 @@ function Carousel({
|
|
|
12360
12449
|
}
|
|
12361
12450
|
goToTrackIndex(getTrackIndexForRealIndex(normalized, loopEnabled), true);
|
|
12362
12451
|
}, [activeIndex, goToTrackIndex, images.length, loopEnabled]);
|
|
12363
|
-
const finishJump =
|
|
12452
|
+
const finishJump = useCallback14((nextTrackIndex) => {
|
|
12364
12453
|
isJumpingRef.current = true;
|
|
12365
12454
|
setTransitionEnabled(false);
|
|
12366
12455
|
setTrackIndex(nextTrackIndex);
|
|
@@ -12473,7 +12562,7 @@ function Carousel({
|
|
|
12473
12562
|
disabled: isAnimating || !loopEnabled && trackIndex === 0,
|
|
12474
12563
|
type: "button",
|
|
12475
12564
|
onClick: handlePrevious,
|
|
12476
|
-
children: /* @__PURE__ */ jsx66(
|
|
12565
|
+
children: /* @__PURE__ */ jsx66(FontAwesomeIcon8, { "aria-hidden": "true", className: Carousel_default.navIcon, icon: faChevronLeft })
|
|
12477
12566
|
}
|
|
12478
12567
|
),
|
|
12479
12568
|
/* @__PURE__ */ jsx66(
|
|
@@ -12485,7 +12574,7 @@ function Carousel({
|
|
|
12485
12574
|
disabled: isAnimating || !loopEnabled && trackIndex === trackImages.length - 1,
|
|
12486
12575
|
type: "button",
|
|
12487
12576
|
onClick: handleNext,
|
|
12488
|
-
children: /* @__PURE__ */ jsx66(
|
|
12577
|
+
children: /* @__PURE__ */ jsx66(FontAwesomeIcon8, { "aria-hidden": "true", className: Carousel_default.navIcon, icon: faChevronRight })
|
|
12489
12578
|
}
|
|
12490
12579
|
),
|
|
12491
12580
|
showPips ? /* @__PURE__ */ jsx66("div", { "aria-label": "Choose slide", className: Carousel_default.pips, children: images.map((image, index) => {
|
|
@@ -12513,7 +12602,7 @@ function Carousel({
|
|
|
12513
12602
|
}
|
|
12514
12603
|
|
|
12515
12604
|
// ../../components/ImageThumbnail/ImageThumbnail.module.css
|
|
12516
|
-
var ImageThumbnail_default = {"
|
|
12605
|
+
var ImageThumbnail_default = {"thumbnail":"opus_Gp1o-9_thumbnail","figure":"opus_Gp1o-9_figure","image":"opus_Gp1o-9_image","caption":"opus_Gp1o-9_caption"};
|
|
12517
12606
|
|
|
12518
12607
|
// ../../components/ImageThumbnail/ImageThumbnail.tsx
|
|
12519
12608
|
import { jsx as jsx67, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
@@ -12582,13 +12671,13 @@ function ImageGallery({
|
|
|
12582
12671
|
}
|
|
12583
12672
|
|
|
12584
12673
|
// ../../components/ModelViewer/ModelViewer.tsx
|
|
12585
|
-
import { createElement, useCallback as
|
|
12674
|
+
import { createElement, useCallback as useCallback15, useEffect as useEffect26, useRef as useRef28, useState as useState34 } from "react";
|
|
12586
12675
|
|
|
12587
12676
|
// ../../components/ModelViewer/FireBarrelModelViewer.tsx
|
|
12588
12677
|
import { useEffect as useEffect25, useRef as useRef27, useState as useState33 } from "react";
|
|
12589
12678
|
|
|
12590
12679
|
// ../../components/ModelViewer/ModelViewer.module.css
|
|
12591
|
-
var ModelViewer_default = {"
|
|
12680
|
+
var ModelViewer_default = {"caption":"opus_f7gfHI_caption","stage":"opus_f7gfHI_stage","canvasHost":"opus_f7gfHI_canvasHost","viewer":"opus_f7gfHI_viewer","loading":"opus_f7gfHI_loading","model":"opus_f7gfHI_model"};
|
|
12592
12681
|
|
|
12593
12682
|
// ../../components/ModelViewer/FireBarrelModelViewer.tsx
|
|
12594
12683
|
import { jsx as jsx69, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
@@ -12743,7 +12832,7 @@ function StandardModelViewer({
|
|
|
12743
12832
|
const [ready, setReady] = useState34(false);
|
|
12744
12833
|
const [failed, setFailed] = useState34(false);
|
|
12745
12834
|
const shouldAutoRotate = autoRotate && !asset.autoplay;
|
|
12746
|
-
const setViewerRef =
|
|
12835
|
+
const setViewerRef = useCallback15((node) => {
|
|
12747
12836
|
viewerRef.current = node;
|
|
12748
12837
|
}, []);
|
|
12749
12838
|
useEffect26(() => {
|
|
@@ -12801,12 +12890,12 @@ function StandardModelViewer({
|
|
|
12801
12890
|
}
|
|
12802
12891
|
|
|
12803
12892
|
// ../../components/ModelLightbox/ModelLightbox.tsx
|
|
12804
|
-
import { useCallback as
|
|
12805
|
-
import { faXmark as
|
|
12806
|
-
import { FontAwesomeIcon as
|
|
12893
|
+
import { useCallback as useCallback16, useEffect as useEffect27, useRef as useRef29, useState as useState35 } from "react";
|
|
12894
|
+
import { faXmark as faXmark3 } from "@fortawesome/free-solid-svg-icons";
|
|
12895
|
+
import { FontAwesomeIcon as FontAwesomeIcon9 } from "@fortawesome/react-fontawesome";
|
|
12807
12896
|
|
|
12808
12897
|
// ../../components/ModelLightbox/ModelLightbox.module.css
|
|
12809
|
-
var ModelLightbox_default = {"
|
|
12898
|
+
var ModelLightbox_default = {"overlay":"opus_YYKGIB_overlay","frame":"opus_YYKGIB_frame","trigger":"opus_YYKGIB_trigger","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","close":"opus_YYKGIB_close","closeIcon":"opus_YYKGIB_closeIcon","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","lightbox":"opus_YYKGIB_lightbox","modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn"};
|
|
12810
12899
|
|
|
12811
12900
|
// ../../components/ModelLightbox/ModelLightbox.tsx
|
|
12812
12901
|
import { jsx as jsx71, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
@@ -12826,7 +12915,7 @@ function ModelLightbox({
|
|
|
12826
12915
|
const [isRendered, setIsRendered] = useState35(isOpen);
|
|
12827
12916
|
const panelRef = useRef29(null);
|
|
12828
12917
|
const closeRef = useRef29(null);
|
|
12829
|
-
const setOpen =
|
|
12918
|
+
const setOpen = useCallback16((nextOpen) => {
|
|
12830
12919
|
if (!isControlled) {
|
|
12831
12920
|
setInternalOpen(nextOpen);
|
|
12832
12921
|
}
|
|
@@ -12898,7 +12987,7 @@ function ModelLightbox({
|
|
|
12898
12987
|
className: ModelLightbox_default.close,
|
|
12899
12988
|
type: "button",
|
|
12900
12989
|
onClick: () => setOpen(false),
|
|
12901
|
-
children: /* @__PURE__ */ jsx71(
|
|
12990
|
+
children: /* @__PURE__ */ jsx71(FontAwesomeIcon9, { "aria-hidden": "true", className: ModelLightbox_default.closeIcon, icon: faXmark3 })
|
|
12902
12991
|
}
|
|
12903
12992
|
),
|
|
12904
12993
|
/* @__PURE__ */ jsx71(ModelViewer, { asset, height: "lightbox", showCaption })
|
|
@@ -12911,7 +13000,7 @@ function ModelLightbox({
|
|
|
12911
13000
|
}
|
|
12912
13001
|
|
|
12913
13002
|
// ../../components/ModelThumbnail/ModelThumbnail.module.css
|
|
12914
|
-
var ModelThumbnail_default = {"
|
|
13003
|
+
var ModelThumbnail_default = {"caption":"opus_NkO9Yb_caption","content":"opus_NkO9Yb_content","staticThumbnail":"opus_NkO9Yb_staticThumbnail"};
|
|
12915
13004
|
|
|
12916
13005
|
// ../../components/ModelThumbnail/ModelThumbnail.tsx
|
|
12917
13006
|
import { jsx as jsx72, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
@@ -12946,7 +13035,7 @@ function ModelThumbnail({
|
|
|
12946
13035
|
}
|
|
12947
13036
|
|
|
12948
13037
|
// ../../components/ModelGallery/ModelGallery.module.css
|
|
12949
|
-
var ModelGallery_default = {"
|
|
13038
|
+
var ModelGallery_default = {"empty":"opus_8llAjm_empty","gallery":"opus_8llAjm_gallery"};
|
|
12950
13039
|
|
|
12951
13040
|
// ../../components/ModelGallery/ModelGallery.tsx
|
|
12952
13041
|
import { jsx as jsx73 } from "react/jsx-runtime";
|
|
@@ -12978,7 +13067,7 @@ function ModelGallery({
|
|
|
12978
13067
|
import { useId as useId18 } from "react";
|
|
12979
13068
|
|
|
12980
13069
|
// ../../components/CatalogIcon/CatalogIcon.tsx
|
|
12981
|
-
import { FontAwesomeIcon as
|
|
13070
|
+
import { FontAwesomeIcon as FontAwesomeIcon10 } from "@fortawesome/react-fontawesome";
|
|
12982
13071
|
|
|
12983
13072
|
// ../../lib/fontAwesomeIconCatalog.ts
|
|
12984
13073
|
import { fas } from "@fortawesome/free-solid-svg-icons";
|
|
@@ -13025,11 +13114,11 @@ function filterFontAwesomeIcons(query) {
|
|
|
13025
13114
|
// ../../components/CatalogIcon/CatalogIcon.tsx
|
|
13026
13115
|
import { jsx as jsx74 } from "react/jsx-runtime";
|
|
13027
13116
|
function CatalogIcon({ iconName }) {
|
|
13028
|
-
return /* @__PURE__ */ jsx74(
|
|
13117
|
+
return /* @__PURE__ */ jsx74(FontAwesomeIcon10, { "aria-hidden": "true", icon: getFontAwesomeIconOption(iconName).icon });
|
|
13029
13118
|
}
|
|
13030
13119
|
|
|
13031
13120
|
// ../../components/EmptyState/EmptyState.module.css
|
|
13032
|
-
var EmptyState_default = {"
|
|
13121
|
+
var EmptyState_default = {"actions":"opus_1KckGY_actions","iconWrap":"opus_1KckGY_iconWrap","root":"opus_1KckGY_root","title":"opus_1KckGY_title","description":"opus_1KckGY_description","copy":"opus_1KckGY_copy"};
|
|
13033
13122
|
|
|
13034
13123
|
// ../../components/EmptyState/EmptyState.tsx
|
|
13035
13124
|
import { jsx as jsx75, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
@@ -13070,7 +13159,7 @@ import {
|
|
|
13070
13159
|
} from "react";
|
|
13071
13160
|
|
|
13072
13161
|
// ../../components/Sidebar/Sidebar.module.css
|
|
13073
|
-
var Sidebar_default = {"
|
|
13162
|
+
var Sidebar_default = {"main":"opus_4Pogux_main","group":"opus_4Pogux_group","groupHeader":"opus_4Pogux_groupHeader","footer":"opus_4Pogux_footer","groupChevronOpen":"opus_4Pogux_groupChevronOpen","sidebar":"opus_4Pogux_sidebar","headerTitle":"opus_4Pogux_headerTitle","groupItems":"opus_4Pogux_groupItems","linkActive":"opus_4Pogux_linkActive","headerInner":"opus_4Pogux_headerInner","link":"opus_4Pogux_link","layout":"opus_4Pogux_layout","body":"opus_4Pogux_body","groupLabel":"opus_4Pogux_groupLabel","header":"opus_4Pogux_header","nav":"opus_4Pogux_nav","groupItemsWrap":"opus_4Pogux_groupItemsWrap","visuallyHidden":"opus_4Pogux_visuallyHidden","groupChevron":"opus_4Pogux_groupChevron","groupToggle":"opus_4Pogux_groupToggle"};
|
|
13074
13163
|
|
|
13075
13164
|
// ../../components/Sidebar/Sidebar.tsx
|
|
13076
13165
|
import { Fragment as Fragment9, jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
@@ -13176,10 +13265,10 @@ function SidebarLayout({ children, collapsed = false, main, side = "left" }) {
|
|
|
13176
13265
|
}
|
|
13177
13266
|
|
|
13178
13267
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
13179
|
-
import { useCallback as
|
|
13268
|
+
import { useCallback as useCallback17, useEffect as useEffect28, useMemo as useMemo16, useState as useState37 } from "react";
|
|
13180
13269
|
|
|
13181
13270
|
// ../../components/AccentColorPicker/AccentColorPicker.module.css
|
|
13182
|
-
var AccentColorPicker_default = {"
|
|
13271
|
+
var AccentColorPicker_default = {"swatch":"opus_scMnrW_swatch","swatches":"opus_scMnrW_swatches"};
|
|
13183
13272
|
|
|
13184
13273
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
13185
13274
|
import { jsx as jsx77 } from "react/jsx-runtime";
|
|
@@ -13229,7 +13318,7 @@ function useAccentPreference() {
|
|
|
13229
13318
|
}, 0);
|
|
13230
13319
|
return () => window.clearTimeout(timeout);
|
|
13231
13320
|
}, []);
|
|
13232
|
-
const setAccent =
|
|
13321
|
+
const setAccent = useCallback17((next) => {
|
|
13233
13322
|
if (!isAccentColor(next)) {
|
|
13234
13323
|
return;
|
|
13235
13324
|
}
|
|
@@ -13282,10 +13371,10 @@ function AccentColorPicker({
|
|
|
13282
13371
|
|
|
13283
13372
|
// ../../components/IconPicker/IconPicker.tsx
|
|
13284
13373
|
import { useEffect as useEffect29, useId as useId19, useMemo as useMemo17, useRef as useRef30, useState as useState38 } from "react";
|
|
13285
|
-
import { FontAwesomeIcon as
|
|
13374
|
+
import { FontAwesomeIcon as FontAwesomeIcon11 } from "@fortawesome/react-fontawesome";
|
|
13286
13375
|
|
|
13287
13376
|
// ../../components/IconPicker/IconPicker.module.css
|
|
13288
|
-
var IconPicker_default = {"
|
|
13377
|
+
var IconPicker_default = {"triggerLabel":"opus_4E-Oa1_triggerLabel","root":"opus_4E-Oa1_root","trigger":"opus_4E-Oa1_trigger","chevron":"opus_4E-Oa1_chevron","option":"opus_4E-Oa1_option","menu":"opus_4E-Oa1_menu","search":"opus_4E-Oa1_search","empty":"opus_4E-Oa1_empty","optionIcon":"opus_4E-Oa1_optionIcon","triggerIcon":"opus_4E-Oa1_triggerIcon","grid":"opus_4E-Oa1_grid"};
|
|
13289
13378
|
|
|
13290
13379
|
// ../../components/IconPicker/IconPicker.tsx
|
|
13291
13380
|
import { jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
@@ -13344,7 +13433,7 @@ function IconPicker({
|
|
|
13344
13433
|
type: "button",
|
|
13345
13434
|
onClick: () => setOpen((current) => !current),
|
|
13346
13435
|
children: [
|
|
13347
|
-
/* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ jsx78(
|
|
13436
|
+
/* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ jsx78(FontAwesomeIcon11, { icon: selected.icon }) }),
|
|
13348
13437
|
/* @__PURE__ */ jsx78("span", { className: IconPicker_default.triggerLabel, children: selected.label })
|
|
13349
13438
|
]
|
|
13350
13439
|
}
|
|
@@ -13378,7 +13467,7 @@ function IconPicker({
|
|
|
13378
13467
|
setOpen(false);
|
|
13379
13468
|
setQuery("");
|
|
13380
13469
|
},
|
|
13381
|
-
children: /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ jsx78(
|
|
13470
|
+
children: /* @__PURE__ */ jsx78("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ jsx78(FontAwesomeIcon11, { icon: entry.icon }) })
|
|
13382
13471
|
},
|
|
13383
13472
|
entry.iconName
|
|
13384
13473
|
)) : /* @__PURE__ */ jsx78("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
|