opus-react 0.4.7 → 0.6.0
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 +1120 -607
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +511 -25
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +136 -22
- package/dist/index.d.ts +136 -22
- package/dist/index.js +1130 -621
- 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/shared/inputControlSizes.module.css
|
|
430
|
-
var inputControlSizes_default = {"
|
|
430
|
+
var inputControlSizes_default = {"sizeSm":"opus_8ChDQJ_sizeSm","sizeMd":"opus_8ChDQJ_sizeMd","sizeLg":"opus_8ChDQJ_sizeLg"};
|
|
431
431
|
|
|
432
432
|
// ../../components/fields/shared/inputControlSizes.ts
|
|
433
433
|
var inputControlSizeClassName = {
|
|
@@ -437,7 +437,7 @@ var inputControlSizeClassName = {
|
|
|
437
437
|
};
|
|
438
438
|
|
|
439
439
|
// ../../components/fields/Button/Button.module.css
|
|
440
|
-
var Button_default = {"link":"opus_lZkc26_link","secondary":"opus_lZkc26_secondary","
|
|
440
|
+
var Button_default = {"primary":"opus_lZkc26_primary","link":"opus_lZkc26_link","secondary":"opus_lZkc26_secondary","warning":"opus_lZkc26_warning","danger":"opus_lZkc26_danger","success":"opus_lZkc26_success","dark":"opus_lZkc26_dark","light":"opus_lZkc26_light","info":"opus_lZkc26_info","button":"opus_lZkc26_button"};
|
|
441
441
|
|
|
442
442
|
// ../../components/fields/Button/Button.tsx
|
|
443
443
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -486,7 +486,7 @@ import {
|
|
|
486
486
|
import { createPortal } from "react-dom";
|
|
487
487
|
|
|
488
488
|
// ../../components/Tooltip/Tooltip.module.css
|
|
489
|
-
var Tooltip_default = {"
|
|
489
|
+
var Tooltip_default = {"trigger":"opus_R70RbH_trigger","popup":"opus_R70RbH_popup","bottom":"opus_R70RbH_bottom","top":"opus_R70RbH_top","left":"opus_R70RbH_left","arrow":"opus_R70RbH_arrow","triggerWrap":"opus_R70RbH_triggerWrap","right":"opus_R70RbH_right","root":"opus_R70RbH_root"};
|
|
490
490
|
|
|
491
491
|
// ../../components/Tooltip/Tooltip.tsx
|
|
492
492
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
@@ -655,7 +655,7 @@ function Tooltip({
|
|
|
655
655
|
}
|
|
656
656
|
|
|
657
657
|
// ../../components/fields/FieldShell/FieldShell.module.css
|
|
658
|
-
var FieldShell_default = {"
|
|
658
|
+
var FieldShell_default = {"stacked":"opus_zNi12Z_stacked","fitContent":"opus_zNi12Z_fitContent","errorFlagged":"opus_zNi12Z_errorFlagged","label":"opus_zNi12Z_label","compactControl":"opus_zNi12Z_compactControl","labelFlagged":"opus_zNi12Z_labelFlagged","control":"opus_zNi12Z_control","stackedLeft":"opus_zNi12Z_stackedLeft","stackedRight":"opus_zNi12Z_stackedRight","visuallyHidden":"opus_zNi12Z_visuallyHidden","flaggedCenter":"opus_zNi12Z_flaggedCenter","labelRight":"opus_zNi12Z_labelRight","root":"opus_zNi12Z_root","controlFlagged":"opus_zNi12Z_controlFlagged","error":"opus_zNi12Z_error","required":"opus_zNi12Z_required","flagged":"opus_zNi12Z_flagged","labelLeft":"opus_zNi12Z_labelLeft","flaggedStart":"opus_zNi12Z_flaggedStart"};
|
|
659
659
|
|
|
660
660
|
// ../../components/fields/FieldShell/FieldShell.tsx
|
|
661
661
|
import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
@@ -780,7 +780,7 @@ function FieldShell({
|
|
|
780
780
|
}
|
|
781
781
|
|
|
782
782
|
// ../../components/fields/CheckboxField/CheckboxField.module.css
|
|
783
|
-
var CheckboxField_default = {"
|
|
783
|
+
var CheckboxField_default = {"shell":"opus_g-5tlR_shell","toggleLabel":"opus_g-5tlR_toggleLabel","visual":"opus_g-5tlR_visual","nativeInput":"opus_g-5tlR_nativeInput","round":"opus_g-5tlR_round","error":"opus_g-5tlR_error","square":"opus_g-5tlR_square","toggle":"opus_g-5tlR_toggle"};
|
|
784
784
|
|
|
785
785
|
// ../../components/fields/shared/choiceControlSizes.module.css
|
|
786
786
|
var choiceControlSizes_default = {"sizeLg":"opus_4er5Uc_sizeLg","sizeSm":"opus_4er5Uc_sizeSm","sizeMd":"opus_4er5Uc_sizeMd"};
|
|
@@ -805,9 +805,11 @@ function CheckboxField({
|
|
|
805
805
|
labelPosition = "left",
|
|
806
806
|
labelVisuallyHidden,
|
|
807
807
|
mode = "flagged",
|
|
808
|
+
name,
|
|
808
809
|
onChange,
|
|
809
810
|
shape = "square",
|
|
810
|
-
size = "md"
|
|
811
|
+
size = "md",
|
|
812
|
+
value
|
|
811
813
|
}) {
|
|
812
814
|
const shellAria = useFieldShellAria();
|
|
813
815
|
return /* @__PURE__ */ jsx4(
|
|
@@ -832,8 +834,10 @@ function CheckboxField({
|
|
|
832
834
|
className: CheckboxField_default.nativeInput,
|
|
833
835
|
checked,
|
|
834
836
|
id,
|
|
837
|
+
name,
|
|
835
838
|
onChange,
|
|
836
|
-
type: "checkbox"
|
|
839
|
+
type: "checkbox",
|
|
840
|
+
value
|
|
837
841
|
}, fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
|
|
838
842
|
),
|
|
839
843
|
/* @__PURE__ */ jsx4(
|
|
@@ -853,7 +857,7 @@ function CheckboxField({
|
|
|
853
857
|
}
|
|
854
858
|
|
|
855
859
|
// ../../components/fields/ColorField/ColorField.module.css
|
|
856
|
-
var ColorField_default = {"
|
|
860
|
+
var ColorField_default = {"picker":"opus_Z7jeX4_picker","icon":"opus_Z7jeX4_icon","error":"opus_Z7jeX4_error","nativeInput":"opus_Z7jeX4_nativeInput","value":"opus_Z7jeX4_value","swatch":"opus_Z7jeX4_swatch"};
|
|
857
861
|
|
|
858
862
|
// ../../components/fields/ColorField/ColorField.tsx
|
|
859
863
|
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
@@ -914,17 +918,23 @@ function ColorField({
|
|
|
914
918
|
}
|
|
915
919
|
|
|
916
920
|
// ../../components/fields/DateField/DateField.module.css
|
|
917
|
-
var DateField_default = {"
|
|
921
|
+
var DateField_default = {"input":"opus_G3y11z_input","error":"opus_G3y11z_error"};
|
|
918
922
|
|
|
919
923
|
// ../../components/fields/DateField/DateField.tsx
|
|
920
924
|
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
921
925
|
function DateField({
|
|
926
|
+
autoComplete,
|
|
927
|
+
autoFocus,
|
|
928
|
+
disabled,
|
|
922
929
|
error,
|
|
923
930
|
help,
|
|
924
931
|
id,
|
|
925
932
|
label,
|
|
926
933
|
labelPosition = "left",
|
|
927
934
|
mode = "stacked",
|
|
935
|
+
inputProps,
|
|
936
|
+
name,
|
|
937
|
+
readOnly,
|
|
928
938
|
required,
|
|
929
939
|
size = "md",
|
|
930
940
|
type = "date",
|
|
@@ -944,25 +954,31 @@ function DateField({
|
|
|
944
954
|
required,
|
|
945
955
|
children: /* @__PURE__ */ jsx6(
|
|
946
956
|
"input",
|
|
947
|
-
__spreadValues({
|
|
957
|
+
__spreadValues(__spreadProps(__spreadValues({}, inputProps), {
|
|
948
958
|
"aria-invalid": error ? "true" : void 0,
|
|
959
|
+
autoComplete,
|
|
960
|
+
autoFocus,
|
|
949
961
|
className: [
|
|
950
962
|
DateField_default.input,
|
|
951
963
|
inputControlSizeClassName[size],
|
|
952
964
|
error ? DateField_default.error : ""
|
|
953
965
|
].filter(Boolean).join(" "),
|
|
954
966
|
id,
|
|
967
|
+
disabled,
|
|
968
|
+
name,
|
|
955
969
|
onChange,
|
|
956
970
|
type,
|
|
971
|
+
readOnly,
|
|
972
|
+
required,
|
|
957
973
|
value
|
|
958
|
-
}, fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
|
|
974
|
+
}), fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
|
|
959
975
|
)
|
|
960
976
|
}
|
|
961
977
|
);
|
|
962
978
|
}
|
|
963
979
|
|
|
964
980
|
// ../../components/fields/HiddenField/HiddenField.module.css
|
|
965
|
-
var HiddenField_default = {"
|
|
981
|
+
var HiddenField_default = {"preview":"opus_kL1YXS_preview","meta":"opus_kL1YXS_meta","note":"opus_kL1YXS_note"};
|
|
966
982
|
|
|
967
983
|
// ../../components/fields/HiddenField/HiddenField.tsx
|
|
968
984
|
import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
@@ -1011,7 +1027,7 @@ function HiddenField({
|
|
|
1011
1027
|
}
|
|
1012
1028
|
|
|
1013
1029
|
// ../../components/fields/FileField/FileField.module.css
|
|
1014
|
-
var FileField_default = {"
|
|
1030
|
+
var FileField_default = {"drop":"opus_aOsPA7_drop","iconSvg":"opus_aOsPA7_iconSvg","title":"opus_aOsPA7_title","input":"opus_aOsPA7_input","dropError":"opus_aOsPA7_dropError","icon":"opus_aOsPA7_icon","hint":"opus_aOsPA7_hint","wrapper":"opus_aOsPA7_wrapper","dragging":"opus_aOsPA7_dragging","action":"opus_aOsPA7_action","footnote":"opus_aOsPA7_footnote","content":"opus_aOsPA7_content"};
|
|
1015
1031
|
|
|
1016
1032
|
// ../../components/fields/FileField/FileField.tsx
|
|
1017
1033
|
import {
|
|
@@ -1305,7 +1321,7 @@ async function cropImageToViewport(image, viewport, output, state, options) {
|
|
|
1305
1321
|
}
|
|
1306
1322
|
|
|
1307
1323
|
// ../../components/fields/ImageCropUploadField/ImageCropUploadField.module.css
|
|
1308
|
-
var ImageCropUploadField_default = {"
|
|
1324
|
+
var ImageCropUploadField_default = {"previewHint":"opus_itxBv9_previewHint","previewImage":"opus_itxBv9_previewImage","drop":"opus_itxBv9_drop","dropHint":"opus_itxBv9_dropHint","changeLink":"opus_itxBv9_changeLink","instruction":"opus_itxBv9_instruction","zoomRow":"opus_itxBv9_zoomRow","dropIconSvg":"opus_itxBv9_dropIconSvg","root":"opus_itxBv9_root","previewCopy":"opus_itxBv9_previewCopy","actions":"opus_itxBv9_actions","dragging":"opus_itxBv9_dragging","zoomButton":"opus_itxBv9_zoomButton","zoomSlider":"opus_itxBv9_zoomSlider","dropError":"opus_itxBv9_dropError","dropContent":"opus_itxBv9_dropContent","dropAction":"opus_itxBv9_dropAction","previewCameraButton":"opus_itxBv9_previewCameraButton","editor":"opus_itxBv9_editor","viewport":"opus_itxBv9_viewport","dropTitle":"opus_itxBv9_dropTitle","viewportRing":"opus_itxBv9_viewportRing","previewRow":"opus_itxBv9_previewRow","previewTitle":"opus_itxBv9_previewTitle","previewFrame":"opus_itxBv9_previewFrame","viewportImage":"opus_itxBv9_viewportImage","zoomLabel":"opus_itxBv9_zoomLabel","dropIcon":"opus_itxBv9_dropIcon","hiddenInput":"opus_itxBv9_hiddenInput","viewportDragging":"opus_itxBv9_viewportDragging","previewCard":"opus_itxBv9_previewCard"};
|
|
1309
1325
|
|
|
1310
1326
|
// ../../components/fields/ImageCropUploadField/ImageCropUploadField.tsx
|
|
1311
1327
|
import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
@@ -1772,7 +1788,7 @@ function ImageCropUploadField({
|
|
|
1772
1788
|
import { useEffect as useEffect3, useState as useState4 } from "react";
|
|
1773
1789
|
|
|
1774
1790
|
// ../../components/fields/NumberField/NumberField.module.css
|
|
1775
|
-
var NumberField_default = {"
|
|
1791
|
+
var NumberField_default = {"stepper":"opus_L272Dk_stepper","error":"opus_L272Dk_error","input":"opus_L272Dk_input","button":"opus_L272Dk_button"};
|
|
1776
1792
|
|
|
1777
1793
|
// ../../components/fields/numericUtils.ts
|
|
1778
1794
|
function decimalPlacesFromStep(step) {
|
|
@@ -1951,7 +1967,7 @@ function NumberField({
|
|
|
1951
1967
|
import { createContext as createContext2, useContext as useContext2, useId as useId3 } from "react";
|
|
1952
1968
|
|
|
1953
1969
|
// ../../components/fields/RadioGroup/RadioGroup.module.css
|
|
1954
|
-
var RadioGroup_default = {"
|
|
1970
|
+
var RadioGroup_default = {"options":"opus_O-1nor_options","square":"opus_O-1nor_square","error":"opus_O-1nor_error","shell":"opus_O-1nor_shell","choice":"opus_O-1nor_choice","visual":"opus_O-1nor_visual","round":"opus_O-1nor_round","option":"opus_O-1nor_option","nativeInput":"opus_O-1nor_nativeInput"};
|
|
1955
1971
|
|
|
1956
1972
|
// ../../components/fields/RadioGroup/RadioGroup.tsx
|
|
1957
1973
|
import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
@@ -2049,7 +2065,7 @@ function Radio({ children, error, name, shape, value, defaultChecked }) {
|
|
|
2049
2065
|
import { useId as useId4, useRef as useRef4, useState as useState5 } from "react";
|
|
2050
2066
|
|
|
2051
2067
|
// ../../components/fields/ChipInputField/ChipInputField.module.css
|
|
2052
|
-
var ChipInputField_default = {"
|
|
2068
|
+
var ChipInputField_default = {"readOnly":"opus_IOOYwh_readOnly","error":"opus_IOOYwh_error","remove":"opus_IOOYwh_remove","chipLabel":"opus_IOOYwh_chipLabel","input":"opus_IOOYwh_input","field":"opus_IOOYwh_field","chip":"opus_IOOYwh_chip","shell":"opus_IOOYwh_shell","disabled":"opus_IOOYwh_disabled"};
|
|
2053
2069
|
|
|
2054
2070
|
// ../../components/fields/ChipInputField/ChipInputField.tsx
|
|
2055
2071
|
import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
@@ -2186,7 +2202,7 @@ function ChipInput({
|
|
|
2186
2202
|
var ChipInputField = ChipInput;
|
|
2187
2203
|
|
|
2188
2204
|
// ../../components/fields/ChoiceChipsField/ChoiceChipsField.module.css
|
|
2189
|
-
var ChoiceChipsField_default = {"
|
|
2205
|
+
var ChoiceChipsField_default = {"chip":"opus_X6xFEA_chip","selected":"opus_X6xFEA_selected","optionDisabled":"opus_X6xFEA_optionDisabled","root":"opus_X6xFEA_root","indicator":"opus_X6xFEA_indicator","shell":"opus_X6xFEA_shell","disabled":"opus_X6xFEA_disabled"};
|
|
2190
2206
|
|
|
2191
2207
|
// ../../components/fields/ChoiceChipsField/ChoiceChipsField.tsx
|
|
2192
2208
|
import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
@@ -2272,7 +2288,7 @@ function ChoiceChips({
|
|
|
2272
2288
|
var ChoiceChipsField = ChoiceChips;
|
|
2273
2289
|
|
|
2274
2290
|
// ../../components/fields/RangeField/RangeField.module.css
|
|
2275
|
-
var RangeField_default = {"
|
|
2291
|
+
var RangeField_default = {"footer":"opus_iRHQuG_footer","fieldLabel":"opus_iRHQuG_fieldLabel","error":"opus_iRHQuG_error","wrap":"opus_iRHQuG_wrap","topRow":"opus_iRHQuG_topRow","value":"opus_iRHQuG_value","slider":"opus_iRHQuG_slider"};
|
|
2276
2292
|
|
|
2277
2293
|
// ../../components/fields/RangeField/RangeField.tsx
|
|
2278
2294
|
import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
@@ -2356,6 +2372,7 @@ function SelectField({
|
|
|
2356
2372
|
label,
|
|
2357
2373
|
labelPosition = "left",
|
|
2358
2374
|
mode = "stacked",
|
|
2375
|
+
name,
|
|
2359
2376
|
options,
|
|
2360
2377
|
required,
|
|
2361
2378
|
size = "md",
|
|
@@ -2379,6 +2396,7 @@ function SelectField({
|
|
|
2379
2396
|
"aria-invalid": error ? "true" : void 0,
|
|
2380
2397
|
className: `${SelectField_default.select} ${error ? SelectField_default.error : ""}`,
|
|
2381
2398
|
id,
|
|
2399
|
+
name,
|
|
2382
2400
|
onChange,
|
|
2383
2401
|
value
|
|
2384
2402
|
}, fieldInputAriaProps(shellAria, { invalid: Boolean(error) })), {
|
|
@@ -2390,7 +2408,7 @@ function SelectField({
|
|
|
2390
2408
|
}
|
|
2391
2409
|
|
|
2392
2410
|
// ../../components/fields/SwitchField/SwitchField.module.css
|
|
2393
|
-
var SwitchField_default = {"
|
|
2411
|
+
var SwitchField_default = {"error":"opus_t9NLEA_error","toggle":"opus_t9NLEA_toggle","track":"opus_t9NLEA_track","shell":"opus_t9NLEA_shell"};
|
|
2394
2412
|
|
|
2395
2413
|
// ../../components/fields/SwitchField/SwitchField.tsx
|
|
2396
2414
|
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
@@ -2442,22 +2460,34 @@ function SwitchField({
|
|
|
2442
2460
|
import { useId as useId5 } from "react";
|
|
2443
2461
|
|
|
2444
2462
|
// ../../components/fields/TextAreaField/TextAreaField.module.css
|
|
2445
|
-
var TextAreaField_default = {"externalCount":"opus_FjhWmh_externalCount","
|
|
2463
|
+
var TextAreaField_default = {"externalCount":"opus_FjhWmh_externalCount","field":"opus_FjhWmh_field","inputWrap":"opus_FjhWmh_inputWrap","footer":"opus_FjhWmh_footer","footerError":"opus_FjhWmh_footerError","textarea":"opus_FjhWmh_textarea","error":"opus_FjhWmh_error","inlineCount":"opus_FjhWmh_inlineCount","withCount":"opus_FjhWmh_withCount"};
|
|
2446
2464
|
|
|
2447
2465
|
// ../../components/fields/TextAreaField/TextAreaField.tsx
|
|
2448
2466
|
import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
2449
2467
|
function TextAreaField({
|
|
2468
|
+
autoCapitalize,
|
|
2469
|
+
autoComplete,
|
|
2470
|
+
autoCorrect,
|
|
2471
|
+
autoFocus,
|
|
2472
|
+
disabled,
|
|
2473
|
+
enterKeyHint,
|
|
2450
2474
|
error,
|
|
2451
2475
|
help,
|
|
2452
2476
|
id,
|
|
2453
2477
|
label,
|
|
2454
2478
|
labelPosition = "left",
|
|
2455
2479
|
maxChars,
|
|
2480
|
+
minLength,
|
|
2481
|
+
inputMode,
|
|
2482
|
+
inputProps,
|
|
2456
2483
|
mode = "stacked",
|
|
2457
2484
|
placeholder,
|
|
2458
2485
|
required,
|
|
2486
|
+
name,
|
|
2487
|
+
readOnly,
|
|
2459
2488
|
size = "md",
|
|
2460
2489
|
value,
|
|
2490
|
+
spellCheck,
|
|
2461
2491
|
onChange
|
|
2462
2492
|
}) {
|
|
2463
2493
|
const shellAria = useFieldShellAria();
|
|
@@ -2481,19 +2511,31 @@ function TextAreaField({
|
|
|
2481
2511
|
/* @__PURE__ */ jsxs13("div", { className: `${TextAreaField_default.inputWrap} ${inputControlSizeClassName[size]}`, children: [
|
|
2482
2512
|
/* @__PURE__ */ jsx18(
|
|
2483
2513
|
"textarea",
|
|
2484
|
-
__spreadProps(__spreadValues({
|
|
2514
|
+
__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, inputProps), {
|
|
2485
2515
|
"aria-invalid": error ? "true" : void 0,
|
|
2516
|
+
autoCapitalize,
|
|
2517
|
+
autoComplete,
|
|
2518
|
+
autoCorrect,
|
|
2519
|
+
autoFocus,
|
|
2486
2520
|
className: [
|
|
2487
2521
|
TextAreaField_default.textarea,
|
|
2488
2522
|
error ? TextAreaField_default.error : "",
|
|
2489
2523
|
showCharCount ? TextAreaField_default.withCount : ""
|
|
2490
2524
|
].filter(Boolean).join(" "),
|
|
2491
2525
|
id,
|
|
2526
|
+
disabled,
|
|
2527
|
+
enterKeyHint,
|
|
2528
|
+
inputMode,
|
|
2492
2529
|
maxLength: maxChars,
|
|
2530
|
+
minLength,
|
|
2531
|
+
name,
|
|
2493
2532
|
onChange,
|
|
2494
2533
|
placeholder,
|
|
2534
|
+
readOnly,
|
|
2535
|
+
required,
|
|
2536
|
+
spellCheck,
|
|
2495
2537
|
value
|
|
2496
|
-
}, fieldInputAriaProps(shellAria, { invalid: Boolean(error) })), {
|
|
2538
|
+
}), fieldInputAriaProps(shellAria, { invalid: Boolean(error) })), {
|
|
2497
2539
|
"aria-describedby": describedBy || void 0
|
|
2498
2540
|
})
|
|
2499
2541
|
),
|
|
@@ -2549,7 +2591,7 @@ import {
|
|
|
2549
2591
|
} from "@fortawesome/free-solid-svg-icons";
|
|
2550
2592
|
|
|
2551
2593
|
// ../../components/fields/RichTextField/RichTextField.module.css
|
|
2552
|
-
var RichTextField_default = {"
|
|
2594
|
+
var RichTextField_default = {"toolbar":"opus_6HFqZH_toolbar","modalField":"opus_6HFqZH_modalField","modalActions":"opus_6HFqZH_modalActions","editor":"opus_6HFqZH_editor","toolbarIcon":"opus_6HFqZH_toolbarIcon","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","readOnly":"opus_6HFqZH_readOnly","modalInput":"opus_6HFqZH_modalInput","modal":"opus_6HFqZH_modal","modalDimensionField":"opus_6HFqZH_modalDimensionField","error":"opus_6HFqZH_error","modalLabel":"opus_6HFqZH_modalLabel","modalCancel":"opus_6HFqZH_modalCancel","colorInput":"opus_6HFqZH_colorInput","modalConfirm":"opus_6HFqZH_modalConfirm","field":"opus_6HFqZH_field","modalOverlay":"opus_6HFqZH_modalOverlay","modalTimes":"opus_6HFqZH_modalTimes","colorSwatch":"opus_6HFqZH_colorSwatch","modalNumber":"opus_6HFqZH_modalNumber","blockSelect":"opus_6HFqZH_blockSelect","modalTitle":"opus_6HFqZH_modalTitle","divider":"opus_6HFqZH_divider","toolbarButton":"opus_6HFqZH_toolbarButton","modalDimensions":"opus_6HFqZH_modalDimensions","editorShell":"opus_6HFqZH_editorShell"};
|
|
2553
2595
|
|
|
2554
2596
|
// ../../components/fields/RichTextField/RichTextField.tsx
|
|
2555
2597
|
import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
@@ -3198,7 +3240,7 @@ import { FontAwesomeIcon as FontAwesomeIcon4 } from "@fortawesome/react-fontawes
|
|
|
3198
3240
|
import { faMagnifyingGlass } from "@fortawesome/free-solid-svg-icons";
|
|
3199
3241
|
|
|
3200
3242
|
// ../../components/fields/shared/fieldControl.module.css
|
|
3201
|
-
var fieldControl_default = {"
|
|
3243
|
+
var fieldControl_default = {"searchWrapError":"opus_1Q5xBh_searchWrapError","prefixIcon":"opus_1Q5xBh_prefixIcon","searchWrap":"opus_1Q5xBh_searchWrap","panelFooter":"opus_1Q5xBh_panelFooter","search":"opus_1Q5xBh_search","passwordInput":"opus_1Q5xBh_passwordInput","input":"opus_1Q5xBh_input","trigger":"opus_1Q5xBh_trigger","chevron":"opus_1Q5xBh_chevron","option":"opus_1Q5xBh_option","placeholder":"opus_1Q5xBh_placeholder","triggerError":"opus_1Q5xBh_triggerError","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","prefixIconSvg":"opus_1Q5xBh_prefixIconSvg","actionButton":"opus_1Q5xBh_actionButton","groupLabel":"opus_1Q5xBh_groupLabel","searchInput":"opus_1Q5xBh_searchInput","endAdornment":"opus_1Q5xBh_endAdornment","error":"opus_1Q5xBh_error","passwordWrap":"opus_1Q5xBh_passwordWrap","passwordToggle":"opus_1Q5xBh_passwordToggle","triggerOpen":"opus_1Q5xBh_triggerOpen","panel":"opus_1Q5xBh_panel","list":"opus_1Q5xBh_list"};
|
|
3202
3244
|
|
|
3203
3245
|
// ../../components/fields/shared/PasswordToggle.tsx
|
|
3204
3246
|
import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
|
|
@@ -3223,6 +3265,12 @@ function PasswordToggle({ visible, onToggle, controlsId }) {
|
|
|
3223
3265
|
// ../../components/fields/TextField/TextField.tsx
|
|
3224
3266
|
import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
3225
3267
|
function TextField({
|
|
3268
|
+
autoCapitalize,
|
|
3269
|
+
autoComplete,
|
|
3270
|
+
autoCorrect,
|
|
3271
|
+
autoFocus,
|
|
3272
|
+
disabled,
|
|
3273
|
+
enterKeyHint,
|
|
3226
3274
|
error,
|
|
3227
3275
|
help,
|
|
3228
3276
|
id,
|
|
@@ -3232,10 +3280,18 @@ function TextField({
|
|
|
3232
3280
|
labelPosition = "left",
|
|
3233
3281
|
mode = "stacked",
|
|
3234
3282
|
placeholder,
|
|
3283
|
+
inputMode,
|
|
3284
|
+
inputProps,
|
|
3285
|
+
maxLength,
|
|
3286
|
+
minLength,
|
|
3287
|
+
name,
|
|
3288
|
+
pattern,
|
|
3289
|
+
readOnly,
|
|
3235
3290
|
required,
|
|
3236
3291
|
size = "md",
|
|
3237
3292
|
type,
|
|
3238
3293
|
value,
|
|
3294
|
+
spellCheck,
|
|
3239
3295
|
endAdornment,
|
|
3240
3296
|
onChange
|
|
3241
3297
|
}) {
|
|
@@ -3247,20 +3303,34 @@ function TextField({
|
|
|
3247
3303
|
const sizeClass = inputControlSizeClassName[size];
|
|
3248
3304
|
const inputEl = /* @__PURE__ */ jsx21(
|
|
3249
3305
|
"input",
|
|
3250
|
-
__spreadValues({
|
|
3306
|
+
__spreadValues(__spreadProps(__spreadValues({}, inputProps), {
|
|
3251
3307
|
"aria-invalid": error ? "true" : void 0,
|
|
3308
|
+
autoCapitalize,
|
|
3309
|
+
autoComplete,
|
|
3310
|
+
autoCorrect,
|
|
3311
|
+
autoFocus,
|
|
3252
3312
|
className: [
|
|
3253
3313
|
isSearch ? fieldControl_default.searchInput : fieldControl_default.input,
|
|
3254
3314
|
error ? fieldControl_default.error : "",
|
|
3255
3315
|
isPassword ? fieldControl_default.passwordInput : ""
|
|
3256
3316
|
].filter(Boolean).join(" "),
|
|
3257
3317
|
id,
|
|
3318
|
+
disabled,
|
|
3319
|
+
enterKeyHint,
|
|
3320
|
+
inputMode,
|
|
3321
|
+
maxLength,
|
|
3322
|
+
minLength,
|
|
3323
|
+
name,
|
|
3324
|
+
pattern,
|
|
3325
|
+
readOnly,
|
|
3258
3326
|
ref: inputRef,
|
|
3259
3327
|
placeholder,
|
|
3260
3328
|
onChange,
|
|
3261
3329
|
type: inputType,
|
|
3262
|
-
value
|
|
3263
|
-
|
|
3330
|
+
value,
|
|
3331
|
+
required,
|
|
3332
|
+
spellCheck
|
|
3333
|
+
}), fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
|
|
3264
3334
|
);
|
|
3265
3335
|
return /* @__PURE__ */ jsx21(
|
|
3266
3336
|
FieldShell,
|
|
@@ -3307,7 +3377,7 @@ import { FontAwesomeIcon as FontAwesomeIcon5 } from "@fortawesome/react-fontawes
|
|
|
3307
3377
|
import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons";
|
|
3308
3378
|
|
|
3309
3379
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.module.css
|
|
3310
|
-
var ThemeToggleField_default = {"
|
|
3380
|
+
var ThemeToggleField_default = {"active":"opus_SwerMA_active","toggle":"opus_SwerMA_toggle","option":"opus_SwerMA_option","indicator":"opus_SwerMA_indicator"};
|
|
3311
3381
|
|
|
3312
3382
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.tsx
|
|
3313
3383
|
import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
@@ -3649,7 +3719,7 @@ function MultiSelectField({
|
|
|
3649
3719
|
import { useState as useState10 } from "react";
|
|
3650
3720
|
|
|
3651
3721
|
// ../../components/fields/TransferListField/TransferListField.module.css
|
|
3652
|
-
var TransferListField_default = {"column":"opus_NPBFZk_column","controlButton":"opus_NPBFZk_controlButton","
|
|
3722
|
+
var TransferListField_default = {"column":"opus_NPBFZk_column","itemActive":"opus_NPBFZk_itemActive","controlButton":"opus_NPBFZk_controlButton","item":"opus_NPBFZk_item","controls":"opus_NPBFZk_controls","list":"opus_NPBFZk_list","columnHeader":"opus_NPBFZk_columnHeader","root":"opus_NPBFZk_root"};
|
|
3653
3723
|
|
|
3654
3724
|
// ../../components/fields/TransferListField/TransferListField.tsx
|
|
3655
3725
|
import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
@@ -3771,7 +3841,7 @@ import { FontAwesomeIcon as FontAwesomeIcon6 } from "@fortawesome/react-fontawes
|
|
|
3771
3841
|
import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons";
|
|
3772
3842
|
|
|
3773
3843
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.module.css
|
|
3774
|
-
var PasswordStrengthField_default = {"
|
|
3844
|
+
var PasswordStrengthField_default = {"requirementIcon":"opus_S1A372_requirementIcon","requirementMet":"opus_S1A372_requirementMet","requirements":"opus_S1A372_requirements","requirement":"opus_S1A372_requirement","meterTrack":"opus_S1A372_meterTrack","meterFill":"opus_S1A372_meterFill","root":"opus_S1A372_root","meterWrap":"opus_S1A372_meterWrap","meterLabel":"opus_S1A372_meterLabel"};
|
|
3775
3845
|
|
|
3776
3846
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.tsx
|
|
3777
3847
|
import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
@@ -3789,6 +3859,9 @@ function scorePassword(value, requirements) {
|
|
|
3789
3859
|
return Math.round(passed / requirements.length * 100);
|
|
3790
3860
|
}
|
|
3791
3861
|
function PasswordStrengthField({
|
|
3862
|
+
autoComplete = "new-password",
|
|
3863
|
+
autoFocus,
|
|
3864
|
+
disabled,
|
|
3792
3865
|
error,
|
|
3793
3866
|
help,
|
|
3794
3867
|
id,
|
|
@@ -3796,6 +3869,9 @@ function PasswordStrengthField({
|
|
|
3796
3869
|
labelPosition = "left",
|
|
3797
3870
|
mode = "stacked",
|
|
3798
3871
|
placeholder = "Enter a password",
|
|
3872
|
+
inputProps,
|
|
3873
|
+
name,
|
|
3874
|
+
readOnly,
|
|
3799
3875
|
required,
|
|
3800
3876
|
requirements = defaultRequirements,
|
|
3801
3877
|
showRequirements = true,
|
|
@@ -3822,16 +3898,21 @@ function PasswordStrengthField({
|
|
|
3822
3898
|
/* @__PURE__ */ jsxs20("div", { className: `${fieldControl_default.passwordWrap} ${inputControlSizeClassName[size]}`, children: [
|
|
3823
3899
|
/* @__PURE__ */ jsx26(
|
|
3824
3900
|
"input",
|
|
3825
|
-
__spreadValues({
|
|
3901
|
+
__spreadValues(__spreadProps(__spreadValues({}, inputProps), {
|
|
3826
3902
|
"aria-invalid": error ? "true" : void 0,
|
|
3827
|
-
autoComplete
|
|
3903
|
+
autoComplete,
|
|
3904
|
+
autoFocus,
|
|
3828
3905
|
className: `${fieldControl_default.input} ${fieldControl_default.passwordInput} ${error ? fieldControl_default.error : ""}`,
|
|
3829
3906
|
id,
|
|
3907
|
+
disabled,
|
|
3908
|
+
name,
|
|
3830
3909
|
placeholder,
|
|
3831
3910
|
type: revealed ? "text" : "password",
|
|
3911
|
+
readOnly,
|
|
3912
|
+
required,
|
|
3832
3913
|
value,
|
|
3833
3914
|
onChange: (event) => onChange(event.target.value)
|
|
3834
|
-
}, fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
|
|
3915
|
+
}), fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
|
|
3835
3916
|
),
|
|
3836
3917
|
/* @__PURE__ */ jsx26(
|
|
3837
3918
|
PasswordToggle,
|
|
@@ -3880,7 +3961,7 @@ function PasswordStrengthField({
|
|
|
3880
3961
|
}
|
|
3881
3962
|
|
|
3882
3963
|
// ../../components/fields/RatingField/RatingField.module.css
|
|
3883
|
-
var RatingField_default = {"symbolActive":"opus_0tdNUz_symbolActive","root":"opus_0tdNUz_root","
|
|
3964
|
+
var RatingField_default = {"symbolActive":"opus_0tdNUz_symbolActive","root":"opus_0tdNUz_root","numeric":"opus_0tdNUz_numeric","symbol":"opus_0tdNUz_symbol","numericActive":"opus_0tdNUz_numericActive"};
|
|
3884
3965
|
|
|
3885
3966
|
// ../../components/fields/RatingField/RatingField.tsx
|
|
3886
3967
|
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
@@ -3956,7 +4037,7 @@ function RatingField({
|
|
|
3956
4037
|
}
|
|
3957
4038
|
|
|
3958
4039
|
// ../../components/fields/SegmentedControlField/SegmentedControlField.module.css
|
|
3959
|
-
var SegmentedControlField_default = {"
|
|
4040
|
+
var SegmentedControlField_default = {"root":"opus_ZHwfiN_root","segmentActive":"opus_ZHwfiN_segmentActive","segment":"opus_ZHwfiN_segment"};
|
|
3960
4041
|
|
|
3961
4042
|
// ../../components/fields/SegmentedControlField/SegmentedControlField.tsx
|
|
3962
4043
|
import { jsx as jsx28 } from "react/jsx-runtime";
|
|
@@ -4012,7 +4093,7 @@ function SegmentedControlField({
|
|
|
4012
4093
|
import { useMemo as useMemo5 } from "react";
|
|
4013
4094
|
|
|
4014
4095
|
// ../../components/fields/SliderRangeField/SliderRangeField.module.css
|
|
4015
|
-
var SliderRangeField_default = {"slider":"opus_k3d0sS_slider","
|
|
4096
|
+
var SliderRangeField_default = {"slider":"opus_k3d0sS_slider","track":"opus_k3d0sS_track","trackWrap":"opus_k3d0sS_trackWrap","footer":"opus_k3d0sS_footer","value":"opus_k3d0sS_value","header":"opus_k3d0sS_header","root":"opus_k3d0sS_root"};
|
|
4016
4097
|
|
|
4017
4098
|
// ../../components/fields/SliderRangeField/SliderRangeField.tsx
|
|
4018
4099
|
import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
@@ -4110,7 +4191,7 @@ function SliderRangeField({
|
|
|
4110
4191
|
import { useEffect as useEffect7, useMemo as useMemo6, useRef as useRef8, useState as useState12 } from "react";
|
|
4111
4192
|
|
|
4112
4193
|
// ../../components/fields/PhoneNumberField/PhoneNumberField.module.css
|
|
4113
|
-
var PhoneNumberField_default = {"
|
|
4194
|
+
var PhoneNumberField_default = {"empty":"opus_WC4gnN_empty","root":"opus_WC4gnN_root","countryWrap":"opus_WC4gnN_countryWrap","optionActive":"opus_WC4gnN_optionActive","panel":"opus_WC4gnN_panel","countryValue":"opus_WC4gnN_countryValue","country":"opus_WC4gnN_country","flag":"opus_WC4gnN_flag","dial":"opus_WC4gnN_dial","code":"opus_WC4gnN_code","chevron":"opus_WC4gnN_chevron","option":"opus_WC4gnN_option","optionLabel":"opus_WC4gnN_optionLabel","optionDial":"opus_WC4gnN_optionDial"};
|
|
4114
4195
|
|
|
4115
4196
|
// ../../components/fields/PhoneNumberField/countries.ts
|
|
4116
4197
|
function countryCodeToFlag(code) {
|
|
@@ -4365,6 +4446,9 @@ function flagClassName(code) {
|
|
|
4365
4446
|
return `fi fi-${code.toLowerCase()}`;
|
|
4366
4447
|
}
|
|
4367
4448
|
function PhoneNumberField({
|
|
4449
|
+
autoComplete,
|
|
4450
|
+
autoFocus,
|
|
4451
|
+
disabled,
|
|
4368
4452
|
countries: countries2 = countries,
|
|
4369
4453
|
countryCode,
|
|
4370
4454
|
error,
|
|
@@ -4374,6 +4458,9 @@ function PhoneNumberField({
|
|
|
4374
4458
|
labelPosition = "left",
|
|
4375
4459
|
mode = "stacked",
|
|
4376
4460
|
placeholder = "7123 456789",
|
|
4461
|
+
inputProps,
|
|
4462
|
+
name,
|
|
4463
|
+
readOnly,
|
|
4377
4464
|
required,
|
|
4378
4465
|
size = "md",
|
|
4379
4466
|
value,
|
|
@@ -4495,16 +4582,22 @@ function PhoneNumberField({
|
|
|
4495
4582
|
] }),
|
|
4496
4583
|
/* @__PURE__ */ jsx30(
|
|
4497
4584
|
"input",
|
|
4498
|
-
__spreadValues({
|
|
4585
|
+
__spreadValues(__spreadProps(__spreadValues({}, inputProps), {
|
|
4499
4586
|
"aria-invalid": error ? "true" : void 0,
|
|
4587
|
+
autoComplete,
|
|
4588
|
+
autoFocus,
|
|
4500
4589
|
className: `${fieldControl_default.input} ${error ? fieldControl_default.error : ""}`,
|
|
4501
4590
|
id,
|
|
4591
|
+
disabled,
|
|
4502
4592
|
inputMode: "tel",
|
|
4593
|
+
name,
|
|
4503
4594
|
placeholder,
|
|
4504
4595
|
type: "tel",
|
|
4596
|
+
readOnly,
|
|
4597
|
+
required,
|
|
4505
4598
|
value,
|
|
4506
4599
|
onChange: (event) => onChange(event.target.value)
|
|
4507
|
-
}, fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
|
|
4600
|
+
}), fieldInputAriaProps(shellAria, { invalid: Boolean(error) }))
|
|
4508
4601
|
)
|
|
4509
4602
|
] })
|
|
4510
4603
|
}
|
|
@@ -4515,7 +4608,7 @@ function PhoneNumberField({
|
|
|
4515
4608
|
import { useEffect as useEffect8, useMemo as useMemo7, useRef as useRef9, useState as useState13 } from "react";
|
|
4516
4609
|
|
|
4517
4610
|
// ../../components/fields/CountryPickerField/CountryPickerField.module.css
|
|
4518
|
-
var CountryPickerField_default = {"
|
|
4611
|
+
var CountryPickerField_default = {"optionLabel":"opus_O7qqfR_optionLabel","root":"opus_O7qqfR_root","option":"opus_O7qqfR_option","optionCode":"opus_O7qqfR_optionCode","optionActive":"opus_O7qqfR_optionActive","triggerValue":"opus_O7qqfR_triggerValue","flag":"opus_O7qqfR_flag","empty":"opus_O7qqfR_empty"};
|
|
4519
4612
|
|
|
4520
4613
|
// ../../components/fields/CountryPickerField/CountryPickerField.tsx
|
|
4521
4614
|
import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
@@ -4674,7 +4767,7 @@ function CountryPickerField({
|
|
|
4674
4767
|
import { useEffect as useEffect9, useMemo as useMemo8, useRef as useRef10, useState as useState14 } from "react";
|
|
4675
4768
|
|
|
4676
4769
|
// ../../components/fields/TreeSelectField/TreeSelectField.module.css
|
|
4677
|
-
var TreeSelectField_default = {"
|
|
4770
|
+
var TreeSelectField_default = {"root":"opus_Mq6C00_root","treeOption":"opus_Mq6C00_treeOption","treeOptionActive":"opus_Mq6C00_treeOptionActive"};
|
|
4678
4771
|
|
|
4679
4772
|
// ../../components/fields/TreeSelectField/TreeSelectField.tsx
|
|
4680
4773
|
import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
@@ -4805,7 +4898,7 @@ function TreeSelectField({
|
|
|
4805
4898
|
import { useEffect as useEffect10, useMemo as useMemo9, useRef as useRef11, useState as useState15 } from "react";
|
|
4806
4899
|
|
|
4807
4900
|
// ../../components/fields/CascaderField/CascaderField.module.css
|
|
4808
|
-
var CascaderField_default = {"
|
|
4901
|
+
var CascaderField_default = {"root":"opus_1Fg59A_root","column":"opus_1Fg59A_column","option":"opus_1Fg59A_option","optionActive":"opus_1Fg59A_optionActive","panel":"opus_1Fg59A_panel"};
|
|
4809
4902
|
|
|
4810
4903
|
// ../../components/fields/CascaderField/CascaderField.tsx
|
|
4811
4904
|
import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
@@ -5020,7 +5113,7 @@ function OpusThemeProvider({
|
|
|
5020
5113
|
}
|
|
5021
5114
|
|
|
5022
5115
|
// ../../components/Alert/Alert.module.css
|
|
5023
|
-
var Alert_default = {"
|
|
5116
|
+
var Alert_default = {"description":"opus_eh3eeT_description","dismissIcon":"opus_eh3eeT_dismissIcon","iconFlagged":"opus_eh3eeT_iconFlagged","content":"opus_eh3eeT_content","icon":"opus_eh3eeT_icon","dismiss":"opus_eh3eeT_dismiss","iconSvg":"opus_eh3eeT_iconSvg","iconMark":"opus_eh3eeT_iconMark","title":"opus_eh3eeT_title","alert":"opus_eh3eeT_alert"};
|
|
5024
5117
|
|
|
5025
5118
|
// ../../components/Alert/Alert.tsx
|
|
5026
5119
|
import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
@@ -5242,7 +5335,7 @@ function useOverlayAccessibility(active, containerRef, {
|
|
|
5242
5335
|
}
|
|
5243
5336
|
|
|
5244
5337
|
// ../../components/Dialog/Dialog.module.css
|
|
5245
|
-
var Dialog_default = {"
|
|
5338
|
+
var Dialog_default = {"dialogIn":"opus_sz-ZGI_dialogIn","backdropOut":"opus_sz-ZGI_backdropOut","icon":"opus_sz-ZGI_icon","visuallyHidden":"opus_sz-ZGI_visuallyHidden","body":"opus_sz-ZGI_body","description":"opus_sz-ZGI_description","backdrop":"opus_sz-ZGI_backdrop","dialogOut":"opus_sz-ZGI_dialogOut","dialog":"opus_sz-ZGI_dialog","backdropIn":"opus_sz-ZGI_backdropIn","actions":"opus_sz-ZGI_actions","iconSvg":"opus_sz-ZGI_iconSvg","iconMark":"opus_sz-ZGI_iconMark","title":"opus_sz-ZGI_title","content":"opus_sz-ZGI_content"};
|
|
5246
5339
|
|
|
5247
5340
|
// ../../components/Dialog/Dialog.tsx
|
|
5248
5341
|
import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
@@ -5373,7 +5466,7 @@ function Dialog({
|
|
|
5373
5466
|
import { useEffect as useEffect15, useId as useId7, useRef as useRef14, useState as useState18 } from "react";
|
|
5374
5467
|
|
|
5375
5468
|
// ../../components/Modal/Modal.module.css
|
|
5376
|
-
var Modal_default = {"
|
|
5469
|
+
var Modal_default = {"modalBackdropIn":"opus_LQbzGS_modalBackdropIn","backdrop":"opus_LQbzGS_backdrop","modal":"opus_LQbzGS_modal","title":"opus_LQbzGS_title","body":"opus_LQbzGS_body","heading":"opus_LQbzGS_heading","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","actions":"opus_LQbzGS_actions","close":"opus_LQbzGS_close","modalPanelIn":"opus_LQbzGS_modalPanelIn","modalPanelOut":"opus_LQbzGS_modalPanelOut","description":"opus_LQbzGS_description","footer":"opus_LQbzGS_footer","header":"opus_LQbzGS_header","footerContent":"opus_LQbzGS_footerContent","closeIcon":"opus_LQbzGS_closeIcon"};
|
|
5377
5470
|
|
|
5378
5471
|
// ../../components/Modal/Modal.tsx
|
|
5379
5472
|
import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
@@ -5504,7 +5597,7 @@ function ModalDefaultActions({ onClose }) {
|
|
|
5504
5597
|
import { useEffect as useEffect16, useId as useId8, useRef as useRef15, useState as useState19 } from "react";
|
|
5505
5598
|
|
|
5506
5599
|
// ../../components/Drawer/Drawer.module.css
|
|
5507
|
-
var Drawer_default = {"
|
|
5600
|
+
var Drawer_default = {"drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","footerContent":"opus_0CaGbZ_footerContent","backdrop":"opus_0CaGbZ_backdrop","drawerOutTop":"opus_0CaGbZ_drawerOutTop","drawerInBottom":"opus_0CaGbZ_drawerInBottom","drawerOutRight":"opus_0CaGbZ_drawerOutRight","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","header":"opus_0CaGbZ_header","title":"opus_0CaGbZ_title","body":"opus_0CaGbZ_body","drawerInTop":"opus_0CaGbZ_drawerInTop","footer":"opus_0CaGbZ_footer","actions":"opus_0CaGbZ_actions","description":"opus_0CaGbZ_description","heading":"opus_0CaGbZ_heading","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","drawerInLeft":"opus_0CaGbZ_drawerInLeft","drawer":"opus_0CaGbZ_drawer","close":"opus_0CaGbZ_close","drawerInRight":"opus_0CaGbZ_drawerInRight","closeIcon":"opus_0CaGbZ_closeIcon"};
|
|
5508
5601
|
|
|
5509
5602
|
// ../../components/Drawer/Drawer.tsx
|
|
5510
5603
|
import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
@@ -5644,7 +5737,7 @@ import {
|
|
|
5644
5737
|
} from "react";
|
|
5645
5738
|
|
|
5646
5739
|
// ../../components/Popover/Popover.module.css
|
|
5647
|
-
var Popover_default = {"
|
|
5740
|
+
var Popover_default = {"popoverIn":"opus_yq4OU0_popoverIn","panel":"opus_yq4OU0_panel","root":"opus_yq4OU0_root","title":"opus_yq4OU0_title","content":"opus_yq4OU0_content","arrow":"opus_yq4OU0_arrow"};
|
|
5648
5741
|
|
|
5649
5742
|
// ../../components/Popover/Popover.tsx
|
|
5650
5743
|
import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
@@ -5803,9 +5896,9 @@ function resolveEmojiPickerPortalStyle(anchorRect, panelRect, placement) {
|
|
|
5803
5896
|
);
|
|
5804
5897
|
return { left, top, width: panelWidth };
|
|
5805
5898
|
}
|
|
5806
|
-
function resolveDropdownPortalStyle(anchorRect, menuRect, placement, elevated) {
|
|
5899
|
+
function resolveDropdownPortalStyle(anchorRect, menuRect, placement, elevated, gapOverride) {
|
|
5807
5900
|
var _a2, _b2;
|
|
5808
|
-
const gap = elevated ? 6 : 8;
|
|
5901
|
+
const gap = gapOverride != null ? gapOverride : elevated ? 6 : 8;
|
|
5809
5902
|
const menuWidth = (_a2 = menuRect == null ? void 0 : menuRect.width) != null ? _a2 : Math.min(260, window.innerWidth - 32);
|
|
5810
5903
|
const menuHeight = (_b2 = menuRect == null ? void 0 : menuRect.height) != null ? _b2 : 0;
|
|
5811
5904
|
switch (placement) {
|
|
@@ -5834,7 +5927,7 @@ function resolveMegaMenuPortalStyle(root, inTopNavigation) {
|
|
|
5834
5927
|
}
|
|
5835
5928
|
|
|
5836
5929
|
// ../../components/MegaMenu/MegaMenu.module.css
|
|
5837
|
-
var MegaMenu_default = {"
|
|
5930
|
+
var MegaMenu_default = {"menuBar":"opus_Y_ikQV_menuBar","sections":"opus_Y_ikQV_sections","root":"opus_Y_ikQV_root","eyebrow":"opus_Y_ikQV_eyebrow","panel":"opus_Y_ikQV_panel","items":"opus_Y_ikQV_items","trigger":"opus_Y_ikQV_trigger","megaMenuIn":"opus_Y_ikQV_megaMenuIn","featured":"opus_Y_ikQV_featured","megaMenuOut":"opus_Y_ikQV_megaMenuOut","section":"opus_Y_ikQV_section","item":"opus_Y_ikQV_item","featuredAction":"opus_Y_ikQV_featuredAction","panelContent":"opus_Y_ikQV_panelContent","itemCopy":"opus_Y_ikQV_itemCopy","itemIcon":"opus_Y_ikQV_itemIcon"};
|
|
5838
5931
|
|
|
5839
5932
|
// ../../components/MegaMenu/MegaMenu.tsx
|
|
5840
5933
|
import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
@@ -6296,7 +6389,7 @@ function MegaMenu({
|
|
|
6296
6389
|
}
|
|
6297
6390
|
|
|
6298
6391
|
// ../../components/TopNavigation/TopNavigation.module.css
|
|
6299
|
-
var TopNavigation_default = {"menuTrigger":"opus_OIomR6_menuTrigger","bar":"opus_OIomR6_bar","
|
|
6392
|
+
var TopNavigation_default = {"menuSlotMega":"opus_OIomR6_menuSlotMega","menuTrigger":"opus_OIomR6_menuTrigger","bar":"opus_OIomR6_bar","nav":"opus_OIomR6_nav","menuSlot":"opus_OIomR6_menuSlot"};
|
|
6300
6393
|
|
|
6301
6394
|
// ../../components/TopNavigation/TopNavigation.tsx
|
|
6302
6395
|
import { Fragment as Fragment8, jsx as jsx43 } from "react/jsx-runtime";
|
|
@@ -6653,7 +6746,7 @@ function handleMenuKeyDown(event, menu, onEscape) {
|
|
|
6653
6746
|
}
|
|
6654
6747
|
|
|
6655
6748
|
// ../../components/DropdownMenu/DropdownMenu.module.css
|
|
6656
|
-
var DropdownMenu_default = {"
|
|
6749
|
+
var DropdownMenu_default = {"label":"opus_UUVDVQ_label","pointer":"opus_UUVDVQ_pointer","dropdownIn":"opus_UUVDVQ_dropdownIn","shortcut":"opus_UUVDVQ_shortcut","dropdownOut":"opus_UUVDVQ_dropdownOut","icon":"opus_UUVDVQ_icon","item":"opus_UUVDVQ_item","root":"opus_UUVDVQ_root","menu":"opus_UUVDVQ_menu"};
|
|
6657
6750
|
|
|
6658
6751
|
// ../../components/DropdownMenu/DropdownMenu.tsx
|
|
6659
6752
|
import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
@@ -6733,6 +6826,8 @@ function DropdownMenu({
|
|
|
6733
6826
|
open,
|
|
6734
6827
|
openOnHover = false,
|
|
6735
6828
|
placement = "bottom-start",
|
|
6829
|
+
showPointer = false,
|
|
6830
|
+
triggerGap,
|
|
6736
6831
|
trigger
|
|
6737
6832
|
}) {
|
|
6738
6833
|
const menuId = useId11();
|
|
@@ -6758,6 +6853,12 @@ function DropdownMenu({
|
|
|
6758
6853
|
const resolvedElevated = elevated || inTopNavigation;
|
|
6759
6854
|
const dismissOnOutside = openOnHover ? false : resolvedCloseOnOutside;
|
|
6760
6855
|
const disableClickToggle = openOnHover;
|
|
6856
|
+
const resolvedTriggerGap = Math.min(
|
|
6857
|
+
16,
|
|
6858
|
+
Math.max(0, triggerGap != null ? triggerGap : 8)
|
|
6859
|
+
);
|
|
6860
|
+
const pointerExtent = placement === "bottom-start" ? 9.5 : 9;
|
|
6861
|
+
const portalGap = showPointer ? pointerExtent + resolvedTriggerGap : resolvedTriggerGap;
|
|
6761
6862
|
const setVisible = useCallback7((nextOpen) => {
|
|
6762
6863
|
if (!controlled) {
|
|
6763
6864
|
setInternalOpen(nextOpen);
|
|
@@ -6817,18 +6918,27 @@ function DropdownMenu({
|
|
|
6817
6918
|
anchor.getBoundingClientRect(),
|
|
6818
6919
|
(_b2 = (_a2 = menuRef.current) == null ? void 0 : _a2.getBoundingClientRect()) != null ? _b2 : null,
|
|
6819
6920
|
placement,
|
|
6820
|
-
resolvedElevated
|
|
6921
|
+
resolvedElevated,
|
|
6922
|
+
portalGap
|
|
6821
6923
|
)
|
|
6822
6924
|
);
|
|
6823
6925
|
};
|
|
6824
6926
|
updatePosition();
|
|
6927
|
+
const frame = window.requestAnimationFrame(updatePosition);
|
|
6928
|
+
const resizeObserver = new ResizeObserver(updatePosition);
|
|
6929
|
+
resizeObserver.observe(rootRef.current);
|
|
6930
|
+
if (menuRef.current) {
|
|
6931
|
+
resizeObserver.observe(menuRef.current);
|
|
6932
|
+
}
|
|
6825
6933
|
window.addEventListener("resize", updatePosition);
|
|
6826
6934
|
window.addEventListener("scroll", updatePosition, true);
|
|
6827
6935
|
return () => {
|
|
6936
|
+
window.cancelAnimationFrame(frame);
|
|
6937
|
+
resizeObserver.disconnect();
|
|
6828
6938
|
window.removeEventListener("resize", updatePosition);
|
|
6829
6939
|
window.removeEventListener("scroll", updatePosition, true);
|
|
6830
6940
|
};
|
|
6831
|
-
}, [placement, renderMenu, resolvedElevated, phase]);
|
|
6941
|
+
}, [placement, portalGap, renderMenu, resolvedElevated, phase]);
|
|
6832
6942
|
useEffect20(() => {
|
|
6833
6943
|
let timeout;
|
|
6834
6944
|
const frame = window.requestAnimationFrame(() => {
|
|
@@ -6906,7 +7016,7 @@ function DropdownMenu({
|
|
|
6906
7016
|
left: portalStyle.left,
|
|
6907
7017
|
top: portalStyle.top
|
|
6908
7018
|
}, portalStyle.width ? { width: portalStyle.width } : {}) : {});
|
|
6909
|
-
const menuNode = renderMenu ? /* @__PURE__ */
|
|
7019
|
+
const menuNode = renderMenu ? /* @__PURE__ */ jsxs32(
|
|
6910
7020
|
"span",
|
|
6911
7021
|
{
|
|
6912
7022
|
ref: menuRef,
|
|
@@ -6916,6 +7026,7 @@ function DropdownMenu({
|
|
|
6916
7026
|
"data-open-on-hover": openOnHover || resolvedElevated ? "true" : void 0,
|
|
6917
7027
|
"data-has-icon-column": showIconColumn ? "true" : void 0,
|
|
6918
7028
|
"data-placement": placement,
|
|
7029
|
+
"data-show-pointer": showPointer ? "true" : void 0,
|
|
6919
7030
|
"data-portaled": "true",
|
|
6920
7031
|
"data-theme": theme,
|
|
6921
7032
|
id: menuId,
|
|
@@ -6924,15 +7035,45 @@ function DropdownMenu({
|
|
|
6924
7035
|
onKeyDown: (event) => {
|
|
6925
7036
|
handleMenuKeyDown(event.nativeEvent, event.currentTarget, () => setVisible(false));
|
|
6926
7037
|
},
|
|
6927
|
-
children:
|
|
6928
|
-
|
|
6929
|
-
|
|
6930
|
-
|
|
6931
|
-
|
|
6932
|
-
|
|
6933
|
-
|
|
6934
|
-
|
|
6935
|
-
|
|
7038
|
+
children: [
|
|
7039
|
+
showPointer ? /* @__PURE__ */ jsxs32(
|
|
7040
|
+
"svg",
|
|
7041
|
+
{
|
|
7042
|
+
"aria-hidden": "true",
|
|
7043
|
+
className: DropdownMenu_default.pointer,
|
|
7044
|
+
focusable: "false",
|
|
7045
|
+
viewBox: "0 0 18 10",
|
|
7046
|
+
children: [
|
|
7047
|
+
/* @__PURE__ */ jsx44(
|
|
7048
|
+
"path",
|
|
7049
|
+
{
|
|
7050
|
+
d: "M0 10 L9 0 L18 10 Z",
|
|
7051
|
+
fill: "var(--opus-pointed-menu-surface)"
|
|
7052
|
+
}
|
|
7053
|
+
),
|
|
7054
|
+
/* @__PURE__ */ jsx44(
|
|
7055
|
+
"path",
|
|
7056
|
+
{
|
|
7057
|
+
d: "M0 10 L9 0 L18 10",
|
|
7058
|
+
fill: "none",
|
|
7059
|
+
stroke: "var(--opus-menu-glass-border)",
|
|
7060
|
+
strokeWidth: "1",
|
|
7061
|
+
vectorEffect: "non-scaling-stroke"
|
|
7062
|
+
}
|
|
7063
|
+
)
|
|
7064
|
+
]
|
|
7065
|
+
}
|
|
7066
|
+
) : null,
|
|
7067
|
+
items.map((item) => /* @__PURE__ */ jsx44(
|
|
7068
|
+
DropdownMenuItem,
|
|
7069
|
+
{
|
|
7070
|
+
item,
|
|
7071
|
+
showIconColumn,
|
|
7072
|
+
onSelect: handleSelect
|
|
7073
|
+
},
|
|
7074
|
+
item.id
|
|
7075
|
+
))
|
|
7076
|
+
]
|
|
6936
7077
|
}
|
|
6937
7078
|
) : null;
|
|
6938
7079
|
return /* @__PURE__ */ jsxs32(
|
|
@@ -6993,7 +7134,7 @@ import {
|
|
|
6993
7134
|
import { createPortal as createPortal5 } from "react-dom";
|
|
6994
7135
|
|
|
6995
7136
|
// ../../components/ContextMenu/ContextMenu.module.css
|
|
6996
|
-
var ContextMenu_default = {"
|
|
7137
|
+
var ContextMenu_default = {"contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn","layer":"opus_nMhhae_layer","contextMenuIn":"opus_nMhhae_contextMenuIn","target":"opus_nMhhae_target","backdrop":"opus_nMhhae_backdrop","menu":"opus_nMhhae_menu"};
|
|
6997
7138
|
|
|
6998
7139
|
// ../../components/ContextMenu/ContextMenuProvider.tsx
|
|
6999
7140
|
import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
@@ -7306,7 +7447,7 @@ import { faMagnifyingGlass as faMagnifyingGlass2 } from "@fortawesome/free-solid
|
|
|
7306
7447
|
import { FontAwesomeIcon as FontAwesomeIcon7 } from "@fortawesome/react-fontawesome";
|
|
7307
7448
|
|
|
7308
7449
|
// ../../components/CommandPalette/CommandPalette.module.css
|
|
7309
|
-
var CommandPalette_default = {"
|
|
7450
|
+
var CommandPalette_default = {"shortcut":"opus_k1ypuy_shortcut","item":"opus_k1ypuy_item","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","searchWrap":"opus_k1ypuy_searchWrap","searchIcon":"opus_k1ypuy_searchIcon","backdrop":"opus_k1ypuy_backdrop","itemLabel":"opus_k1ypuy_itemLabel","itemDescription":"opus_k1ypuy_itemDescription","group":"opus_k1ypuy_group","panel":"opus_k1ypuy_panel","results":"opus_k1ypuy_results","searchIconSvg":"opus_k1ypuy_searchIconSvg","empty":"opus_k1ypuy_empty","visuallyHidden":"opus_k1ypuy_visuallyHidden","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","searchInput":"opus_k1ypuy_searchInput","groupLabel":"opus_k1ypuy_groupLabel","footer":"opus_k1ypuy_footer","itemMain":"opus_k1ypuy_itemMain"};
|
|
7310
7451
|
|
|
7311
7452
|
// ../../components/CommandPalette/CommandPalette.tsx
|
|
7312
7453
|
import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
@@ -7646,7 +7787,7 @@ function AccordionGroup({
|
|
|
7646
7787
|
}
|
|
7647
7788
|
|
|
7648
7789
|
// ../../components/Accordion/Accordion.module.css
|
|
7649
|
-
var Accordion_default = {"
|
|
7790
|
+
var Accordion_default = {"panelInner":"opus_WNZQMV_panelInner","item":"opus_WNZQMV_item","triggerLabel":"opus_WNZQMV_triggerLabel","panel":"opus_WNZQMV_panel","chevron":"opus_WNZQMV_chevron","trigger":"opus_WNZQMV_trigger","standalone":"opus_WNZQMV_standalone","content":"opus_WNZQMV_content"};
|
|
7650
7791
|
|
|
7651
7792
|
// ../../components/Accordion/Accordion.tsx
|
|
7652
7793
|
import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
@@ -7739,7 +7880,7 @@ import {
|
|
|
7739
7880
|
} from "react";
|
|
7740
7881
|
|
|
7741
7882
|
// ../../components/ShowMore/ShowMore.module.css
|
|
7742
|
-
var ShowMore_default = {"
|
|
7883
|
+
var ShowMore_default = {"root":"opus_dSk-ve_root","toggle":"opus_dSk-ve_toggle","toggleLabel":"opus_dSk-ve_toggleLabel","chevron":"opus_dSk-ve_chevron","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn","contentShell":"opus_dSk-ve_contentShell","inner":"opus_dSk-ve_inner"};
|
|
7743
7884
|
|
|
7744
7885
|
// ../../components/ShowMore/ShowMore.tsx
|
|
7745
7886
|
import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
@@ -7843,7 +7984,7 @@ function ShowMore({
|
|
|
7843
7984
|
}
|
|
7844
7985
|
|
|
7845
7986
|
// ../../components/Toast/Toast.module.css
|
|
7846
|
-
var Toast_default = {"
|
|
7987
|
+
var Toast_default = {"main":"opus_cklQPW_main","dismiss":"opus_cklQPW_dismiss","progressBar":"opus_cklQPW_progressBar","content":"opus_cklQPW_content","iconMark":"opus_cklQPW_iconMark","iconSvg":"opus_cklQPW_iconSvg","icon":"opus_cklQPW_icon","description":"opus_cklQPW_description","body":"opus_cklQPW_body","progressTrack":"opus_cklQPW_progressTrack","dismissIcon":"opus_cklQPW_dismissIcon","toastProgress":"opus_cklQPW_toastProgress","title":"opus_cklQPW_title","toast":"opus_cklQPW_toast"};
|
|
7847
7988
|
|
|
7848
7989
|
// ../../components/Toast/Toast.tsx
|
|
7849
7990
|
import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
@@ -7923,7 +8064,7 @@ import {
|
|
|
7923
8064
|
} from "react";
|
|
7924
8065
|
|
|
7925
8066
|
// ../../components/ToastProvider/ToastProvider.module.css
|
|
7926
|
-
var ToastProvider_default = {"
|
|
8067
|
+
var ToastProvider_default = {"viewportBottom":"opus_z3pSp7_viewportBottom","itemSurface":"opus_z3pSp7_itemSurface","viewportRight":"opus_z3pSp7_viewportRight","viewportLeft":"opus_z3pSp7_viewportLeft","viewportTop":"opus_z3pSp7_viewportTop","item":"opus_z3pSp7_item","viewport":"opus_z3pSp7_viewport","itemBackdrop":"opus_z3pSp7_itemBackdrop","itemClip":"opus_z3pSp7_itemClip"};
|
|
7927
8068
|
|
|
7928
8069
|
// ../../components/ToastProvider/ToastProvider.tsx
|
|
7929
8070
|
import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
@@ -8317,7 +8458,7 @@ function TabActiveLine({ className, orientation = "horizontal", style }) {
|
|
|
8317
8458
|
}
|
|
8318
8459
|
|
|
8319
8460
|
// ../../components/Tabs/Tabs.module.css
|
|
8320
|
-
var Tabs_default = {"
|
|
8461
|
+
var Tabs_default = {"cardMovingActiveLine":"opus_ADVJmy_cardMovingActiveLine","tabShape":"opus_ADVJmy_tabShape","nextButton":"opus_ADVJmy_nextButton","list":"opus_ADVJmy_list","tabLabel":"opus_ADVJmy_tabLabel","panel":"opus_ADVJmy_panel","header":"opus_ADVJmy_header","movingActiveLine":"opus_ADVJmy_movingActiveLine","previousButton":"opus_ADVJmy_previousButton","containedMovingActiveLine":"opus_ADVJmy_containedMovingActiveLine","tab":"opus_ADVJmy_tab","panelContent":"opus_ADVJmy_panelContent","root":"opus_ADVJmy_root","listViewport":"opus_ADVJmy_listViewport","scrollButton":"opus_ADVJmy_scrollButton","trailing":"opus_ADVJmy_trailing","cardTabLine":"opus_ADVJmy_cardTabLine"};
|
|
8321
8462
|
|
|
8322
8463
|
// ../../components/Tabs/Tabs.tsx
|
|
8323
8464
|
import { Fragment as Fragment9, jsx as jsx53, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
@@ -8641,7 +8782,7 @@ function Tabs({
|
|
|
8641
8782
|
id: panelId,
|
|
8642
8783
|
inert: !selected ? true : void 0,
|
|
8643
8784
|
role: "tabpanel",
|
|
8644
|
-
tabIndex: selected ?
|
|
8785
|
+
tabIndex: selected ? 0 : void 0,
|
|
8645
8786
|
children: item.content
|
|
8646
8787
|
},
|
|
8647
8788
|
item.value
|
|
@@ -8654,7 +8795,7 @@ function Tabs({
|
|
|
8654
8795
|
id: `${generatedId}-${activeItem.value}-panel`,
|
|
8655
8796
|
ref: panelRef,
|
|
8656
8797
|
role: "tabpanel",
|
|
8657
|
-
tabIndex:
|
|
8798
|
+
tabIndex: 0,
|
|
8658
8799
|
children: activeItem.content
|
|
8659
8800
|
}
|
|
8660
8801
|
) : null
|
|
@@ -8664,7 +8805,7 @@ function Tabs({
|
|
|
8664
8805
|
}
|
|
8665
8806
|
|
|
8666
8807
|
// ../../components/Card/Card.module.css
|
|
8667
|
-
var Card_default = {"
|
|
8808
|
+
var Card_default = {"eyebrow":"opus_qWo1sP_eyebrow","title":"opus_qWo1sP_title","media":"opus_qWo1sP_media","card":"opus_qWo1sP_card","content":"opus_qWo1sP_content","body":"opus_qWo1sP_body","actions":"opus_qWo1sP_actions","footerContent":"opus_qWo1sP_footerContent","heading":"opus_qWo1sP_heading","footer":"opus_qWo1sP_footer"};
|
|
8668
8809
|
|
|
8669
8810
|
// ../../components/Card/Card.tsx
|
|
8670
8811
|
import { jsx as jsx54, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
@@ -8695,7 +8836,7 @@ function Card({
|
|
|
8695
8836
|
}
|
|
8696
8837
|
|
|
8697
8838
|
// ../../components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css
|
|
8698
|
-
var dashboardMetricCardLayout_default = {"
|
|
8839
|
+
var dashboardMetricCardLayout_default = {"header":"opus_6_sptY_header","metaPlaceholder":"opus_6_sptY_metaPlaceholder","label":"opus_6_sptY_label","iconSlot":"opus_6_sptY_iconSlot","iconPlaceholder":"opus_6_sptY_iconPlaceholder","shell":"opus_6_sptY_shell","value":"opus_6_sptY_value","metaSlot":"opus_6_sptY_metaSlot"};
|
|
8699
8840
|
|
|
8700
8841
|
// ../../components/StatCard/StatCard.module.css
|
|
8701
8842
|
var StatCard_default = {"change":"opus_KIXsQY_change"};
|
|
@@ -8725,7 +8866,7 @@ function StatCard({
|
|
|
8725
8866
|
}
|
|
8726
8867
|
|
|
8727
8868
|
// ../../components/Gauge/Gauge.module.css
|
|
8728
|
-
var Gauge_default = {"
|
|
8869
|
+
var Gauge_default = {"gaugeValue":"opus_t6IuQe_gaugeValue","subtitle":"opus_t6IuQe_subtitle","gaugeSlot":"opus_t6IuQe_gaugeSlot","footerTrend":"opus_t6IuQe_footerTrend","footerLabel":"opus_t6IuQe_footerLabel","header":"opus_t6IuQe_header","heading":"opus_t6IuQe_heading","gaugeTrack":"opus_t6IuQe_gaugeTrack","gaugeCenter":"opus_t6IuQe_gaugeCenter","title":"opus_t6IuQe_title","change":"opus_t6IuQe_change","gauge":"opus_t6IuQe_gauge","gaugeSvg":"opus_t6IuQe_gaugeSvg","footerValue":"opus_t6IuQe_footerValue","footerItem":"opus_t6IuQe_footerItem","summary":"opus_t6IuQe_summary","widget":"opus_t6IuQe_widget","body":"opus_t6IuQe_body","footer":"opus_t6IuQe_footer"};
|
|
8729
8870
|
|
|
8730
8871
|
// ../../components/Gauge/Gauge.tsx
|
|
8731
8872
|
import { jsx as jsx56, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
@@ -8859,7 +9000,7 @@ function Gauge({
|
|
|
8859
9000
|
import { useId as useId17 } from "react";
|
|
8860
9001
|
|
|
8861
9002
|
// ../../components/Sparkline/Sparkline.module.css
|
|
8862
|
-
var Sparkline_default = {"sparkline":"opus_xXtB87_sparkline","
|
|
9003
|
+
var Sparkline_default = {"sparkline":"opus_xXtB87_sparkline","line":"opus_xXtB87_line","area":"opus_xXtB87_area","chart":"opus_xXtB87_chart","endPoint":"opus_xXtB87_endPoint","svg":"opus_xXtB87_svg","label":"opus_xXtB87_label"};
|
|
8863
9004
|
|
|
8864
9005
|
// ../../components/Sparkline/Sparkline.tsx
|
|
8865
9006
|
import { jsx as jsx57, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
@@ -8926,7 +9067,7 @@ function Sparkline({
|
|
|
8926
9067
|
}
|
|
8927
9068
|
|
|
8928
9069
|
// ../../components/ProgressRing/ProgressRing.module.css
|
|
8929
|
-
var ProgressRing_default = {"
|
|
9070
|
+
var ProgressRing_default = {"svg":"opus_YxX6Hh_svg","value":"opus_YxX6Hh_value","track":"opus_YxX6Hh_track","ring":"opus_YxX6Hh_ring","center":"opus_YxX6Hh_center"};
|
|
8930
9071
|
|
|
8931
9072
|
// ../../components/ProgressRing/ProgressRing.tsx
|
|
8932
9073
|
import { jsx as jsx58, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
@@ -8959,7 +9100,7 @@ function ProgressRing({ label, max = 100, value }) {
|
|
|
8959
9100
|
}
|
|
8960
9101
|
|
|
8961
9102
|
// ../../components/ProgressBar/ProgressBar.module.css
|
|
8962
|
-
var ProgressBar_default = {"
|
|
9103
|
+
var ProgressBar_default = {"bar":"opus_q04AvA_bar","label":"opus_q04AvA_label","value":"opus_q04AvA_value","header":"opus_q04AvA_header","track":"opus_q04AvA_track","fill":"opus_q04AvA_fill"};
|
|
8963
9104
|
|
|
8964
9105
|
// ../../components/ProgressBar/ProgressBar.tsx
|
|
8965
9106
|
import { jsx as jsx59, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
@@ -8979,7 +9120,7 @@ function ProgressBar({ label, max = 100, value }) {
|
|
|
8979
9120
|
}
|
|
8980
9121
|
|
|
8981
9122
|
// ../../components/Speedometer/Speedometer.module.css
|
|
8982
|
-
var Speedometer_default = {"
|
|
9123
|
+
var Speedometer_default = {"center":"opus__jpB7z_center","svg":"opus__jpB7z_svg","track":"opus__jpB7z_track","needle":"opus__jpB7z_needle","speedometer":"opus__jpB7z_speedometer","value":"opus__jpB7z_value","hub":"opus__jpB7z_hub"};
|
|
8983
9124
|
|
|
8984
9125
|
// ../../components/Speedometer/Speedometer.tsx
|
|
8985
9126
|
import { jsx as jsx60, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
@@ -9012,7 +9153,7 @@ function Speedometer({ label, max = 100, value }) {
|
|
|
9012
9153
|
}
|
|
9013
9154
|
|
|
9014
9155
|
// ../../components/MetricTile/MetricTile.module.css
|
|
9015
|
-
var MetricTile_default = {"
|
|
9156
|
+
var MetricTile_default = {"tile":"opus_-dz9KL_tile","topRow":"opus_-dz9KL_topRow","sparklineSlot":"opus_-dz9KL_sparklineSlot"};
|
|
9016
9157
|
|
|
9017
9158
|
// ../../components/MetricTile/MetricTile.tsx
|
|
9018
9159
|
import { jsx as jsx61, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
@@ -9033,7 +9174,7 @@ import { useEffect as useEffect25, useId as useId18, useRef as useRef25, useStat
|
|
|
9033
9174
|
import "maplibre-gl/dist/maplibre-gl.css";
|
|
9034
9175
|
|
|
9035
9176
|
// ../../components/Map/Map.module.css
|
|
9036
|
-
var Map_default = {"
|
|
9177
|
+
var Map_default = {"searchResults":"opus_srL77d_searchResults","shell":"opus_srL77d_shell","address":"opus_srL77d_address","searchStatus":"opus_srL77d_searchStatus","hotspotDot":"opus_srL77d_hotspotDot","popupContent":"opus_srL77d_popupContent","hotspots":"opus_srL77d_hotspots","mapFrame":"opus_srL77d_mapFrame","content":"opus_srL77d_content","coordinates":"opus_srL77d_coordinates","map":"opus_srL77d_map","search":"opus_srL77d_search","atmosphere":"opus_srL77d_atmosphere","marker":"opus_srL77d_marker"};
|
|
9037
9178
|
|
|
9038
9179
|
// ../../components/Map/Map.tsx
|
|
9039
9180
|
import { jsx as jsx62, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
@@ -9506,11 +9647,12 @@ function TrendBadge({ direction, value }) {
|
|
|
9506
9647
|
import { useMemo as useMemo16, useState as useState33 } from "react";
|
|
9507
9648
|
|
|
9508
9649
|
// ../../components/Badge/Badge.module.css
|
|
9509
|
-
var Badge_default = {"dot":"opus_1GJHzl_dot","badge":"opus_1GJHzl_badge"};
|
|
9650
|
+
var Badge_default = {"count":"opus_1GJHzl_count","dot":"opus_1GJHzl_dot","badge":"opus_1GJHzl_badge"};
|
|
9510
9651
|
|
|
9511
9652
|
// ../../components/Badge/Badge.tsx
|
|
9512
9653
|
import { jsx as jsx64, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
9513
9654
|
function Badge({
|
|
9655
|
+
count,
|
|
9514
9656
|
dot = false,
|
|
9515
9657
|
label,
|
|
9516
9658
|
size = "md",
|
|
@@ -9519,12 +9661,13 @@ function Badge({
|
|
|
9519
9661
|
}) {
|
|
9520
9662
|
return /* @__PURE__ */ jsxs51("span", { className: Badge_default.badge, "data-size": size, "data-tone": tone, "data-variant": variant, children: [
|
|
9521
9663
|
dot ? /* @__PURE__ */ jsx64("span", { "aria-hidden": "true", className: Badge_default.dot }) : null,
|
|
9522
|
-
label
|
|
9664
|
+
label,
|
|
9665
|
+
count === void 0 ? null : /* @__PURE__ */ jsx64("span", { className: Badge_default.count, children: count })
|
|
9523
9666
|
] });
|
|
9524
9667
|
}
|
|
9525
9668
|
|
|
9526
9669
|
// ../../components/DashboardContentContainer/DashboardContentContainer.module.css
|
|
9527
|
-
var DashboardContentContainer_default = {"
|
|
9670
|
+
var DashboardContentContainer_default = {"container":"opus_myuwZ6_container","title":"opus_myuwZ6_title"};
|
|
9528
9671
|
|
|
9529
9672
|
// ../../components/DashboardContentContainer/DashboardContentContainer.tsx
|
|
9530
9673
|
import { jsx as jsx65, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
@@ -9563,7 +9706,7 @@ function DashboardContentContainer({
|
|
|
9563
9706
|
import { useMemo as useMemo15, useState as useState32 } from "react";
|
|
9564
9707
|
|
|
9565
9708
|
// ../../components/TreeMenu/TreeMenu.module.css
|
|
9566
|
-
var TreeMenu_default = {"
|
|
9709
|
+
var TreeMenu_default = {"label":"opus_RUNNkf_label","tree":"opus_RUNNkf_tree","item":"opus_RUNNkf_item","icon":"opus_RUNNkf_icon","row":"opus_RUNNkf_row","node":"opus_RUNNkf_node","meta":"opus_RUNNkf_meta","toggleSpacer":"opus_RUNNkf_toggleSpacer","toggle":"opus_RUNNkf_toggle","children":"opus_RUNNkf_children"};
|
|
9567
9710
|
|
|
9568
9711
|
// ../../components/TreeMenu/TreeMenu.tsx
|
|
9569
9712
|
import { jsx as jsx66, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
@@ -9590,17 +9733,23 @@ function TreeMenuBranch({
|
|
|
9590
9733
|
role: "treeitem",
|
|
9591
9734
|
children: [
|
|
9592
9735
|
/* @__PURE__ */ jsxs53("div", { className: TreeMenu_default.row, "data-selected": selected ? "true" : void 0, children: [
|
|
9593
|
-
/* @__PURE__ */ jsx66(
|
|
9736
|
+
hasChildren ? /* @__PURE__ */ jsx66(
|
|
9594
9737
|
"button",
|
|
9595
9738
|
{
|
|
9596
|
-
"aria-label":
|
|
9739
|
+
"aria-label": `${isExpanded ? "Collapse" : "Expand"} ${node.label}`,
|
|
9597
9740
|
className: TreeMenu_default.toggle,
|
|
9598
|
-
disabled:
|
|
9741
|
+
disabled: node.disabled,
|
|
9599
9742
|
onClick: () => onToggle(node),
|
|
9600
9743
|
style: { marginLeft: depth * indent },
|
|
9601
|
-
tabIndex: hasChildren ? 0 : -1,
|
|
9602
9744
|
type: "button",
|
|
9603
|
-
children:
|
|
9745
|
+
children: /* @__PURE__ */ jsx66(CatalogIcon, { iconName: isExpanded ? "chevron-down" : "chevron-right" })
|
|
9746
|
+
}
|
|
9747
|
+
) : /* @__PURE__ */ jsx66(
|
|
9748
|
+
"span",
|
|
9749
|
+
{
|
|
9750
|
+
"aria-hidden": "true",
|
|
9751
|
+
className: TreeMenu_default.toggleSpacer,
|
|
9752
|
+
style: { marginLeft: depth * indent }
|
|
9604
9753
|
}
|
|
9605
9754
|
),
|
|
9606
9755
|
/* @__PURE__ */ jsxs53(
|
|
@@ -9699,7 +9848,7 @@ function TreeMenu({
|
|
|
9699
9848
|
}
|
|
9700
9849
|
|
|
9701
9850
|
// ../../components/CrmWorkspaceLab/CrmWorkspaceLab.module.css
|
|
9702
|
-
var CrmWorkspaceLab_default = {"
|
|
9851
|
+
var CrmWorkspaceLab_default = {"docColumnHeading":"opus_7Zs_d5_docColumnHeading","boardCardHeader":"opus_7Zs_d5_boardCardHeader","breadcrumb":"opus_7Zs_d5_breadcrumb","openChevron":"opus_7Zs_d5_openChevron","feedBadge":"opus_7Zs_d5_feedBadge","boardCard":"opus_7Zs_d5_boardCard","settingsRow":"opus_7Zs_d5_settingsRow","docGrid":"opus_7Zs_d5_docGrid","feedItem":"opus_7Zs_d5_feedItem","docBrowser":"opus_7Zs_d5_docBrowser","catalogueCard":"opus_7Zs_d5_catalogueCard","docCardHeader":"opus_7Zs_d5_docCardHeader","boardCards":"opus_7Zs_d5_boardCards","docCard":"opus_7Zs_d5_docCard","catalogueBody":"opus_7Zs_d5_catalogueBody","docListRow":"opus_7Zs_d5_docListRow","feedIcon":"opus_7Zs_d5_feedIcon","timelineTime":"opus_7Zs_d5_timelineTime","catalogueIcon":"opus_7Zs_d5_catalogueIcon","docEmpty":"opus_7Zs_d5_docEmpty","price":"opus_7Zs_d5_price","timeline":"opus_7Zs_d5_timeline","docColumnItem":"opus_7Zs_d5_docColumnItem","selectCell":"opus_7Zs_d5_selectCell","catalogue":"opus_7Zs_d5_catalogue","tableHead":"opus_7Zs_d5_tableHead","toolbar":"opus_7Zs_d5_toolbar","documents":"opus_7Zs_d5_documents","heading":"opus_7Zs_d5_heading","docTree":"opus_7Zs_d5_docTree","actionCell":"opus_7Zs_d5_actionCell","resultCount":"opus_7Zs_d5_resultCount","feedBody":"opus_7Zs_d5_feedBody","row":"opus_7Zs_d5_row","root":"opus_7Zs_d5_root","headingIcon":"opus_7Zs_d5_headingIcon","docColumn":"opus_7Zs_d5_docColumn","docTreeItem":"opus_7Zs_d5_docTreeItem","docList":"opus_7Zs_d5_docList","docCardIcon":"opus_7Zs_d5_docCardIcon","timelineBody":"opus_7Zs_d5_timelineBody","settings":"opus_7Zs_d5_settings","settingsIcon":"opus_7Zs_d5_settingsIcon","docListHeading":"opus_7Zs_d5_docListHeading","boardColumn":"opus_7Zs_d5_boardColumn","feed":"opus_7Zs_d5_feed","headerAction":"opus_7Zs_d5_headerAction","docColumnEmpty":"opus_7Zs_d5_docColumnEmpty","timelineTitleRow":"opus_7Zs_d5_timelineTitleRow","docViewOptions":"opus_7Zs_d5_docViewOptions","timelineIcon":"opus_7Zs_d5_timelineIcon","rowActionOverlay":"opus_7Zs_d5_rowActionOverlay","meta":"opus_7Zs_d5_meta","catalogueTitleRow":"opus_7Zs_d5_catalogueTitleRow","table":"opus_7Zs_d5_table","feedTitleRow":"opus_7Zs_d5_feedTitleRow","settingsBody":"opus_7Zs_d5_settingsBody","docColumns":"opus_7Zs_d5_docColumns","board":"opus_7Zs_d5_board","docListName":"opus_7Zs_d5_docListName","docToolbarControls":"opus_7Zs_d5_docToolbarControls","identity":"opus_7Zs_d5_identity","timelineCard":"opus_7Zs_d5_timelineCard","timelineItem":"opus_7Zs_d5_timelineItem","actionRow":"opus_7Zs_d5_actionRow","header":"opus_7Zs_d5_header","docToolbar":"opus_7Zs_d5_docToolbar","rowIcon":"opus_7Zs_d5_rowIcon","docTreeHeading":"opus_7Zs_d5_docTreeHeading","docViewButton":"opus_7Zs_d5_docViewButton"};
|
|
9703
9852
|
|
|
9704
9853
|
// ../../components/CrmWorkspaceLab/CrmWorkspaceLab.tsx
|
|
9705
9854
|
import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs54 } from "react/jsx-runtime";
|
|
@@ -10043,7 +10192,7 @@ function DirectoryLayout({
|
|
|
10043
10192
|
filtered.map((row) => {
|
|
10044
10193
|
const checked = selected.includes(row.id);
|
|
10045
10194
|
return /* @__PURE__ */ jsxs54("div", { className: `${CrmWorkspaceLab_default.row} ${CrmWorkspaceLab_default.actionRow}`, role: "row", children: [
|
|
10046
|
-
/* @__PURE__ */ jsx67(
|
|
10195
|
+
/* @__PURE__ */ jsx67("span", { className: CrmWorkspaceLab_default.selectCell, role: "cell", children: /* @__PURE__ */ jsx67(
|
|
10047
10196
|
"input",
|
|
10048
10197
|
{
|
|
10049
10198
|
"aria-label": `Select ${row.primary}`,
|
|
@@ -10051,7 +10200,7 @@ function DirectoryLayout({
|
|
|
10051
10200
|
type: "checkbox",
|
|
10052
10201
|
onChange: () => onToggle(row.id)
|
|
10053
10202
|
}
|
|
10054
|
-
),
|
|
10203
|
+
) }),
|
|
10055
10204
|
/* @__PURE__ */ jsxs54("span", { className: CrmWorkspaceLab_default.identity, role: "cell", children: [
|
|
10056
10205
|
row.icon ? /* @__PURE__ */ jsx67("span", { className: CrmWorkspaceLab_default.rowIcon, children: /* @__PURE__ */ jsx67(CatalogIcon, { iconName: row.icon }) }) : null,
|
|
10057
10206
|
/* @__PURE__ */ jsxs54("span", { children: [
|
|
@@ -10061,7 +10210,7 @@ function DirectoryLayout({
|
|
|
10061
10210
|
] }),
|
|
10062
10211
|
/* @__PURE__ */ jsx67("span", { role: "cell", children: /* @__PURE__ */ jsx67(Badge, { label: row.status, size: "sm", tone: statusTone(row.status) }) }),
|
|
10063
10212
|
/* @__PURE__ */ jsx67("span", { className: CrmWorkspaceLab_default.meta, role: "cell", children: row.meta }),
|
|
10064
|
-
/* @__PURE__ */ jsx67(
|
|
10213
|
+
/* @__PURE__ */ jsx67("span", { className: CrmWorkspaceLab_default.actionCell, role: "cell", children: /* @__PURE__ */ jsx67(
|
|
10065
10214
|
"button",
|
|
10066
10215
|
{
|
|
10067
10216
|
"aria-label": `Open ${row.primary}`,
|
|
@@ -10070,7 +10219,7 @@ function DirectoryLayout({
|
|
|
10070
10219
|
type: "button",
|
|
10071
10220
|
children: /* @__PURE__ */ jsx67(RowChevron, {})
|
|
10072
10221
|
}
|
|
10073
|
-
)
|
|
10222
|
+
) })
|
|
10074
10223
|
] }, row.id);
|
|
10075
10224
|
})
|
|
10076
10225
|
] })
|
|
@@ -10498,7 +10647,7 @@ function CrmWorkspaceLab({ variant, onAction }) {
|
|
|
10498
10647
|
import { useRef as useRef26 } from "react";
|
|
10499
10648
|
|
|
10500
10649
|
// ../../components/fields/OtpField/OtpField.module.css
|
|
10501
|
-
var OtpField_default = {"
|
|
10650
|
+
var OtpField_default = {"input":"opus_7RMR7r_input","inputs":"opus_7RMR7r_inputs"};
|
|
10502
10651
|
|
|
10503
10652
|
// ../../components/fields/OtpField/OtpField.tsx
|
|
10504
10653
|
import { jsx as jsx68 } from "react/jsx-runtime";
|
|
@@ -10572,7 +10721,7 @@ function OtpField({ error, help, id, label, labelPosition = "left", length = 6,
|
|
|
10572
10721
|
import { useId as useId19, useRef as useRef27 } from "react";
|
|
10573
10722
|
|
|
10574
10723
|
// ../../components/fields/AdvancedFields/AdvancedFields.module.css
|
|
10575
|
-
var AdvancedFields_default = {"
|
|
10724
|
+
var AdvancedFields_default = {"formSection":"opus_ymQ4nN_formSection","formHeaderEyebrow":"opus_ymQ4nN_formHeaderEyebrow","summary":"opus_ymQ4nN_summary","affixed":"opus_ymQ4nN_affixed","rangeGrid":"opus_ymQ4nN_rangeGrid","formHeaderDescription":"opus_ymQ4nN_formHeaderDescription","checkGroup":"opus_ymQ4nN_checkGroup","drop":"opus_ymQ4nN_drop","formHeaderTitle":"opus_ymQ4nN_formHeaderTitle","input":"opus_ymQ4nN_input","fileList":"opus_ymQ4nN_fileList","formHeaderCopy":"opus_ymQ4nN_formHeaderCopy","form":"opus_ymQ4nN_form","actions":"opus_ymQ4nN_actions","hidden":"opus_ymQ4nN_hidden","bareInput":"opus_ymQ4nN_bareInput","formHeader":"opus_ymQ4nN_formHeader","formHeaderActions":"opus_ymQ4nN_formHeaderActions"};
|
|
10576
10725
|
|
|
10577
10726
|
// ../../components/fields/AdvancedFields/AdvancedFields.tsx
|
|
10578
10727
|
import { jsx as jsx69, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
@@ -10646,8 +10795,20 @@ function FormValidationSummary({ errors, title = "Please correct the following"
|
|
|
10646
10795
|
/* @__PURE__ */ jsx69("ul", { children: errors.map((error, index) => /* @__PURE__ */ jsx69("li", { children: error.fieldId ? /* @__PURE__ */ jsx69("a", { href: `#${error.fieldId}`, children: error.message }) : error.message }, `${error.fieldId}-${index}`)) })
|
|
10647
10796
|
] });
|
|
10648
10797
|
}
|
|
10649
|
-
function Form(
|
|
10650
|
-
|
|
10798
|
+
function Form(_a2) {
|
|
10799
|
+
var _b2 = _a2, { children, className } = _b2, props = __objRest(_b2, ["children", "className"]);
|
|
10800
|
+
return /* @__PURE__ */ jsx69("form", __spreadProps(__spreadValues({}, props), { className: [AdvancedFields_default.form, className].filter(Boolean).join(" "), children }));
|
|
10801
|
+
}
|
|
10802
|
+
function FormHeader({ actions, align = "start", description, eyebrow, headingLevel = 2, title, titleId }) {
|
|
10803
|
+
const Heading = `h${headingLevel}`;
|
|
10804
|
+
return /* @__PURE__ */ jsxs55("header", { className: AdvancedFields_default.formHeader, "data-align": align, children: [
|
|
10805
|
+
/* @__PURE__ */ jsxs55("div", { className: AdvancedFields_default.formHeaderCopy, children: [
|
|
10806
|
+
eyebrow ? /* @__PURE__ */ jsx69("p", { className: AdvancedFields_default.formHeaderEyebrow, children: eyebrow }) : null,
|
|
10807
|
+
/* @__PURE__ */ jsx69(Heading, { className: AdvancedFields_default.formHeaderTitle, id: titleId, children: title }),
|
|
10808
|
+
description ? /* @__PURE__ */ jsx69("p", { className: AdvancedFields_default.formHeaderDescription, children: description }) : null
|
|
10809
|
+
] }),
|
|
10810
|
+
actions ? /* @__PURE__ */ jsx69("div", { className: AdvancedFields_default.formHeaderActions, children: actions }) : null
|
|
10811
|
+
] });
|
|
10651
10812
|
}
|
|
10652
10813
|
function FormSection({ children, title }) {
|
|
10653
10814
|
const id = useId19();
|
|
@@ -10661,7 +10822,7 @@ function FormActions({ children }) {
|
|
|
10661
10822
|
}
|
|
10662
10823
|
|
|
10663
10824
|
// ../../components/Panel/Panel.module.css
|
|
10664
|
-
var Panel_default = {"
|
|
10825
|
+
var Panel_default = {"title":"opus_JZHUc__title","body":"opus_JZHUc__body","headerActions":"opus_JZHUc__headerActions","footer":"opus_JZHUc__footer","panel":"opus_JZHUc__panel","heading":"opus_JZHUc__heading","header":"opus_JZHUc__header","description":"opus_JZHUc__description"};
|
|
10665
10826
|
|
|
10666
10827
|
// ../../components/Panel/Panel.tsx
|
|
10667
10828
|
import { jsx as jsx70, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
@@ -10856,7 +11017,7 @@ function resolveSectionGapVars(gap = "md") {
|
|
|
10856
11017
|
}
|
|
10857
11018
|
|
|
10858
11019
|
// ../../components/Section/Section.module.css
|
|
10859
|
-
var Section_default = {"
|
|
11020
|
+
var Section_default = {"body":"opus_FajZiH_body","title":"opus_FajZiH_title","row":"opus_FajZiH_row","column":"opus_FajZiH_column","section":"opus_FajZiH_section","header":"opus_FajZiH_header","description":"opus_FajZiH_description"};
|
|
10860
11021
|
|
|
10861
11022
|
// ../../components/Section/Section.tsx
|
|
10862
11023
|
import { jsx as jsx71, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
@@ -10937,7 +11098,7 @@ var Section = Object.assign(SectionRoot, {
|
|
|
10937
11098
|
});
|
|
10938
11099
|
|
|
10939
11100
|
// ../../components/Table/Table.module.css
|
|
10940
|
-
var Table_default = {"
|
|
11101
|
+
var Table_default = {"wrap":"opus_2q7S14_wrap","table":"opus_2q7S14_table","caption":"opus_2q7S14_caption","empty":"opus_2q7S14_empty","visuallyHidden":"opus_2q7S14_visuallyHidden"};
|
|
10941
11102
|
|
|
10942
11103
|
// ../../components/Table/Table.tsx
|
|
10943
11104
|
import { jsx as jsx72, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
@@ -11168,7 +11329,7 @@ function buildPivotGrid(sourceRows, config2) {
|
|
|
11168
11329
|
}
|
|
11169
11330
|
|
|
11170
11331
|
// ../../components/DataGrid/DataGrid.module.css
|
|
11171
|
-
var DataGrid_default = {"
|
|
11332
|
+
var DataGrid_default = {"menuFilterIcon":"opus_zN0bNb_menuFilterIcon","menuHost":"opus_zN0bNb_menuHost","headerLabel":"opus_zN0bNb_headerLabel","wrap":"opus_zN0bNb_wrap","sortIndicator":"opus_zN0bNb_sortIndicator","detailRow":"opus_zN0bNb_detailRow","frame":"opus_zN0bNb_frame","rowHeader":"opus_zN0bNb_rowHeader","gridBody":"opus_zN0bNb_gridBody","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","corner":"opus_zN0bNb_corner","expandSpacer":"opus_zN0bNb_expandSpacer","expandButton":"opus_zN0bNb_expandButton","menuButton":"opus_zN0bNb_menuButton","headerMenu":"opus_zN0bNb_headerMenu","detailCell":"opus_zN0bNb_detailCell","rowHeaderInner":"opus_zN0bNb_rowHeaderInner","grid":"opus_zN0bNb_grid","menuChevron":"opus_zN0bNb_menuChevron","chevron":"opus_zN0bNb_chevron","caption":"opus_zN0bNb_caption","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","visuallyHidden":"opus_zN0bNb_visuallyHidden","rowHeaderLabel":"opus_zN0bNb_rowHeaderLabel","menuSection":"opus_zN0bNb_menuSection","groupButton":"opus_zN0bNb_groupButton","headerCell":"opus_zN0bNb_headerCell","menuLabel":"opus_zN0bNb_menuLabel","spacerRow":"opus_zN0bNb_spacerRow","sortButton":"opus_zN0bNb_sortButton","menuAction":"opus_zN0bNb_menuAction","groupCount":"opus_zN0bNb_groupCount","groupRow":"opus_zN0bNb_groupRow","infiniteFooter":"opus_zN0bNb_infiniteFooter","sortButtonLabel":"opus_zN0bNb_sortButtonLabel","empty":"opus_zN0bNb_empty","filterInput":"opus_zN0bNb_filterInput","headerControls":"opus_zN0bNb_headerControls","groupCell":"opus_zN0bNb_groupCell"};
|
|
11172
11333
|
|
|
11173
11334
|
// ../../components/DataGrid/DataGrid.tsx
|
|
11174
11335
|
import { jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
@@ -14734,7 +14895,7 @@ function SpecializedChart(props) {
|
|
|
14734
14895
|
}
|
|
14735
14896
|
|
|
14736
14897
|
// ../../components/Chart/Chart.module.css
|
|
14737
|
-
var Chart_default = {"
|
|
14898
|
+
var Chart_default = {"axisLine":"opus_L6guCK_axisLine","mapRegion":"opus_L6guCK_mapRegion","packParent":"opus_L6guCK_packParent","axisTick":"opus_L6guCK_axisTick","mapLabel":"opus_L6guCK_mapLabel","title":"opus_L6guCK_title","point":"opus_L6guCK_point","funnel":"opus_L6guCK_funnel","seriesC":"opus_L6guCK_seriesC","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","radarGrid":"opus_L6guCK_radarGrid","legendSwatch":"opus_L6guCK_legendSwatch","funnelText":"opus_L6guCK_funnelText","sankeySideValue":"opus_L6guCK_sankeySideValue","header":"opus_L6guCK_header","seriesA":"opus_L6guCK_seriesA","valueLabel":"opus_L6guCK_valueLabel","sankeySideName":"opus_L6guCK_sankeySideName","ring":"opus_L6guCK_ring","packLabel":"opus_L6guCK_packLabel","chart":"opus_L6guCK_chart","bar":"opus_L6guCK_bar","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","svg":"opus_L6guCK_svg","axes":"opus_L6guCK_axes","seriesE":"opus_L6guCK_seriesE","graphLinkColored":"opus_L6guCK_graphLinkColored","land":"opus_L6guCK_land","sankeyLink":"opus_L6guCK_sankeyLink","axisLabels":"opus_L6guCK_axisLabels","line":"opus_L6guCK_line","axisTitle":"opus_L6guCK_axisTitle","slice":"opus_L6guCK_slice","meta":"opus_L6guCK_meta","graphLabel":"opus_L6guCK_graphLabel","mapValue":"opus_L6guCK_mapValue","graphNode":"opus_L6guCK_graphNode","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","legendItem":"opus_L6guCK_legendItem","area":"opus_L6guCK_area","sankeySideLabel":"opus_L6guCK_sankeySideLabel","seriesB":"opus_L6guCK_seriesB","violin":"opus_L6guCK_violin","grid":"opus_L6guCK_grid","graphNodeRing":"opus_L6guCK_graphNodeRing","seriesD":"opus_L6guCK_seriesD","ridge":"opus_L6guCK_ridge","treemapLabel":"opus_L6guCK_treemapLabel","link":"opus_L6guCK_link","mapLand":"opus_L6guCK_mapLand","radarArea":"opus_L6guCK_radarArea","legend":"opus_L6guCK_legend","funnelGuide":"opus_L6guCK_funnelGuide","axisGuide":"opus_L6guCK_axisGuide","sankeyNode":"opus_L6guCK_sankeyNode","seriesF":"opus_L6guCK_seriesF","wick":"opus_L6guCK_wick","graphLink":"opus_L6guCK_graphLink"};
|
|
14738
14899
|
|
|
14739
14900
|
// ../../components/Chart/Chart.tsx
|
|
14740
14901
|
import { Fragment as Fragment12, jsx as jsx75, jsxs as jsxs61 } from "react/jsx-runtime";
|
|
@@ -15873,7 +16034,7 @@ function Chart({
|
|
|
15873
16034
|
}
|
|
15874
16035
|
|
|
15875
16036
|
// ../../components/Skeleton/Skeleton.module.css
|
|
15876
|
-
var Skeleton_default = {"avatar":"opus_27r9Md_avatar","skeleton":"opus_27r9Md_skeleton","
|
|
16037
|
+
var Skeleton_default = {"stack":"opus_27r9Md_stack","avatar":"opus_27r9Md_avatar","skeleton":"opus_27r9Md_skeleton","media":"opus_27r9Md_media","tableRow":"opus_27r9Md_tableRow","tableCell":"opus_27r9Md_tableCell","line":"opus_27r9Md_line","skeletonShimmer":"opus_27r9Md_skeletonShimmer","skeletonPulse":"opus_27r9Md_skeletonPulse","avatarContent":"opus_27r9Md_avatarContent"};
|
|
15877
16038
|
|
|
15878
16039
|
// ../../components/Skeleton/Skeleton.tsx
|
|
15879
16040
|
import { jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
@@ -15924,7 +16085,7 @@ import { faXmark as faXmark2 } from "@fortawesome/free-solid-svg-icons";
|
|
|
15924
16085
|
import { FontAwesomeIcon as FontAwesomeIcon9 } from "@fortawesome/react-fontawesome";
|
|
15925
16086
|
|
|
15926
16087
|
// ../../components/Lightbox/Lightbox.module.css
|
|
15927
|
-
var Lightbox_default = {"
|
|
16088
|
+
var Lightbox_default = {"lightbox":"opus_s7Rpyv_lightbox","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut","frame":"opus_s7Rpyv_frame","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn","overlay":"opus_s7Rpyv_overlay","closeIcon":"opus_s7Rpyv_closeIcon","lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","trigger":"opus_s7Rpyv_trigger","panel":"opus_s7Rpyv_panel","close":"opus_s7Rpyv_close","caption":"opus_s7Rpyv_caption","image":"opus_s7Rpyv_image"};
|
|
15928
16089
|
|
|
15929
16090
|
// ../../components/Lightbox/Lightbox.tsx
|
|
15930
16091
|
import { jsx as jsx77, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
@@ -16039,7 +16200,7 @@ function Lightbox({
|
|
|
16039
16200
|
}
|
|
16040
16201
|
|
|
16041
16202
|
// ../../components/Carousel/Carousel.module.css
|
|
16042
|
-
var Carousel_default = {"empty":"opus_N4occJ_empty","
|
|
16203
|
+
var Carousel_default = {"empty":"opus_N4occJ_empty","visuallyHidden":"opus_N4occJ_visuallyHidden","stage":"opus_N4occJ_stage","pips":"opus_N4occJ_pips","slide":"opus_N4occJ_slide","navIcon":"opus_N4occJ_navIcon","carousel":"opus_N4occJ_carousel","pip":"opus_N4occJ_pip","image":"opus_N4occJ_image","nav":"opus_N4occJ_nav","footer":"opus_N4occJ_footer","track":"opus_N4occJ_track","caption":"opus_N4occJ_caption"};
|
|
16043
16204
|
|
|
16044
16205
|
// ../../components/Carousel/Carousel.tsx
|
|
16045
16206
|
import { Fragment as Fragment13, jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
@@ -16416,7 +16577,7 @@ async function shareMedia({
|
|
|
16416
16577
|
}
|
|
16417
16578
|
|
|
16418
16579
|
// ../../components/MediaShareCastControl/MediaShareCastControl.module.css
|
|
16419
|
-
var MediaShareCastControl_default = {"
|
|
16580
|
+
var MediaShareCastControl_default = {"trigger":"opus_ioyYOy_trigger","menu":"opus_ioyYOy_menu","root":"opus_ioyYOy_root","itemHint":"opus_ioyYOy_itemHint","itemLabel":"opus_ioyYOy_itemLabel","item":"opus_ioyYOy_item","icon":"opus_ioyYOy_icon","itemIcon":"opus_ioyYOy_itemIcon"};
|
|
16420
16581
|
|
|
16421
16582
|
// ../../components/MediaShareCastControl/MediaShareCastControl.tsx
|
|
16422
16583
|
import { jsx as jsx79, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
@@ -16710,7 +16871,7 @@ function MediaShareCastControl({
|
|
|
16710
16871
|
}
|
|
16711
16872
|
|
|
16712
16873
|
// ../../components/VideoPlayer/VideoPlayer.module.css
|
|
16713
|
-
var VideoPlayer_default = {"
|
|
16874
|
+
var VideoPlayer_default = {"player":"opus_g_RHVI_player","title":"opus_g_RHVI_title","video":"opus_g_RHVI_video","progressTrack":"opus_g_RHVI_progressTrack","icon":"opus_g_RHVI_icon","progressFill":"opus_g_RHVI_progressFill","stage":"opus_g_RHVI_stage","titleRow":"opus_g_RHVI_titleRow","progress":"opus_g_RHVI_progress","centerPlay":"opus_g_RHVI_centerPlay","time":"opus_g_RHVI_time","controls":"opus_g_RHVI_controls","iconButton":"opus_g_RHVI_iconButton","spacer":"opus_g_RHVI_spacer","progressThumb":"opus_g_RHVI_progressThumb","trackCount":"opus_g_RHVI_trackCount","volume":"opus_g_RHVI_volume","toolbar":"opus_g_RHVI_toolbar","videoBackdrop":"opus_g_RHVI_videoBackdrop"};
|
|
16714
16875
|
|
|
16715
16876
|
// ../../components/VideoPlayer/VideoPlayer.tsx
|
|
16716
16877
|
import { jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
@@ -17368,7 +17529,7 @@ import {
|
|
|
17368
17529
|
import { FontAwesomeIcon as FontAwesomeIcon13 } from "@fortawesome/react-fontawesome";
|
|
17369
17530
|
|
|
17370
17531
|
// ../../components/AudioPlayer/AudioPlayer.module.css
|
|
17371
|
-
var AudioPlayer_default = {"player":"opus_pJZZp1_player","
|
|
17532
|
+
var AudioPlayer_default = {"player":"opus_pJZZp1_player","trackCount":"opus_pJZZp1_trackCount","playButton":"opus_pJZZp1_playButton","spacer":"opus_pJZZp1_spacer","progressTrack":"opus_pJZZp1_progressTrack","artworkGlow":"opus_pJZZp1_artworkGlow","progressFill":"opus_pJZZp1_progressFill","artworkImage":"opus_pJZZp1_artworkImage","toolbar":"opus_pJZZp1_toolbar","progress":"opus_pJZZp1_progress","title":"opus_pJZZp1_title","artist":"opus_pJZZp1_artist","icon":"opus_pJZZp1_icon","progressThumb":"opus_pJZZp1_progressThumb","body":"opus_pJZZp1_body","iconButton":"opus_pJZZp1_iconButton","time":"opus_pJZZp1_time","artwork":"opus_pJZZp1_artwork","volume":"opus_pJZZp1_volume","artworkMark":"opus_pJZZp1_artworkMark","meta":"opus_pJZZp1_meta"};
|
|
17372
17533
|
|
|
17373
17534
|
// ../../components/AudioPlayer/AudioPlayer.tsx
|
|
17374
17535
|
import { Fragment as Fragment14, jsx as jsx81, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
@@ -17758,7 +17919,7 @@ function AudioPlayer({
|
|
|
17758
17919
|
}
|
|
17759
17920
|
|
|
17760
17921
|
// ../../components/ImageThumbnail/ImageThumbnail.module.css
|
|
17761
|
-
var ImageThumbnail_default = {"
|
|
17922
|
+
var ImageThumbnail_default = {"caption":"opus_Gp1o-9_caption","figure":"opus_Gp1o-9_figure","thumbnail":"opus_Gp1o-9_thumbnail","image":"opus_Gp1o-9_image"};
|
|
17762
17923
|
|
|
17763
17924
|
// ../../components/ImageThumbnail/ImageThumbnail.tsx
|
|
17764
17925
|
import { jsx as jsx82, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
@@ -17833,7 +17994,7 @@ import { createElement, useCallback as useCallback19, useEffect as useEffect34,
|
|
|
17833
17994
|
import { useEffect as useEffect33, useRef as useRef35, useState as useState41 } from "react";
|
|
17834
17995
|
|
|
17835
17996
|
// ../../components/ModelViewer/ModelViewer.module.css
|
|
17836
|
-
var ModelViewer_default = {"
|
|
17997
|
+
var ModelViewer_default = {"loading":"opus_f7gfHI_loading","model":"opus_f7gfHI_model","stage":"opus_f7gfHI_stage","viewer":"opus_f7gfHI_viewer","canvasHost":"opus_f7gfHI_canvasHost","caption":"opus_f7gfHI_caption"};
|
|
17837
17998
|
|
|
17838
17999
|
// ../../components/ModelViewer/FireBarrelModelViewer.tsx
|
|
17839
18000
|
import { jsx as jsx84, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
@@ -18051,7 +18212,7 @@ import { faXmark as faXmark3 } from "@fortawesome/free-solid-svg-icons";
|
|
|
18051
18212
|
import { FontAwesomeIcon as FontAwesomeIcon14 } from "@fortawesome/react-fontawesome";
|
|
18052
18213
|
|
|
18053
18214
|
// ../../components/ModelLightbox/ModelLightbox.module.css
|
|
18054
|
-
var ModelLightbox_default = {"
|
|
18215
|
+
var ModelLightbox_default = {"customTriggerContent":"opus_YYKGIB_customTriggerContent","frame":"opus_YYKGIB_frame","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","close":"opus_YYKGIB_close","customTriggerButton":"opus_YYKGIB_customTriggerButton","overlay":"opus_YYKGIB_overlay","modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn","trigger":"opus_YYKGIB_trigger","customTrigger":"opus_YYKGIB_customTrigger","closeIcon":"opus_YYKGIB_closeIcon","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","lightbox":"opus_YYKGIB_lightbox","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn"};
|
|
18055
18216
|
|
|
18056
18217
|
// ../../components/ModelLightbox/ModelLightbox.tsx
|
|
18057
18218
|
import { jsx as jsx86, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
@@ -18105,17 +18266,22 @@ function ModelLightbox({
|
|
|
18105
18266
|
return () => window.clearTimeout(timeout);
|
|
18106
18267
|
}, [isOpen, isRendered]);
|
|
18107
18268
|
return /* @__PURE__ */ jsxs71("div", { className: ModelLightbox_default.lightbox, children: [
|
|
18108
|
-
|
|
18109
|
-
|
|
18110
|
-
|
|
18111
|
-
|
|
18112
|
-
className: ModelLightbox_default.trigger,
|
|
18113
|
-
|
|
18114
|
-
|
|
18115
|
-
|
|
18116
|
-
|
|
18117
|
-
|
|
18118
|
-
|
|
18269
|
+
trigger ? (
|
|
18270
|
+
/* The trigger content can hold its own controls (model-viewer renders a poster
|
|
18271
|
+
button), so it stays outside the button and an overlay captures the click. */
|
|
18272
|
+
/* @__PURE__ */ jsxs71("div", { className: ModelLightbox_default.customTrigger, children: [
|
|
18273
|
+
/* @__PURE__ */ jsx86("div", { className: ModelLightbox_default.customTriggerContent, inert: true, children: trigger }),
|
|
18274
|
+
/* @__PURE__ */ jsx86(
|
|
18275
|
+
"button",
|
|
18276
|
+
{
|
|
18277
|
+
"aria-label": triggerLabel,
|
|
18278
|
+
className: ModelLightbox_default.customTriggerButton,
|
|
18279
|
+
type: "button",
|
|
18280
|
+
onClick: () => setOpen(true)
|
|
18281
|
+
}
|
|
18282
|
+
)
|
|
18283
|
+
] })
|
|
18284
|
+
) : /* @__PURE__ */ jsx86("button", { className: ModelLightbox_default.trigger, type: "button", onClick: () => setOpen(true), children: /* @__PURE__ */ jsx86("span", { children: triggerLabel }) }),
|
|
18119
18285
|
isOpen || isRendered ? /* @__PURE__ */ jsx86(Portal, { children: /* @__PURE__ */ jsx86(
|
|
18120
18286
|
"div",
|
|
18121
18287
|
{
|
|
@@ -18156,7 +18322,7 @@ function ModelLightbox({
|
|
|
18156
18322
|
}
|
|
18157
18323
|
|
|
18158
18324
|
// ../../components/ModelThumbnail/ModelThumbnail.module.css
|
|
18159
|
-
var ModelThumbnail_default = {"caption":"opus_NkO9Yb_caption","
|
|
18325
|
+
var ModelThumbnail_default = {"caption":"opus_NkO9Yb_caption","staticThumbnail":"opus_NkO9Yb_staticThumbnail","content":"opus_NkO9Yb_content"};
|
|
18160
18326
|
|
|
18161
18327
|
// ../../components/ModelThumbnail/ModelThumbnail.tsx
|
|
18162
18328
|
import { jsx as jsx87, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
@@ -18226,7 +18392,7 @@ function ModelGallery({
|
|
|
18226
18392
|
import { useId as useId24 } from "react";
|
|
18227
18393
|
|
|
18228
18394
|
// ../../components/EmptyState/EmptyState.module.css
|
|
18229
|
-
var EmptyState_default = {"iconWrap":"opus_1KckGY_iconWrap","title":"opus_1KckGY_title","
|
|
18395
|
+
var EmptyState_default = {"iconWrap":"opus_1KckGY_iconWrap","title":"opus_1KckGY_title","description":"opus_1KckGY_description","copy":"opus_1KckGY_copy","root":"opus_1KckGY_root","actions":"opus_1KckGY_actions"};
|
|
18230
18396
|
|
|
18231
18397
|
// ../../components/EmptyState/EmptyState.tsx
|
|
18232
18398
|
import { jsx as jsx89, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
@@ -18260,7 +18426,7 @@ function EmptyState({
|
|
|
18260
18426
|
}
|
|
18261
18427
|
|
|
18262
18428
|
// ../../components/Divider/Divider.module.css
|
|
18263
|
-
var Divider_default = {"
|
|
18429
|
+
var Divider_default = {"divider":"opus_ux1i0D_divider","line":"opus_ux1i0D_line","labelled":"opus_ux1i0D_labelled","label":"opus_ux1i0D_label"};
|
|
18264
18430
|
|
|
18265
18431
|
// ../../components/Divider/Divider.tsx
|
|
18266
18432
|
import { jsx as jsx90, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
@@ -18302,7 +18468,7 @@ function Divider({
|
|
|
18302
18468
|
import { useMemo as useMemo21, useState as useState44 } from "react";
|
|
18303
18469
|
|
|
18304
18470
|
// ../../components/Avatar/Avatar.module.css
|
|
18305
|
-
var Avatar_default = {"
|
|
18471
|
+
var Avatar_default = {"initials":"opus_jsRWxO_initials","avatar":"opus_jsRWxO_avatar","image":"opus_jsRWxO_image"};
|
|
18306
18472
|
|
|
18307
18473
|
// ../../components/Avatar/Avatar.tsx
|
|
18308
18474
|
import { jsx as jsx91 } from "react/jsx-runtime";
|
|
@@ -18352,7 +18518,7 @@ function Avatar({
|
|
|
18352
18518
|
}
|
|
18353
18519
|
|
|
18354
18520
|
// ../../components/AvatarGroup/AvatarGroup.module.css
|
|
18355
|
-
var AvatarGroup_default = {"
|
|
18521
|
+
var AvatarGroup_default = {"group":"opus_Vv36ne_group","item":"opus_Vv36ne_item","overflow":"opus_Vv36ne_overflow"};
|
|
18356
18522
|
|
|
18357
18523
|
// ../../components/AvatarGroup/AvatarGroup.tsx
|
|
18358
18524
|
import { jsx as jsx92, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
@@ -18378,7 +18544,7 @@ function AvatarGroup({ items, max = 4, size = "md" }) {
|
|
|
18378
18544
|
}
|
|
18379
18545
|
|
|
18380
18546
|
// ../../components/Statistic/Statistic.module.css
|
|
18381
|
-
var Statistic_default = {"
|
|
18547
|
+
var Statistic_default = {"value":"opus_vCN1bv_value","label":"opus_vCN1bv_label","affix":"opus_vCN1bv_affix","root":"opus_vCN1bv_root","trend":"opus_vCN1bv_trend"};
|
|
18382
18548
|
|
|
18383
18549
|
// ../../components/Statistic/Statistic.tsx
|
|
18384
18550
|
import { jsx as jsx93, jsxs as jsxs76 } from "react/jsx-runtime";
|
|
@@ -18405,7 +18571,7 @@ function Statistic({
|
|
|
18405
18571
|
}
|
|
18406
18572
|
|
|
18407
18573
|
// ../../components/List/List.module.css
|
|
18408
|
-
var List_default = {"
|
|
18574
|
+
var List_default = {"itemAction":"opus_ys3xlo_itemAction","icon":"opus_ys3xlo_icon","meta":"opus_ys3xlo_meta","body":"opus_ys3xlo_body","item":"opus_ys3xlo_item","list":"opus_ys3xlo_list","head":"opus_ys3xlo_head","description":"opus_ys3xlo_description","title":"opus_ys3xlo_title"};
|
|
18409
18575
|
|
|
18410
18576
|
// ../../components/List/List.tsx
|
|
18411
18577
|
import { Fragment as Fragment15, jsx as jsx94, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
@@ -18428,7 +18594,7 @@ function List({ density = "comfortable", items, ordered = false, onItemClick })
|
|
|
18428
18594
|
}
|
|
18429
18595
|
|
|
18430
18596
|
// ../../components/DescriptionList/DescriptionList.module.css
|
|
18431
|
-
var DescriptionList_default = {"list":"opus_FY8OsC_list","
|
|
18597
|
+
var DescriptionList_default = {"list":"opus_FY8OsC_list","term":"opus_FY8OsC_term","details":"opus_FY8OsC_details","row":"opus_FY8OsC_row"};
|
|
18432
18598
|
|
|
18433
18599
|
// ../../components/DescriptionList/DescriptionList.tsx
|
|
18434
18600
|
import { jsx as jsx95, jsxs as jsxs78 } from "react/jsx-runtime";
|
|
@@ -18446,7 +18612,7 @@ function DescriptionList({
|
|
|
18446
18612
|
import { useState as useState45 } from "react";
|
|
18447
18613
|
|
|
18448
18614
|
// ../../components/PropertyGrid/PropertyGrid.module.css
|
|
18449
|
-
var PropertyGrid_default = {"
|
|
18615
|
+
var PropertyGrid_default = {"copy":"opus_Bnfsue_copy","row":"opus_Bnfsue_row","grid":"opus_Bnfsue_grid","label":"opus_Bnfsue_label","valueCell":"opus_Bnfsue_valueCell","value":"opus_Bnfsue_value"};
|
|
18450
18616
|
|
|
18451
18617
|
// ../../components/PropertyGrid/PropertyGrid.tsx
|
|
18452
18618
|
import { jsx as jsx96, jsxs as jsxs79 } from "react/jsx-runtime";
|
|
@@ -18513,7 +18679,7 @@ function Stack({
|
|
|
18513
18679
|
import { Children } from "react";
|
|
18514
18680
|
|
|
18515
18681
|
// ../../components/Columns/Columns.module.css
|
|
18516
|
-
var Columns_default = {"
|
|
18682
|
+
var Columns_default = {"cell":"opus_dI4yQh_cell","root":"opus_dI4yQh_root"};
|
|
18517
18683
|
|
|
18518
18684
|
// ../../components/Columns/Columns.tsx
|
|
18519
18685
|
import { jsx as jsx98 } from "react/jsx-runtime";
|
|
@@ -18571,7 +18737,7 @@ function Grid2({
|
|
|
18571
18737
|
import { useCallback as useCallback21, useEffect as useEffect36, useId as useId25, useRef as useRef38, useState as useState46 } from "react";
|
|
18572
18738
|
|
|
18573
18739
|
// ../../components/ResizeHandle/ResizeHandle.module.css
|
|
18574
|
-
var ResizeHandle_default = {"
|
|
18740
|
+
var ResizeHandle_default = {"grip":"opus_PaKREB_grip","dot":"opus_PaKREB_dot","handle":"opus_PaKREB_handle"};
|
|
18575
18741
|
|
|
18576
18742
|
// ../../components/ResizeHandle/ResizeHandle.tsx
|
|
18577
18743
|
import { jsx as jsx100, jsxs as jsxs80 } from "react/jsx-runtime";
|
|
@@ -18718,7 +18884,7 @@ function Splitter({
|
|
|
18718
18884
|
import { useCallback as useCallback22, useEffect as useEffect37, useRef as useRef39, useState as useState47 } from "react";
|
|
18719
18885
|
|
|
18720
18886
|
// ../../components/ResizablePanel/ResizablePanel.module.css
|
|
18721
|
-
var ResizablePanel_default = {"
|
|
18887
|
+
var ResizablePanel_default = {"root":"opus_kVJ122_root","body":"opus_kVJ122_body","handle":"opus_kVJ122_handle"};
|
|
18722
18888
|
|
|
18723
18889
|
// ../../components/ResizablePanel/ResizablePanel.tsx
|
|
18724
18890
|
import { jsx as jsx102, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
@@ -18801,7 +18967,7 @@ function ResizablePanel({
|
|
|
18801
18967
|
}
|
|
18802
18968
|
|
|
18803
18969
|
// ../../components/DockLayout/DockLayout.module.css
|
|
18804
|
-
var DockLayout_default = {"
|
|
18970
|
+
var DockLayout_default = {"top":"opus_3zzL8C_top","left":"opus_3zzL8C_left","center":"opus_3zzL8C_center","bottom":"opus_3zzL8C_bottom","right":"opus_3zzL8C_right","middle":"opus_3zzL8C_middle","root":"opus_3zzL8C_root"};
|
|
18805
18971
|
|
|
18806
18972
|
// ../../components/DockLayout/DockLayout.tsx
|
|
18807
18973
|
import { jsx as jsx103, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
@@ -18846,7 +19012,7 @@ import {
|
|
|
18846
19012
|
} from "react";
|
|
18847
19013
|
|
|
18848
19014
|
// ../../components/CustomScrollbar/CustomScrollbar.module.css
|
|
18849
|
-
var CustomScrollbar_default = {"cornerDot":"opus_I9wQcM_cornerDot","
|
|
19015
|
+
var CustomScrollbar_default = {"content":"opus_I9wQcM_content","cornerDot":"opus_I9wQcM_cornerDot","viewport":"opus_I9wQcM_viewport","track":"opus_I9wQcM_track","root":"opus_I9wQcM_root","thumb":"opus_I9wQcM_thumb"};
|
|
18850
19016
|
|
|
18851
19017
|
// ../../components/CustomScrollbar/CustomScrollbar.tsx
|
|
18852
19018
|
import { jsx as jsx104, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
@@ -19142,7 +19308,7 @@ function CustomScrollbar({
|
|
|
19142
19308
|
}
|
|
19143
19309
|
|
|
19144
19310
|
// ../../components/ThreePaneLayout/ThreePaneLayout.module.css
|
|
19145
|
-
var ThreePaneLayout_default = {"
|
|
19311
|
+
var ThreePaneLayout_default = {"sidebar":"opus_DtnFdK_sidebar","content":"opus_DtnFdK_content","root":"opus_DtnFdK_root","handle":"opus_DtnFdK_handle"};
|
|
19146
19312
|
|
|
19147
19313
|
// ../../components/ThreePaneLayout/ThreePaneLayout.tsx
|
|
19148
19314
|
import { Fragment as Fragment16, jsx as jsx105, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
@@ -19588,7 +19754,7 @@ function Spacer({ axis = "y", className, flex = false, size = 16, style }) {
|
|
|
19588
19754
|
}
|
|
19589
19755
|
|
|
19590
19756
|
// ../../components/Breadcrumb/Breadcrumb.module.css
|
|
19591
|
-
var Breadcrumb_default = {"
|
|
19757
|
+
var Breadcrumb_default = {"item":"opus_FwZfXe_item","current":"opus_FwZfXe_current","link":"opus_FwZfXe_link","list":"opus_FwZfXe_list","separator":"opus_FwZfXe_separator","root":"opus_FwZfXe_root"};
|
|
19592
19758
|
|
|
19593
19759
|
// ../../components/Breadcrumb/Breadcrumb.tsx
|
|
19594
19760
|
import { jsx as jsx110, jsxs as jsxs86 } from "react/jsx-runtime";
|
|
@@ -19616,7 +19782,7 @@ function Breadcrumb({ ariaLabel = "Breadcrumb", items, onNavigate, separator = "
|
|
|
19616
19782
|
}
|
|
19617
19783
|
|
|
19618
19784
|
// ../../components/Pagination/Pagination.module.css
|
|
19619
|
-
var Pagination_default = {"button":"opus_VkXUKR_button","root":"opus_VkXUKR_root","
|
|
19785
|
+
var Pagination_default = {"button":"opus_VkXUKR_button","root":"opus_VkXUKR_root","ellipsis":"opus_VkXUKR_ellipsis","active":"opus_VkXUKR_active"};
|
|
19620
19786
|
|
|
19621
19787
|
// ../../components/Pagination/Pagination.tsx
|
|
19622
19788
|
import { jsx as jsx111, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
@@ -19681,7 +19847,7 @@ function Pagination({ page, pageCount, onPageChange, siblingCount = 1 }) {
|
|
|
19681
19847
|
}
|
|
19682
19848
|
|
|
19683
19849
|
// ../../components/PageHeader/PageHeader.module.css
|
|
19684
|
-
var PageHeader_default = {"
|
|
19850
|
+
var PageHeader_default = {"copy":"opus_1pSVfU_copy","eyebrow":"opus_1pSVfU_eyebrow","description":"opus_1pSVfU_description","title":"opus_1pSVfU_title","row":"opus_1pSVfU_row","breadcrumbs":"opus_1pSVfU_breadcrumbs","actions":"opus_1pSVfU_actions","root":"opus_1pSVfU_root"};
|
|
19685
19851
|
|
|
19686
19852
|
// ../../components/PageHeader/PageHeader.tsx
|
|
19687
19853
|
import { jsx as jsx112, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
@@ -19700,7 +19866,7 @@ function PageHeader({ actions, breadcrumbs, description, eyebrow, title }) {
|
|
|
19700
19866
|
}
|
|
19701
19867
|
|
|
19702
19868
|
// ../../components/Toolbar/Toolbar.module.css
|
|
19703
|
-
var Toolbar_default = {"
|
|
19869
|
+
var Toolbar_default = {"cluster":"opus_lO-IAD_cluster","end":"opus_lO-IAD_end","root":"opus_lO-IAD_root"};
|
|
19704
19870
|
|
|
19705
19871
|
// ../../components/Toolbar/Toolbar.tsx
|
|
19706
19872
|
import { jsx as jsx113, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
@@ -19722,7 +19888,7 @@ function Toolbar({ children, className, dense = false, end, label, start }) {
|
|
|
19722
19888
|
}
|
|
19723
19889
|
|
|
19724
19890
|
// ../../components/BottomNavigation/BottomNavigation.module.css
|
|
19725
|
-
var BottomNavigation_default = {"
|
|
19891
|
+
var BottomNavigation_default = {"root":"opus_Yqcmor_root","item":"opus_Yqcmor_item","icon":"opus_Yqcmor_icon","label":"opus_Yqcmor_label","active":"opus_Yqcmor_active"};
|
|
19726
19892
|
|
|
19727
19893
|
// ../../components/BottomNavigation/BottomNavigation.tsx
|
|
19728
19894
|
import { jsx as jsx114, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
@@ -19752,7 +19918,7 @@ function BottomNavigation({ items, onChange, value }) {
|
|
|
19752
19918
|
}
|
|
19753
19919
|
|
|
19754
19920
|
// ../../components/NavigationRail/NavigationRail.module.css
|
|
19755
|
-
var NavigationRail_default = {"
|
|
19921
|
+
var NavigationRail_default = {"label":"opus_E7mR15_label","srOnly":"opus_E7mR15_srOnly","icon":"opus_E7mR15_icon","root":"opus_E7mR15_root","active":"opus_E7mR15_active","item":"opus_E7mR15_item"};
|
|
19756
19922
|
|
|
19757
19923
|
// ../../components/NavigationRail/NavigationRail.tsx
|
|
19758
19924
|
import { jsx as jsx115, jsxs as jsxs91 } from "react/jsx-runtime";
|
|
@@ -19795,7 +19961,7 @@ function NavigationRail({ collapsed = false, items, onChange, value }) {
|
|
|
19795
19961
|
import { useEffect as useEffect40, useId as useId28, useRef as useRef42, useState as useState50 } from "react";
|
|
19796
19962
|
|
|
19797
19963
|
// ../../components/SplitButton/SplitButton.module.css
|
|
19798
|
-
var SplitButton_default = {"root":"opus_TVuiQN_root","
|
|
19964
|
+
var SplitButton_default = {"root":"opus_TVuiQN_root","menuItem":"opus_TVuiQN_menuItem","caret":"opus_TVuiQN_caret","main":"opus_TVuiQN_main","menu":"opus_TVuiQN_menu"};
|
|
19799
19965
|
|
|
19800
19966
|
// ../../components/SplitButton/SplitButton.tsx
|
|
19801
19967
|
import { jsx as jsx116, jsxs as jsxs92 } from "react/jsx-runtime";
|
|
@@ -19860,7 +20026,7 @@ function SplitButton({
|
|
|
19860
20026
|
}
|
|
19861
20027
|
|
|
19862
20028
|
// ../../components/FloatingActionButton/FloatingActionButton.module.css
|
|
19863
|
-
var FloatingActionButton_default = {"
|
|
20029
|
+
var FloatingActionButton_default = {"icon":"opus_UXPLpX_icon","root":"opus_UXPLpX_root","label":"opus_UXPLpX_label","srOnly":"opus_UXPLpX_srOnly"};
|
|
19864
20030
|
|
|
19865
20031
|
// ../../components/FloatingActionButton/FloatingActionButton.tsx
|
|
19866
20032
|
import { jsx as jsx117, jsxs as jsxs93 } from "react/jsx-runtime";
|
|
@@ -20229,7 +20395,7 @@ function Tile({
|
|
|
20229
20395
|
}
|
|
20230
20396
|
|
|
20231
20397
|
// ../../components/Tiles/Tiles.module.css
|
|
20232
|
-
var Tiles_default = {"
|
|
20398
|
+
var Tiles_default = {"moreButton":"opus_zD82gC_moreButton","viewport":"opus_zD82gC_viewport","tileItem":"opus_zD82gC_tileItem","tile":"opus_zD82gC_tile","previousButton":"opus_zD82gC_previousButton","nextButton":"opus_zD82gC_nextButton","row":"opus_zD82gC_row"};
|
|
20233
20399
|
|
|
20234
20400
|
// ../../components/Tiles/Tiles.tsx
|
|
20235
20401
|
import { jsx as jsx120, jsxs as jsxs96 } from "react/jsx-runtime";
|
|
@@ -20307,7 +20473,7 @@ function Tiles({ className, items, layout = "fill" }) {
|
|
|
20307
20473
|
}
|
|
20308
20474
|
|
|
20309
20475
|
// ../../components/StatTile/StatTile.module.css
|
|
20310
|
-
var StatTile_default = {"
|
|
20476
|
+
var StatTile_default = {"statTile":"opus_8DpwUV_statTile","label":"opus_8DpwUV_label","meta":"opus_8DpwUV_meta","trend":"opus_8DpwUV_trend","value":"opus_8DpwUV_value","comparison":"opus_8DpwUV_comparison","icon":"opus_8DpwUV_icon","body":"opus_8DpwUV_body"};
|
|
20311
20477
|
|
|
20312
20478
|
// ../../components/StatTile/StatTile.tsx
|
|
20313
20479
|
import { Fragment as Fragment18, jsx as jsx121, jsxs as jsxs97 } from "react/jsx-runtime";
|
|
@@ -20362,7 +20528,7 @@ function StatTile({
|
|
|
20362
20528
|
import { useCallback as useCallback26, useEffect as useEffect42, useRef as useRef44, useState as useState52 } from "react";
|
|
20363
20529
|
|
|
20364
20530
|
// ../../components/StatTiles/StatTiles.module.css
|
|
20365
|
-
var StatTiles_default = {"moreButton":"opus_uhJd8v_moreButton","
|
|
20531
|
+
var StatTiles_default = {"moreButton":"opus_uhJd8v_moreButton","viewport":"opus_uhJd8v_viewport","statTileItem":"opus_uhJd8v_statTileItem","row":"opus_uhJd8v_row","nextButton":"opus_uhJd8v_nextButton","statTile":"opus_uhJd8v_statTile","previousButton":"opus_uhJd8v_previousButton"};
|
|
20366
20532
|
|
|
20367
20533
|
// ../../components/StatTiles/StatTiles.tsx
|
|
20368
20534
|
import { jsx as jsx122, jsxs as jsxs98 } from "react/jsx-runtime";
|
|
@@ -20371,12 +20537,14 @@ function StatTiles({ className, items, layout = "fill" }) {
|
|
|
20371
20537
|
const rowRef = useRef44(null);
|
|
20372
20538
|
const [hasPrevious, setHasPrevious] = useState52(false);
|
|
20373
20539
|
const [hasMore, setHasMore] = useState52(false);
|
|
20540
|
+
const [scrollable, setScrollable] = useState52(false);
|
|
20374
20541
|
const rowStyle = layout === "fill" && items.length > 0 ? { gridTemplateColumns: `repeat(${items.length}, minmax(var(--stat-tile-min), 1fr))` } : void 0;
|
|
20375
20542
|
const updateOverflow = useCallback26(() => {
|
|
20376
20543
|
const row = rowRef.current;
|
|
20377
20544
|
if (!row) return;
|
|
20378
20545
|
setHasPrevious(row.scrollLeft > 2);
|
|
20379
20546
|
setHasMore(row.scrollWidth - row.scrollLeft - row.clientWidth > 2);
|
|
20547
|
+
setScrollable(row.scrollWidth - row.clientWidth > 2);
|
|
20380
20548
|
}, []);
|
|
20381
20549
|
useEffect42(() => {
|
|
20382
20550
|
const row = rowRef.current;
|
|
@@ -20411,6 +20579,7 @@ function StatTiles({ className, items, layout = "fill" }) {
|
|
|
20411
20579
|
ref: rowRef,
|
|
20412
20580
|
role: "list",
|
|
20413
20581
|
style: rowStyle,
|
|
20582
|
+
tabIndex: scrollable ? 0 : void 0,
|
|
20414
20583
|
children: items.map((item, index) => {
|
|
20415
20584
|
var _a2;
|
|
20416
20585
|
const tone = (_a2 = item.tone) != null ? _a2 : defaultToneForIndex2(index);
|
|
@@ -20443,7 +20612,7 @@ function StatTiles({ className, items, layout = "fill" }) {
|
|
|
20443
20612
|
import { useId as useId29, useMemo as useMemo23 } from "react";
|
|
20444
20613
|
|
|
20445
20614
|
// ../../components/PipelineOverview/PipelineOverview.module.css
|
|
20446
|
-
var PipelineOverview_default = {"
|
|
20615
|
+
var PipelineOverview_default = {"legendValue":"opus_1ScjMZ_legendValue","totalValue":"opus_1ScjMZ_totalValue","totalLabel":"opus_1ScjMZ_totalLabel","body":"opus_1ScjMZ_body","funnelSvg":"opus_1ScjMZ_funnelSvg","legendCopy":"opus_1ScjMZ_legendCopy","funnel":"opus_1ScjMZ_funnel","footer":"opus_1ScjMZ_footer","legend":"opus_1ScjMZ_legend","root":"opus_1ScjMZ_root","period":"opus_1ScjMZ_period","periodLabel":"opus_1ScjMZ_periodLabel","periodSelect":"opus_1ScjMZ_periodSelect","periodChevron":"opus_1ScjMZ_periodChevron","legendLabel":"opus_1ScjMZ_legendLabel","total":"opus_1ScjMZ_total","legendDot":"opus_1ScjMZ_legendDot","legendItem":"opus_1ScjMZ_legendItem"};
|
|
20447
20616
|
|
|
20448
20617
|
// ../../components/PipelineOverview/PipelineOverview.tsx
|
|
20449
20618
|
import { jsx as jsx123, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
@@ -20790,7 +20959,7 @@ function getDealsOverTimePalette(palette, accents) {
|
|
|
20790
20959
|
}
|
|
20791
20960
|
|
|
20792
20961
|
// ../../components/DealsOverTime/DealsOverTime.module.css
|
|
20793
|
-
var DealsOverTime_default = {"
|
|
20962
|
+
var DealsOverTime_default = {"lineGlowMid":"opus_Hn1LW1_lineGlowMid","header":"opus_Hn1LW1_header","root":"opus_Hn1LW1_root","periodSelect":"opus_Hn1LW1_periodSelect","tooltipDate":"opus_Hn1LW1_tooltipDate","gridLine":"opus_Hn1LW1_gridLine","pointRing":"opus_Hn1LW1_pointRing","hitTarget":"opus_Hn1LW1_hitTarget","pointCore":"opus_Hn1LW1_pointCore","lineGlowSoft":"opus_Hn1LW1_lineGlowSoft","pointGlow":"opus_Hn1LW1_pointGlow","pointSolid":"opus_Hn1LW1_pointSolid","period":"opus_Hn1LW1_period","line":"opus_Hn1LW1_line","area":"opus_Hn1LW1_area","tooltipValue":"opus_Hn1LW1_tooltipValue","axisLabel":"opus_Hn1LW1_axisLabel","periodLabel":"opus_Hn1LW1_periodLabel","chartWrap":"opus_Hn1LW1_chartWrap","title":"opus_Hn1LW1_title","chart":"opus_Hn1LW1_chart","tooltip":"opus_Hn1LW1_tooltip"};
|
|
20794
20963
|
|
|
20795
20964
|
// ../../components/DealsOverTime/DealsOverTime.tsx
|
|
20796
20965
|
import { Fragment as Fragment19, jsx as jsx124, jsxs as jsxs100 } from "react/jsx-runtime";
|
|
@@ -21194,7 +21363,7 @@ function DealsOverTime({
|
|
|
21194
21363
|
import { useCallback as useCallback27, useState as useState54 } from "react";
|
|
21195
21364
|
|
|
21196
21365
|
// ../../components/DashboardListWidget/shared.module.css
|
|
21197
|
-
var shared_default = {"
|
|
21366
|
+
var shared_default = {"list":"opus_8R-PJ3_list","footerAction":"opus_8R-PJ3_footerAction","iconWrap":"opus_8R-PJ3_iconWrap","itemAction":"opus_8R-PJ3_itemAction","footerIcon":"opus_8R-PJ3_footerIcon","footer":"opus_8R-PJ3_footer"};
|
|
21198
21367
|
|
|
21199
21368
|
// ../../components/DashboardListWidget/DashboardListFooter.tsx
|
|
21200
21369
|
import { Fragment as Fragment20, jsx as jsx125, jsxs as jsxs101 } from "react/jsx-runtime";
|
|
@@ -21207,7 +21376,7 @@ function DashboardListFooter({ footerHref, footerLabel, onFooterClick }) {
|
|
|
21207
21376
|
}
|
|
21208
21377
|
|
|
21209
21378
|
// ../../components/UpcomingTasks/UpcomingTasks.module.css
|
|
21210
|
-
var UpcomingTasks_default = {"
|
|
21379
|
+
var UpcomingTasks_default = {"time":"opus_mFTWWU_time","item":"opus_mFTWWU_item","header":"opus_mFTWWU_header","itemAction":"opus_mFTWWU_itemAction","itemBody":"opus_mFTWWU_itemBody","root":"opus_mFTWWU_root","title":"opus_mFTWWU_title","taskCheckbox":"opus_mFTWWU_taskCheckbox","copy":"opus_mFTWWU_copy","itemTitle":"opus_mFTWWU_itemTitle","itemSubtitle":"opus_mFTWWU_itemSubtitle","list":"opus_mFTWWU_list"};
|
|
21211
21380
|
|
|
21212
21381
|
// ../../components/UpcomingTasks/UpcomingTasks.tsx
|
|
21213
21382
|
import { jsx as jsx126, jsxs as jsxs102 } from "react/jsx-runtime";
|
|
@@ -21292,7 +21461,7 @@ function UpcomingTasks({
|
|
|
21292
21461
|
}
|
|
21293
21462
|
|
|
21294
21463
|
// ../../components/RecentActivity/RecentActivity.module.css
|
|
21295
|
-
var RecentActivity_default = {"
|
|
21464
|
+
var RecentActivity_default = {"root":"opus_PR08Ax_root","iconWrap":"opus_PR08Ax_iconWrap","title":"opus_PR08Ax_title","copy":"opus_PR08Ax_copy","itemAction":"opus_PR08Ax_itemAction","list":"opus_PR08Ax_list","header":"opus_PR08Ax_header","time":"opus_PR08Ax_time","item":"opus_PR08Ax_item","itemSubtitle":"opus_PR08Ax_itemSubtitle","itemTitle":"opus_PR08Ax_itemTitle"};
|
|
21296
21465
|
|
|
21297
21466
|
// ../../components/RecentActivity/RecentActivity.tsx
|
|
21298
21467
|
import { Fragment as Fragment21, jsx as jsx127, jsxs as jsxs103 } from "react/jsx-runtime";
|
|
@@ -43091,7 +43260,7 @@ function opusThemeTokens(theme) {
|
|
|
43091
43260
|
}
|
|
43092
43261
|
|
|
43093
43262
|
// ../../components/EmojiPicker/EmojiPicker.module.css
|
|
43094
|
-
var EmojiPicker_default = {"
|
|
43263
|
+
var EmojiPicker_default = {"panel":"opus__tyRxw_panel","empty":"opus__tyRxw_empty","srOnly":"opus__tyRxw_srOnly","search":"opus__tyRxw_search","emojiButton":"opus__tyRxw_emojiButton","grid":"opus__tyRxw_grid","root":"opus__tyRxw_root","categoryButton":"opus__tyRxw_categoryButton","searchHint":"opus__tyRxw_searchHint","categories":"opus__tyRxw_categories"};
|
|
43095
43264
|
|
|
43096
43265
|
// ../../components/EmojiPicker/EmojiPicker.tsx
|
|
43097
43266
|
import { jsx as jsx128, jsxs as jsxs104 } from "react/jsx-runtime";
|
|
@@ -43369,7 +43538,7 @@ function EmojiPicker({
|
|
|
43369
43538
|
import { useEffect as useEffect45, useMemo as useMemo26, useRef as useRef47, useState as useState56 } from "react";
|
|
43370
43539
|
|
|
43371
43540
|
// ../../components/NoteTag/NoteTag.module.css
|
|
43372
|
-
var NoteTag_default = {"
|
|
43541
|
+
var NoteTag_default = {"option":"opus__ZnbtA_option","menu":"opus__ZnbtA_menu","options":"opus__ZnbtA_options","removeButton":"opus__ZnbtA_removeButton","picker":"opus__ZnbtA_picker","list":"opus__ZnbtA_list","tag":"opus__ZnbtA_tag","menuHeader":"opus__ZnbtA_menuHeader"};
|
|
43373
43542
|
|
|
43374
43543
|
// ../../components/NoteTag/NoteTag.tsx
|
|
43375
43544
|
import { jsx as jsx129, jsxs as jsxs105 } from "react/jsx-runtime";
|
|
@@ -43519,7 +43688,7 @@ function NoteTagPicker({
|
|
|
43519
43688
|
}
|
|
43520
43689
|
|
|
43521
43690
|
// ../../components/NoteComposer/NoteComposer.module.css
|
|
43522
|
-
var NoteComposer_default = {"
|
|
43691
|
+
var NoteComposer_default = {"saveButton":"opus_pQVlNo_saveButton","textarea":"opus_pQVlNo_textarea","tools":"opus_pQVlNo_tools","selectedTags":"opus_pQVlNo_selectedTags","toolButton":"opus_pQVlNo_toolButton","root":"opus_pQVlNo_root","footer":"opus_pQVlNo_footer"};
|
|
43523
43692
|
|
|
43524
43693
|
// ../../components/NoteComposer/NoteComposer.tsx
|
|
43525
43694
|
import { jsx as jsx130, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
@@ -43730,7 +43899,7 @@ import {
|
|
|
43730
43899
|
import { Fragment as Fragment22 } from "react";
|
|
43731
43900
|
|
|
43732
43901
|
// ../../components/ContentTimeline/ContentTimeline.module.css
|
|
43733
|
-
var ContentTimeline_default = {"
|
|
43902
|
+
var ContentTimeline_default = {"tag":"opus_vApy-v_tag","title":"opus_vApy-v_title","children":"opus_vApy-v_children","itemFooter":"opus_vApy-v_itemFooter","item":"opus_vApy-v_item","dot":"opus_vApy-v_dot","line":"opus_vApy-v_line","time":"opus_vApy-v_time","head":"opus_vApy-v_head","description":"opus_vApy-v_description","rail":"opus_vApy-v_rail","tags":"opus_vApy-v_tags","statusDot":"opus_vApy-v_statusDot","itemAction":"opus_vApy-v_itemAction","metaRow":"opus_vApy-v_metaRow","content":"opus_vApy-v_content","markerSlot":"opus_vApy-v_markerSlot","body":"opus_vApy-v_body","list":"opus_vApy-v_list","groupLabel":"opus_vApy-v_groupLabel"};
|
|
43734
43903
|
|
|
43735
43904
|
// ../../components/ContentTimeline/ContentTimeline.tsx
|
|
43736
43905
|
import { jsx as jsx131, jsxs as jsxs107 } from "react/jsx-runtime";
|
|
@@ -43847,7 +44016,7 @@ function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, varian
|
|
|
43847
44016
|
}
|
|
43848
44017
|
|
|
43849
44018
|
// ../../components/NotesActivity/NotesActivity.module.css
|
|
43850
|
-
var NotesActivity_default = {"
|
|
44019
|
+
var NotesActivity_default = {"tab":"opus_ThZ-Bi_tab","addNoteButton":"opus_ThZ-Bi_addNoteButton","footer":"opus_ThZ-Bi_footer","replyComposer":"opus_ThZ-Bi_replyComposer","replyInputShell":"opus_ThZ-Bi_replyInputShell","threadItems":"opus_ThZ-Bi_threadItems","composerClose":"opus_ThZ-Bi_composerClose","replyToolButton":"opus_ThZ-Bi_replyToolButton","replyBlock":"opus_ThZ-Bi_replyBlock","composer":"opus_ThZ-Bi_composer","threadConnectors":"opus_ThZ-Bi_threadConnectors","replyTags":"opus_ThZ-Bi_replyTags","tabIcon":"opus_ThZ-Bi_tabIcon","composerPanel":"opus_ThZ-Bi_composerPanel","notesActivityEnterFromLeft":"opus_ThZ-Bi_notesActivityEnterFromLeft","notesActivityEnterFromRight":"opus_ThZ-Bi_notesActivityEnterFromRight","tabs":"opus_ThZ-Bi_tabs","replyTools":"opus_ThZ-Bi_replyTools","footerIcon":"opus_ThZ-Bi_footerIcon","composerBar":"opus_ThZ-Bi_composerBar","root":"opus_ThZ-Bi_root","tabsRow":"opus_ThZ-Bi_tabsRow","replyInput":"opus_ThZ-Bi_replyInput","footerAction":"opus_ThZ-Bi_footerAction","feed":"opus_ThZ-Bi_feed"};
|
|
43851
44020
|
|
|
43852
44021
|
// ../../components/NotesActivity/NotesActivity.tsx
|
|
43853
44022
|
import { Fragment as Fragment23, jsx as jsx132, jsxs as jsxs108 } from "react/jsx-runtime";
|
|
@@ -44628,7 +44797,7 @@ function NotesActivity({
|
|
|
44628
44797
|
import { useMemo as useMemo28 } from "react";
|
|
44629
44798
|
|
|
44630
44799
|
// ../../components/TopPerformingUsers/TopPerformingUsers.module.css
|
|
44631
|
-
var TopPerformingUsers_default = {"
|
|
44800
|
+
var TopPerformingUsers_default = {"title":"opus_sYx0a6_title","itemAction":"opus_sYx0a6_itemAction","row":"opus_sYx0a6_row","item":"opus_sYx0a6_item","list":"opus_sYx0a6_list","root":"opus_sYx0a6_root","name":"opus_sYx0a6_name","barTrack":"opus_sYx0a6_barTrack","value":"opus_sYx0a6_value","header":"opus_sYx0a6_header","barFill":"opus_sYx0a6_barFill"};
|
|
44632
44801
|
|
|
44633
44802
|
// ../../components/TopPerformingUsers/TopPerformingUsers.tsx
|
|
44634
44803
|
import { Fragment as Fragment24, jsx as jsx133, jsxs as jsxs109 } from "react/jsx-runtime";
|
|
@@ -44687,7 +44856,7 @@ function TopPerformingUsers({
|
|
|
44687
44856
|
}
|
|
44688
44857
|
|
|
44689
44858
|
// ../../components/UserProfileWidget/UserProfileWidget.module.css
|
|
44690
|
-
var UserProfileWidget_default = {"chevronButton":"opus_zjR1aT_chevronButton","
|
|
44859
|
+
var UserProfileWidget_default = {"chevronButton":"opus_zjR1aT_chevronButton","chevron":"opus_zjR1aT_chevron","avatarButton":"opus_zjR1aT_avatarButton","name":"opus_zjR1aT_name","role":"opus_zjR1aT_role","root":"opus_zjR1aT_root","copy":"opus_zjR1aT_copy"};
|
|
44691
44860
|
|
|
44692
44861
|
// ../../components/UserProfileWidget/UserProfileWidget.tsx
|
|
44693
44862
|
import { jsx as jsx134, jsxs as jsxs110 } from "react/jsx-runtime";
|
|
@@ -44855,7 +45024,7 @@ function ProfilePhotoUploadModal({
|
|
|
44855
45024
|
}
|
|
44856
45025
|
|
|
44857
45026
|
// ../../components/ImageCropUploadWidget/ImageCropUploadWidget.module.css
|
|
44858
|
-
var ImageCropUploadWidget_default = {"root":"opus_jO9vJQ_root","
|
|
45027
|
+
var ImageCropUploadWidget_default = {"root":"opus_jO9vJQ_root","field":"opus_jO9vJQ_field","title":"opus_jO9vJQ_title"};
|
|
44859
45028
|
|
|
44860
45029
|
// ../../components/ImageCropUploadWidget/ImageCropUploadWidget.tsx
|
|
44861
45030
|
import { jsx as jsx136, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
@@ -44903,7 +45072,7 @@ function ImageCropUploadWidget({
|
|
|
44903
45072
|
import { useMemo as useMemo29, useState as useState60 } from "react";
|
|
44904
45073
|
|
|
44905
45074
|
// ../../components/PropertyInspector/PropertyInspector.module.css
|
|
44906
|
-
var PropertyInspector_default = {"
|
|
45075
|
+
var PropertyInspector_default = {"search":"opus_IrN8Z8_search","group":"opus_IrN8Z8_group","select":"opus_IrN8Z8_select","input":"opus_IrN8Z8_input","label":"opus_IrN8Z8_label","root":"opus_IrN8Z8_root","row":"opus_IrN8Z8_row","groupHeader":"opus_IrN8Z8_groupHeader","rows":"opus_IrN8Z8_rows","valueCell":"opus_IrN8Z8_valueCell","value":"opus_IrN8Z8_value","checkbox":"opus_IrN8Z8_checkbox","searchRow":"opus_IrN8Z8_searchRow"};
|
|
44907
45076
|
|
|
44908
45077
|
// ../../components/PropertyInspector/PropertyInspector.tsx
|
|
44909
45078
|
import { jsx as jsx137, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
@@ -45023,7 +45192,7 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
45023
45192
|
import { useMemo as useMemo30 } from "react";
|
|
45024
45193
|
|
|
45025
45194
|
// ../../components/FilterBuilder/FilterBuilder.module.css
|
|
45026
|
-
var FilterBuilder_default = {"
|
|
45195
|
+
var FilterBuilder_default = {"joiner":"opus_CtJDHh_joiner","select":"opus_CtJDHh_select","header":"opus_CtJDHh_header","add":"opus_CtJDHh_add","remove":"opus_CtJDHh_remove","output":"opus_CtJDHh_output","valuePlaceholder":"opus_CtJDHh_valuePlaceholder","row":"opus_CtJDHh_row","expression":"opus_CtJDHh_expression","title":"opus_CtJDHh_title","empty":"opus_CtJDHh_empty","joinerSpacer":"opus_CtJDHh_joinerSpacer","root":"opus_CtJDHh_root","input":"opus_CtJDHh_input","outputLabel":"opus_CtJDHh_outputLabel","payload":"opus_CtJDHh_payload","list":"opus_CtJDHh_list"};
|
|
45027
45196
|
|
|
45028
45197
|
// ../../components/FilterBuilder/FilterBuilder.tsx
|
|
45029
45198
|
import { jsx as jsx138, jsxs as jsxs114 } from "react/jsx-runtime";
|
|
@@ -45133,7 +45302,7 @@ function FilterBuilder({ conditions, fields, onChange }) {
|
|
|
45133
45302
|
import { useMemo as useMemo31 } from "react";
|
|
45134
45303
|
|
|
45135
45304
|
// ../../components/QueryBuilder/QueryBuilder.module.css
|
|
45136
|
-
var QueryBuilder_default = {"
|
|
45305
|
+
var QueryBuilder_default = {"outputLabel":"opus_b7dZwd_outputLabel","combinator":"opus_b7dZwd_combinator","expression":"opus_b7dZwd_expression","payload":"opus_b7dZwd_payload","input":"opus_b7dZwd_input","output":"opus_b7dZwd_output","add":"opus_b7dZwd_add","select":"opus_b7dZwd_select","chipSpacer":"opus_b7dZwd_chipSpacer","toolbar":"opus_b7dZwd_toolbar","row":"opus_b7dZwd_row","root":"opus_b7dZwd_root","list":"opus_b7dZwd_list","remove":"opus_b7dZwd_remove","selectNarrow":"opus_b7dZwd_selectNarrow","chip":"opus_b7dZwd_chip","empty":"opus_b7dZwd_empty"};
|
|
45137
45306
|
|
|
45138
45307
|
// ../../components/QueryBuilder/QueryBuilder.tsx
|
|
45139
45308
|
import { jsx as jsx139, jsxs as jsxs115 } from "react/jsx-runtime";
|
|
@@ -45260,7 +45429,7 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
45260
45429
|
import { useMemo as useMemo32 } from "react";
|
|
45261
45430
|
|
|
45262
45431
|
// ../../components/RuleBuilder/RuleBuilder.module.css
|
|
45263
|
-
var RuleBuilder_default = {"
|
|
45432
|
+
var RuleBuilder_default = {"input":"opus_O61tUk_input","outputLabel":"opus_O61tUk_outputLabel","payload":"opus_O61tUk_payload","field":"opus_O61tUk_field","add":"opus_O61tUk_add","list":"opus_O61tUk_list","cardTop":"opus_O61tUk_cardTop","output":"opus_O61tUk_output","action":"opus_O61tUk_action","title":"opus_O61tUk_title","name":"opus_O61tUk_name","root":"opus_O61tUk_root","subtitle":"opus_O61tUk_subtitle","empty":"opus_O61tUk_empty","select":"opus_O61tUk_select","card":"opus_O61tUk_card","header":"opus_O61tUk_header","priority":"opus_O61tUk_priority","enabled":"opus_O61tUk_enabled","actions":"opus_O61tUk_actions","expression":"opus_O61tUk_expression"};
|
|
45264
45433
|
|
|
45265
45434
|
// ../../components/RuleBuilder/RuleBuilder.tsx
|
|
45266
45435
|
import { jsx as jsx140, jsxs as jsxs116 } from "react/jsx-runtime";
|
|
@@ -45403,7 +45572,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
45403
45572
|
}
|
|
45404
45573
|
|
|
45405
45574
|
// ../../components/PermissionsMatrix/PermissionsMatrix.module.css
|
|
45406
|
-
var PermissionsMatrix_default = {"
|
|
45575
|
+
var PermissionsMatrix_default = {"table":"opus_x-xBrX_table","cell":"opus_x-xBrX_cell","rowHead":"opus_x-xBrX_rowHead","head":"opus_x-xBrX_head","scroll":"opus_x-xBrX_scroll","corner":"opus_x-xBrX_corner","root":"opus_x-xBrX_root","select":"opus_x-xBrX_select"};
|
|
45407
45576
|
|
|
45408
45577
|
// ../../components/PermissionsMatrix/PermissionsMatrix.tsx
|
|
45409
45578
|
import { jsx as jsx141, jsxs as jsxs117 } from "react/jsx-runtime";
|
|
@@ -45439,7 +45608,7 @@ function PermissionsMatrix({ onChange, permissions, resources, roles }) {
|
|
|
45439
45608
|
import { useMemo as useMemo33, useState as useState61 } from "react";
|
|
45440
45609
|
|
|
45441
45610
|
// ../../components/DualListBuilder/DualListBuilder.module.css
|
|
45442
|
-
var DualListBuilder_default = {"
|
|
45611
|
+
var DualListBuilder_default = {"list":"opus_P6crEX_list","searchRow":"opus_P6crEX_searchRow","columns":"opus_P6crEX_columns","outputLabel":"opus_P6crEX_outputLabel","itemActive":"opus_P6crEX_itemActive","columnTitle":"opus_P6crEX_columnTitle","item":"opus_P6crEX_item","column":"opus_P6crEX_column","expression":"opus_P6crEX_expression","controls":"opus_P6crEX_controls","control":"opus_P6crEX_control","root":"opus_P6crEX_root","output":"opus_P6crEX_output","count":"opus_P6crEX_count","search":"opus_P6crEX_search","payload":"opus_P6crEX_payload"};
|
|
45443
45612
|
|
|
45444
45613
|
// ../../components/DualListBuilder/DualListBuilder.tsx
|
|
45445
45614
|
import { jsx as jsx142, jsxs as jsxs118 } from "react/jsx-runtime";
|
|
@@ -45568,7 +45737,7 @@ function ListColumn2({
|
|
|
45568
45737
|
import { useMemo as useMemo34 } from "react";
|
|
45569
45738
|
|
|
45570
45739
|
// ../../components/Scheduler/Scheduler.module.css
|
|
45571
|
-
var Scheduler_default = {"
|
|
45740
|
+
var Scheduler_default = {"corner":"opus_ZqbdMc_corner","eventTitle":"opus_ZqbdMc_eventTitle","event":"opus_ZqbdMc_event","dayHead":"opus_ZqbdMc_dayHead","eventTime":"opus_ZqbdMc_eventTime","time":"opus_ZqbdMc_time","cell":"opus_ZqbdMc_cell","grid":"opus_ZqbdMc_grid","root":"opus_ZqbdMc_root"};
|
|
45572
45741
|
|
|
45573
45742
|
// ../../components/Scheduler/Scheduler.tsx
|
|
45574
45743
|
import { jsx as jsx143, jsxs as jsxs119 } from "react/jsx-runtime";
|
|
@@ -45636,7 +45805,7 @@ function formatHour(hour) {
|
|
|
45636
45805
|
import { useMemo as useMemo35, useState as useState62 } from "react";
|
|
45637
45806
|
|
|
45638
45807
|
// ../../components/KanbanBoard/KanbanBoard.module.css
|
|
45639
|
-
var KanbanBoard_default = {"
|
|
45808
|
+
var KanbanBoard_default = {"cardMeta":"opus_EUh8ei_cardMeta","root":"opus_EUh8ei_root","columnHeader":"opus_EUh8ei_columnHeader","columnTitle":"opus_EUh8ei_columnTitle","cards":"opus_EUh8ei_cards","count":"opus_EUh8ei_count","cardTitle":"opus_EUh8ei_cardTitle","card":"opus_EUh8ei_card","column":"opus_EUh8ei_column"};
|
|
45640
45809
|
|
|
45641
45810
|
// ../../components/KanbanBoard/KanbanBoard.tsx
|
|
45642
45811
|
import { Fragment as Fragment26, jsx as jsx144, jsxs as jsxs120 } from "react/jsx-runtime";
|
|
@@ -45750,7 +45919,7 @@ function sortEventsByTime(events) {
|
|
|
45750
45919
|
import { useEffect as useEffect48, useMemo as useMemo36, useState as useState63 } from "react";
|
|
45751
45920
|
|
|
45752
45921
|
// ../../components/Calendar/Calendar.module.css
|
|
45753
|
-
var Calendar_default = {"
|
|
45922
|
+
var Calendar_default = {"today":"opus_IjCc5M_today","dayModalHeading":"opus_IjCc5M_dayModalHeading","dayModalForm":"opus_IjCc5M_dayModalForm","select":"opus_IjCc5M_select","selected":"opus_IjCc5M_selected","nav":"opus_IjCc5M_nav","dot":"opus_IjCc5M_dot","dayModalItemTitle":"opus_IjCc5M_dayModalItemTitle","empty":"opus_IjCc5M_empty","moreEvents":"opus_IjCc5M_moreEvents","dayModalFieldRow":"opus_IjCc5M_dayModalFieldRow","eventLabel":"opus_IjCc5M_eventLabel","dayModalList":"opus_IjCc5M_dayModalList","dayModalItemBody":"opus_IjCc5M_dayModalItemBody","grid":"opus_IjCc5M_grid","event":"opus_IjCc5M_event","dayModal":"opus_IjCc5M_dayModal","dayModalItemMeta":"opus_IjCc5M_dayModalItemMeta","dayModalItemTime":"opus_IjCc5M_dayModalItemTime","pickerField":"opus_IjCc5M_pickerField","weekday":"opus_IjCc5M_weekday","dayModalDot":"opus_IjCc5M_dayModalDot","srOnly":"opus_IjCc5M_srOnly","dayModalSection":"opus_IjCc5M_dayModalSection","day":"opus_IjCc5M_day","picker":"opus_IjCc5M_picker","dayModalNotice":"opus_IjCc5M_dayModalNotice","dayModalItem":"opus_IjCc5M_dayModalItem","dayModalEmpty":"opus_IjCc5M_dayModalEmpty","dayNumber":"opus_IjCc5M_dayNumber","yearSelect":"opus_IjCc5M_yearSelect","weekdays":"opus_IjCc5M_weekdays","monthSelect":"opus_IjCc5M_monthSelect","label":"opus_IjCc5M_label","events":"opus_IjCc5M_events","root":"opus_IjCc5M_root","toolbar":"opus_IjCc5M_toolbar"};
|
|
45754
45923
|
|
|
45755
45924
|
// ../../components/Calendar/CalendarDayModal.tsx
|
|
45756
45925
|
import { Fragment as Fragment27, jsx as jsx145, jsxs as jsxs121 } from "react/jsx-runtime";
|
|
@@ -46077,7 +46246,7 @@ function Calendar({
|
|
|
46077
46246
|
import { useMemo as useMemo38 } from "react";
|
|
46078
46247
|
|
|
46079
46248
|
// ../../components/ResourcePlanner/ResourcePlanner.module.css
|
|
46080
|
-
var ResourcePlanner_default = {"
|
|
46249
|
+
var ResourcePlanner_default = {"block":"opus_9Mof8o_block","corner":"opus_9Mof8o_corner","row":"opus_9Mof8o_row","hour":"opus_9Mof8o_hour","track":"opus_9Mof8o_track","resource":"opus_9Mof8o_resource","lanes":"opus_9Mof8o_lanes","root":"opus_9Mof8o_root","header":"opus_9Mof8o_header","scroll":"opus_9Mof8o_scroll","lane":"opus_9Mof8o_lane"};
|
|
46081
46250
|
|
|
46082
46251
|
// ../../components/ResourcePlanner/ResourcePlanner.tsx
|
|
46083
46252
|
import { jsx as jsx147, jsxs as jsxs123 } from "react/jsx-runtime";
|
|
@@ -46152,7 +46321,7 @@ function resolveContactDetailsContact(contact, defaults) {
|
|
|
46152
46321
|
}
|
|
46153
46322
|
|
|
46154
46323
|
// ../../components/ContactDetails/ContactIdentityCard.module.css
|
|
46155
|
-
var ContactIdentityCard_default = {"
|
|
46324
|
+
var ContactIdentityCard_default = {"companyList":"opus_9xh2Bk_companyList","identity":"opus_9xh2Bk_identity","headline":"opus_9xh2Bk_headline","avatarWrap":"opus_9xh2Bk_avatarWrap","avatarEdit":"opus_9xh2Bk_avatarEdit","primaryMark":"opus_9xh2Bk_primaryMark","companyCopy":"opus_9xh2Bk_companyCopy","companyIcon":"opus_9xh2Bk_companyIcon","status":"opus_9xh2Bk_status","identityCard":"opus_9xh2Bk_identityCard"};
|
|
46156
46325
|
|
|
46157
46326
|
// ../../components/ContactDetails/ContactIdentityCard.tsx
|
|
46158
46327
|
import { jsx as jsx148, jsxs as jsxs124 } from "react/jsx-runtime";
|
|
@@ -46243,7 +46412,9 @@ import { jsx as jsx149 } from "react/jsx-runtime";
|
|
|
46243
46412
|
function MoreActionsMenu({
|
|
46244
46413
|
items,
|
|
46245
46414
|
label = "More actions",
|
|
46246
|
-
onSelect
|
|
46415
|
+
onSelect,
|
|
46416
|
+
showPointer = true,
|
|
46417
|
+
triggerGap = 8
|
|
46247
46418
|
}) {
|
|
46248
46419
|
const dropdownItems = items.map((item) => ({
|
|
46249
46420
|
destructive: item.destructive,
|
|
@@ -46266,13 +46437,15 @@ function MoreActionsMenu({
|
|
|
46266
46437
|
onSelect == null ? void 0 : onSelect(item);
|
|
46267
46438
|
},
|
|
46268
46439
|
placement: "bottom-end",
|
|
46440
|
+
showPointer,
|
|
46441
|
+
triggerGap,
|
|
46269
46442
|
trigger: /* @__PURE__ */ jsx149(Button, { "aria-label": label, className: MoreActionsMenu_default.trigger, variant: "dark", children: /* @__PURE__ */ jsx149(CatalogIcon, { iconName: "ellipsis-vertical" }) })
|
|
46270
46443
|
}
|
|
46271
46444
|
);
|
|
46272
46445
|
}
|
|
46273
46446
|
|
|
46274
46447
|
// ../../components/ContactDetails/ContactSummaryCard.module.css
|
|
46275
|
-
var ContactSummaryCard_default = {"
|
|
46448
|
+
var ContactSummaryCard_default = {"owner":"opus_8ccRnS_owner","tags":"opus_8ccRnS_tags","companyEmployment":"opus_8ccRnS_companyEmployment","detailIcon":"opus_8ccRnS_detailIcon","securityField":"opus_8ccRnS_securityField","securityAction":"opus_8ccRnS_securityAction","detailItem":"opus_8ccRnS_detailItem","detailsGrid":"opus_8ccRnS_detailsGrid","summaryPanel":"opus_8ccRnS_summaryPanel","detailsCard":"opus_8ccRnS_detailsCard","summaryTabs":"opus_8ccRnS_summaryTabs","detailsColumn":"opus_8ccRnS_detailsColumn","companies":"opus_8ccRnS_companies","statusValue":"opus_8ccRnS_statusValue"};
|
|
46276
46449
|
|
|
46277
46450
|
// ../../components/ContactDetails/ContactSummaryCard.tsx
|
|
46278
46451
|
import { jsx as jsx150, jsxs as jsxs125 } from "react/jsx-runtime";
|
|
@@ -46767,7 +46940,7 @@ import { useState as useState68 } from "react";
|
|
|
46767
46940
|
import { useMemo as useMemo40, useState as useState67 } from "react";
|
|
46768
46941
|
|
|
46769
46942
|
// ../../components/CompactDocuments/CompactDocuments.module.css
|
|
46770
|
-
var CompactDocuments_default = {"
|
|
46943
|
+
var CompactDocuments_default = {"card":"opus_I18Pjx_card","columnTitle":"opus_I18Pjx_columnTitle","nodeIcon":"opus_I18Pjx_nodeIcon","viewport":"opus_I18Pjx_viewport","list":"opus_I18Pjx_list","listRow":"opus_I18Pjx_listRow","empty":"opus_I18Pjx_empty","grid":"opus_I18Pjx_grid","nodeCopy":"opus_I18Pjx_nodeCopy","controls":"opus_I18Pjx_controls","viewOptions":"opus_I18Pjx_viewOptions","root":"opus_I18Pjx_root","columnRow":"opus_I18Pjx_columnRow","cardTop":"opus_I18Pjx_cardTop","breadcrumb":"opus_I18Pjx_breadcrumb","columns":"opus_I18Pjx_columns","column":"opus_I18Pjx_column","toolbar":"opus_I18Pjx_toolbar"};
|
|
46771
46944
|
|
|
46772
46945
|
// ../../components/CompactDocuments/CompactDocuments.tsx
|
|
46773
46946
|
import { jsx as jsx153, jsxs as jsxs127 } from "react/jsx-runtime";
|
|
@@ -46941,7 +47114,7 @@ function CompactDocuments({
|
|
|
46941
47114
|
}
|
|
46942
47115
|
|
|
46943
47116
|
// ../../components/ContactDetails/ContactNotesActivity.module.css
|
|
46944
|
-
var ContactNotesActivity_default = {"
|
|
47117
|
+
var ContactNotesActivity_default = {"scrollPanel":"opus_542jf0_scrollPanel","workspaceTabs":"opus_542jf0_workspaceTabs","compactDocuments":"opus_542jf0_compactDocuments","tabsCardLine":"opus_542jf0_tabsCardLine","cardNotesPanel":"opus_542jf0_cardNotesPanel","cardNotesPanelContent":"opus_542jf0_cardNotesPanelContent","emptyPanel":"opus_542jf0_emptyPanel","workspaceAction":"opus_542jf0_workspaceAction","tabsCardCard":"opus_542jf0_tabsCardCard","notesActivity":"opus_542jf0_notesActivity"};
|
|
46945
47118
|
|
|
46946
47119
|
// ../../components/ContactDetails/ContactNotesActivity.tsx
|
|
46947
47120
|
import { jsx as jsx154, jsxs as jsxs128 } from "react/jsx-runtime";
|
|
@@ -47193,7 +47366,7 @@ function CompanyLogoUploadModal({
|
|
|
47193
47366
|
}
|
|
47194
47367
|
|
|
47195
47368
|
// ../../components/CompanyDetails/CompanyIdentityCard.module.css
|
|
47196
|
-
var CompanyIdentityCard_default = {"
|
|
47369
|
+
var CompanyIdentityCard_default = {"identityCard":"opus_VeicQh_identityCard","primaryMark":"opus_VeicQh_primaryMark","status":"opus_VeicQh_status","logo":"opus_VeicQh_logo","identity":"opus_VeicQh_identity","companyCopy":"opus_VeicQh_companyCopy","avatarEdit":"opus_VeicQh_avatarEdit","logoFrame":"opus_VeicQh_logoFrame","headline":"opus_VeicQh_headline","avatarWrap":"opus_VeicQh_avatarWrap","companyList":"opus_VeicQh_companyList","companyIcon":"opus_VeicQh_companyIcon"};
|
|
47197
47370
|
|
|
47198
47371
|
// ../../components/CompanyDetails/CompanyIdentityCard.tsx
|
|
47199
47372
|
import { jsx as jsx156, jsxs as jsxs130 } from "react/jsx-runtime";
|
|
@@ -47292,7 +47465,7 @@ function resolveCompanyDetailsCompany(company, defaults) {
|
|
|
47292
47465
|
}
|
|
47293
47466
|
|
|
47294
47467
|
// ../../components/CompanyDetails/CompanySummaryCard.module.css
|
|
47295
|
-
var CompanySummaryCard_default = {"
|
|
47468
|
+
var CompanySummaryCard_default = {"tags":"opus_O7TkMw_tags","branchesEmpty":"opus_O7TkMw_branchesEmpty","summaryTabs":"opus_O7TkMw_summaryTabs","detailIcon":"opus_O7TkMw_detailIcon","detailsGrid":"opus_O7TkMw_detailsGrid","statusValue":"opus_O7TkMw_statusValue","securityField":"opus_O7TkMw_securityField","securityAction":"opus_O7TkMw_securityAction","companies":"opus_O7TkMw_companies","detailsCard":"opus_O7TkMw_detailsCard","summaryPanel":"opus_O7TkMw_summaryPanel","companyEmployment":"opus_O7TkMw_companyEmployment","branchName":"opus_O7TkMw_branchName","detailsColumn":"opus_O7TkMw_detailsColumn","owner":"opus_O7TkMw_owner","detailItem":"opus_O7TkMw_detailItem"};
|
|
47296
47469
|
|
|
47297
47470
|
// ../../components/CompanyDetails/CompanySummaryCard.tsx
|
|
47298
47471
|
import { jsx as jsx157, jsxs as jsxs131 } from "react/jsx-runtime";
|
|
@@ -47738,7 +47911,7 @@ function CompanyDetails({
|
|
|
47738
47911
|
import { useState as useState72 } from "react";
|
|
47739
47912
|
|
|
47740
47913
|
// ../../components/CompanyDetails/CompanyNotesActivity.module.css
|
|
47741
|
-
var CompanyNotesActivity_default = {"
|
|
47914
|
+
var CompanyNotesActivity_default = {"workspaceTabs":"opus_dp6pcp_workspaceTabs","tabsCardCard":"opus_dp6pcp_tabsCardCard","compactDocuments":"opus_dp6pcp_compactDocuments","cardNotesPanel":"opus_dp6pcp_cardNotesPanel","contactsList":"opus_dp6pcp_contactsList","scrollPanel":"opus_dp6pcp_scrollPanel","contactCopy":"opus_dp6pcp_contactCopy","emptyPanel":"opus_dp6pcp_emptyPanel","tabsCardLine":"opus_dp6pcp_tabsCardLine","contactHeadline":"opus_dp6pcp_contactHeadline","cardNotesPanelContent":"opus_dp6pcp_cardNotesPanelContent","workspaceAction":"opus_dp6pcp_workspaceAction","contactRow":"opus_dp6pcp_contactRow","notesActivity":"opus_dp6pcp_notesActivity","contactMeta":"opus_dp6pcp_contactMeta"};
|
|
47742
47915
|
|
|
47743
47916
|
// ../../components/CompanyDetails/CompanyNotesActivity.tsx
|
|
47744
47917
|
import { jsx as jsx160, jsxs as jsxs133 } from "react/jsx-runtime";
|
|
@@ -47928,7 +48101,7 @@ function CompanyNotesActivity({
|
|
|
47928
48101
|
import { useMemo as useMemo42, useState as useState73 } from "react";
|
|
47929
48102
|
|
|
47930
48103
|
// ../../components/TreeView/TreeView.module.css
|
|
47931
|
-
var TreeView_default = {"
|
|
48104
|
+
var TreeView_default = {"leafMark":"opus_NlkzXy_leafMark","children":"opus_NlkzXy_children","toggle":"opus_NlkzXy_toggle","label":"opus_NlkzXy_label","tree":"opus_NlkzXy_tree","node":"opus_NlkzXy_node","row":"opus_NlkzXy_row"};
|
|
47932
48105
|
|
|
47933
48106
|
// ../../components/TreeView/TreeView.tsx
|
|
47934
48107
|
import { jsx as jsx161, jsxs as jsxs134 } from "react/jsx-runtime";
|
|
@@ -48008,7 +48181,7 @@ function TreeView({ defaultExpandedIds, nodes }) {
|
|
|
48008
48181
|
}
|
|
48009
48182
|
|
|
48010
48183
|
// ../../components/MasonryGrid/MasonryGrid.module.css
|
|
48011
|
-
var MasonryGrid_default = {"
|
|
48184
|
+
var MasonryGrid_default = {"title":"opus_Fxxd7-_title","grid":"opus_Fxxd7-_grid","body":"opus_Fxxd7-_body","card":"opus_Fxxd7-_card"};
|
|
48012
48185
|
|
|
48013
48186
|
// ../../components/MasonryGrid/MasonryGrid.tsx
|
|
48014
48187
|
import { Fragment as Fragment30, jsx as jsx162, jsxs as jsxs135 } from "react/jsx-runtime";
|
|
@@ -48053,7 +48226,7 @@ function MasonryGrid({ columns = 3, gap = 12, items, onItemClick }) {
|
|
|
48053
48226
|
import { useMemo as useMemo43, useState as useState74 } from "react";
|
|
48054
48227
|
|
|
48055
48228
|
// ../../components/JsonViewer/JsonViewer.module.css
|
|
48056
|
-
var JsonViewer_default = {"
|
|
48229
|
+
var JsonViewer_default = {"key":"opus_uLDgXq_key","toggleLine":"opus_uLDgXq_toggleLine","number":"opus_uLDgXq_number","string":"opus_uLDgXq_string","boolean":"opus_uLDgXq_boolean","root":"opus_uLDgXq_root","summary":"opus_uLDgXq_summary","null":"opus_uLDgXq_null","chevron":"opus_uLDgXq_chevron","line":"opus_uLDgXq_line","block":"opus_uLDgXq_block","children":"opus_uLDgXq_children"};
|
|
48057
48230
|
|
|
48058
48231
|
// ../../components/JsonViewer/JsonViewer.tsx
|
|
48059
48232
|
import { jsx as jsx163, jsxs as jsxs136 } from "react/jsx-runtime";
|
|
@@ -48169,7 +48342,7 @@ function Icon({ label, name, size = "md", tone = "default" }) {
|
|
|
48169
48342
|
}
|
|
48170
48343
|
|
|
48171
48344
|
// ../../components/Spinner/Spinner.module.css
|
|
48172
|
-
var Spinner_default = {"spinner":"opus_g5cd4Q_spinner","opus-spinner-rotate":"opus_g5cd4Q_opus-spinner-rotate"
|
|
48345
|
+
var Spinner_default = {"ring":"opus_g5cd4Q_ring","spinner":"opus_g5cd4Q_spinner","opus-spinner-rotate":"opus_g5cd4Q_opus-spinner-rotate"};
|
|
48173
48346
|
|
|
48174
48347
|
// ../../components/Spinner/Spinner.tsx
|
|
48175
48348
|
import { jsx as jsx165 } from "react/jsx-runtime";
|
|
@@ -48187,11 +48360,111 @@ function Spinner({ label = "Loading", size = "md", tone = "accent" }) {
|
|
|
48187
48360
|
);
|
|
48188
48361
|
}
|
|
48189
48362
|
|
|
48363
|
+
// ../../components/fields/useFormState/useFormState.ts
|
|
48364
|
+
import { useCallback as useCallback29, useMemo as useMemo44, useState as useState75 } from "react";
|
|
48365
|
+
function useFormState({
|
|
48366
|
+
defaults,
|
|
48367
|
+
validate
|
|
48368
|
+
}) {
|
|
48369
|
+
const [baseline, setBaseline] = useState75(defaults);
|
|
48370
|
+
const [values, setValues] = useState75(defaults);
|
|
48371
|
+
const [touchedMap, setTouchedMap] = useState75({});
|
|
48372
|
+
const errors = useMemo44(
|
|
48373
|
+
() => {
|
|
48374
|
+
var _a2;
|
|
48375
|
+
return (_a2 = validate == null ? void 0 : validate(values)) != null ? _a2 : {};
|
|
48376
|
+
},
|
|
48377
|
+
[validate, values]
|
|
48378
|
+
);
|
|
48379
|
+
const setValue = useCallback29((name, value) => {
|
|
48380
|
+
setValues((previous) => __spreadProps(__spreadValues({}, previous), { [name]: value }));
|
|
48381
|
+
setTouchedMap((previous) => __spreadProps(__spreadValues({}, previous), { [name]: true }));
|
|
48382
|
+
}, []);
|
|
48383
|
+
const setTouched = useCallback29((name, touched = true) => {
|
|
48384
|
+
setTouchedMap((previous) => __spreadProps(__spreadValues({}, previous), { [name]: touched }));
|
|
48385
|
+
}, []);
|
|
48386
|
+
const touchAll = useCallback29(() => {
|
|
48387
|
+
setTouchedMap((previous) => {
|
|
48388
|
+
const next = __spreadValues({}, previous);
|
|
48389
|
+
for (const key of Object.keys(values)) {
|
|
48390
|
+
next[key] = true;
|
|
48391
|
+
}
|
|
48392
|
+
return next;
|
|
48393
|
+
});
|
|
48394
|
+
}, [values]);
|
|
48395
|
+
const reset = useCallback29(
|
|
48396
|
+
(nextDefaults) => {
|
|
48397
|
+
const target = nextDefaults != null ? nextDefaults : baseline;
|
|
48398
|
+
setBaseline(target);
|
|
48399
|
+
setValues(target);
|
|
48400
|
+
setTouchedMap({});
|
|
48401
|
+
},
|
|
48402
|
+
[baseline]
|
|
48403
|
+
);
|
|
48404
|
+
const register = useCallback29(
|
|
48405
|
+
(name) => ({
|
|
48406
|
+
name: String(name),
|
|
48407
|
+
value: values[name],
|
|
48408
|
+
onBlur: () => setTouched(name),
|
|
48409
|
+
onChange: (event) => setValue(name, event.target.value)
|
|
48410
|
+
}),
|
|
48411
|
+
[setTouched, setValue, values]
|
|
48412
|
+
);
|
|
48413
|
+
const registerCheckbox = useCallback29(
|
|
48414
|
+
(name) => ({
|
|
48415
|
+
name: String(name),
|
|
48416
|
+
checked: Boolean(values[name]),
|
|
48417
|
+
onBlur: () => setTouched(name),
|
|
48418
|
+
onChange: (event) => setValue(name, event.target.checked)
|
|
48419
|
+
}),
|
|
48420
|
+
[setTouched, setValue, values]
|
|
48421
|
+
);
|
|
48422
|
+
const fields = useMemo44(() => {
|
|
48423
|
+
const entries = Object.keys(values).map((key) => {
|
|
48424
|
+
const name = key;
|
|
48425
|
+
return [
|
|
48426
|
+
name,
|
|
48427
|
+
__spreadValues({
|
|
48428
|
+
value: values[name],
|
|
48429
|
+
defaultValue: baseline[name],
|
|
48430
|
+
dirty: values[name] !== baseline[name],
|
|
48431
|
+
touched: Boolean(touchedMap[name])
|
|
48432
|
+
}, errors[name] ? { error: errors[name] } : {})
|
|
48433
|
+
];
|
|
48434
|
+
});
|
|
48435
|
+
return Object.fromEntries(entries);
|
|
48436
|
+
}, [baseline, errors, touchedMap, values]);
|
|
48437
|
+
const dirtyFields = useMemo44(
|
|
48438
|
+
() => Object.keys(fields).filter((name) => fields[name].dirty),
|
|
48439
|
+
[fields]
|
|
48440
|
+
);
|
|
48441
|
+
const touchedFields = useMemo44(
|
|
48442
|
+
() => Object.keys(fields).filter((name) => fields[name].touched),
|
|
48443
|
+
[fields]
|
|
48444
|
+
);
|
|
48445
|
+
return {
|
|
48446
|
+
values,
|
|
48447
|
+
fields,
|
|
48448
|
+
errors,
|
|
48449
|
+
dirtyFields,
|
|
48450
|
+
touchedFields,
|
|
48451
|
+
isDirty: dirtyFields.length > 0,
|
|
48452
|
+
isTouched: touchedFields.length > 0,
|
|
48453
|
+
isValid: Object.keys(errors).length === 0,
|
|
48454
|
+
setValue,
|
|
48455
|
+
setTouched,
|
|
48456
|
+
touchAll,
|
|
48457
|
+
reset,
|
|
48458
|
+
register,
|
|
48459
|
+
registerCheckbox
|
|
48460
|
+
};
|
|
48461
|
+
}
|
|
48462
|
+
|
|
48190
48463
|
// ../../components/Clock/Clock.tsx
|
|
48191
|
-
import { useEffect as useEffect54, useState as
|
|
48464
|
+
import { useEffect as useEffect54, useState as useState76 } from "react";
|
|
48192
48465
|
|
|
48193
48466
|
// ../../components/Clock/Clock.module.css
|
|
48194
|
-
var Clock_default = {"
|
|
48467
|
+
var Clock_default = {"number":"opus_Lj91mC_number","minuteHand":"opus_Lj91mC_minuteHand","digitalTime":"opus_Lj91mC_digitalTime","secondHand":"opus_Lj91mC_secondHand","face":"opus_Lj91mC_face","loading":"opus_Lj91mC_loading","hourHand":"opus_Lj91mC_hourHand","root":"opus_Lj91mC_root","centreDot":"opus_Lj91mC_centreDot","centreDotInner":"opus_Lj91mC_centreDotInner","date":"opus_Lj91mC_date","tick":"opus_Lj91mC_tick","hand":"opus_Lj91mC_hand"};
|
|
48195
48468
|
|
|
48196
48469
|
// ../../components/Clock/Clock.tsx
|
|
48197
48470
|
import { jsx as jsx166, jsxs as jsxs137 } from "react/jsx-runtime";
|
|
@@ -48201,7 +48474,7 @@ function Clock({
|
|
|
48201
48474
|
showDigital = true,
|
|
48202
48475
|
size = "md"
|
|
48203
48476
|
}) {
|
|
48204
|
-
const [time, setTime] =
|
|
48477
|
+
const [time, setTime] = useState76(null);
|
|
48205
48478
|
useEffect54(() => {
|
|
48206
48479
|
setTime(/* @__PURE__ */ new Date());
|
|
48207
48480
|
const interval = window.setInterval(() => {
|
|
@@ -48299,33 +48572,264 @@ function Clock({
|
|
|
48299
48572
|
);
|
|
48300
48573
|
}
|
|
48301
48574
|
|
|
48575
|
+
// ../../components/FlipClock/FlipClock.tsx
|
|
48576
|
+
import { useEffect as useEffect55, useLayoutEffect as useLayoutEffect14, useRef as useRef50, useState as useState77 } from "react";
|
|
48577
|
+
|
|
48578
|
+
// ../../components/FlipClock/FlipClock.module.css
|
|
48579
|
+
var FlipClock_default = {"panelBottom":"opus_U6YEpK_panelBottom","leaf":"opus_U6YEpK_leaf","figure":"opus_U6YEpK_figure","leafFace":"opus_U6YEpK_leafFace","separator":"opus_U6YEpK_separator","pair":"opus_U6YEpK_pair","board":"opus_U6YEpK_board","glyph":"opus_U6YEpK_glyph","leafRear":"opus_U6YEpK_leafRear","leafFront":"opus_U6YEpK_leafFront","srOnly":"opus_U6YEpK_srOnly","date":"opus_U6YEpK_date","root":"opus_U6YEpK_root","probe":"opus_U6YEpK_probe","panelTop":"opus_U6YEpK_panelTop","rotor":"opus_U6YEpK_rotor","loading":"opus_U6YEpK_loading","colonPulse":"opus_U6YEpK_colonPulse","panel":"opus_U6YEpK_panel","leafFlip":"opus_U6YEpK_leafFlip"};
|
|
48580
|
+
|
|
48581
|
+
// ../../components/FlipClock/FlipClock.tsx
|
|
48582
|
+
import { Fragment as Fragment31, jsx as jsx167, jsxs as jsxs138 } from "react/jsx-runtime";
|
|
48583
|
+
var FLIP_CLOCK_FRAME_RATE = 24;
|
|
48584
|
+
function frameFromDate(date) {
|
|
48585
|
+
return Math.floor(date.getMilliseconds() / (1e3 / FLIP_CLOCK_FRAME_RATE)) % FLIP_CLOCK_FRAME_RATE;
|
|
48586
|
+
}
|
|
48587
|
+
function measureInkNudge(glyph, figure) {
|
|
48588
|
+
glyph.style.transform = "none";
|
|
48589
|
+
const range2 = document.createRange();
|
|
48590
|
+
range2.selectNodeContents(glyph);
|
|
48591
|
+
const ink = range2.getBoundingClientRect();
|
|
48592
|
+
const box = figure.getBoundingClientRect();
|
|
48593
|
+
glyph.style.transform = "";
|
|
48594
|
+
if (ink.width < 1 || ink.height < 1 || box.height < 1) {
|
|
48595
|
+
return { x: 0, y: 0 };
|
|
48596
|
+
}
|
|
48597
|
+
return {
|
|
48598
|
+
x: box.left + box.width / 2 - (ink.left + ink.width / 2),
|
|
48599
|
+
y: box.top + box.height / 2 - (ink.top + ink.height / 2)
|
|
48600
|
+
};
|
|
48601
|
+
}
|
|
48602
|
+
function useFlipInkNudge(size) {
|
|
48603
|
+
const rootRef = useRef50(null);
|
|
48604
|
+
const probeGlyphRef = useRef50(null);
|
|
48605
|
+
const probeFigureRef = useRef50(null);
|
|
48606
|
+
const [nudge, setNudge] = useState77({ x: 0, y: 0 });
|
|
48607
|
+
useLayoutEffect14(() => {
|
|
48608
|
+
const root = rootRef.current;
|
|
48609
|
+
const glyph = probeGlyphRef.current;
|
|
48610
|
+
const figure = probeFigureRef.current;
|
|
48611
|
+
if (!root || !glyph || !figure) {
|
|
48612
|
+
return;
|
|
48613
|
+
}
|
|
48614
|
+
let frame = 0;
|
|
48615
|
+
const timeouts = [];
|
|
48616
|
+
const run = () => {
|
|
48617
|
+
window.cancelAnimationFrame(frame);
|
|
48618
|
+
frame = window.requestAnimationFrame(() => {
|
|
48619
|
+
const next = measureInkNudge(glyph, figure);
|
|
48620
|
+
setNudge(
|
|
48621
|
+
(prev) => Math.abs(prev.x - next.x) < 0.25 && Math.abs(prev.y - next.y) < 0.25 ? prev : next
|
|
48622
|
+
);
|
|
48623
|
+
});
|
|
48624
|
+
};
|
|
48625
|
+
const runSoon = () => {
|
|
48626
|
+
run();
|
|
48627
|
+
timeouts.push(window.setTimeout(run, 60));
|
|
48628
|
+
timeouts.push(window.setTimeout(run, 250));
|
|
48629
|
+
};
|
|
48630
|
+
runSoon();
|
|
48631
|
+
void document.fonts.ready.then(runSoon);
|
|
48632
|
+
document.fonts.addEventListener("loadingdone", runSoon);
|
|
48633
|
+
const rootObserver = new ResizeObserver(runSoon);
|
|
48634
|
+
rootObserver.observe(root);
|
|
48635
|
+
const themeObserver = new MutationObserver(runSoon);
|
|
48636
|
+
themeObserver.observe(document.documentElement, {
|
|
48637
|
+
attributes: true,
|
|
48638
|
+
attributeFilter: ["style", "class"]
|
|
48639
|
+
});
|
|
48640
|
+
return () => {
|
|
48641
|
+
window.cancelAnimationFrame(frame);
|
|
48642
|
+
timeouts.forEach((id) => window.clearTimeout(id));
|
|
48643
|
+
document.fonts.removeEventListener("loadingdone", runSoon);
|
|
48644
|
+
rootObserver.disconnect();
|
|
48645
|
+
themeObserver.disconnect();
|
|
48646
|
+
};
|
|
48647
|
+
}, [size]);
|
|
48648
|
+
return {
|
|
48649
|
+
rootRef,
|
|
48650
|
+
probeGlyphRef,
|
|
48651
|
+
probeFigureRef,
|
|
48652
|
+
inkStyle: {
|
|
48653
|
+
["--flip-ink-x"]: `${nudge.x}px`,
|
|
48654
|
+
["--flip-ink-y"]: `${nudge.y}px`
|
|
48655
|
+
}
|
|
48656
|
+
};
|
|
48657
|
+
}
|
|
48658
|
+
function FlipDigit({ durationMs, value }) {
|
|
48659
|
+
const [upper, setUpper] = useState77(value);
|
|
48660
|
+
const [lower, setLower] = useState77(value);
|
|
48661
|
+
const [from, setFrom] = useState77(value);
|
|
48662
|
+
const [to, setTo] = useState77(value);
|
|
48663
|
+
const [flipping, setFlipping] = useState77(false);
|
|
48664
|
+
const [flipKey, setFlipKey] = useState77(0);
|
|
48665
|
+
const upperRef = useRef50(value);
|
|
48666
|
+
const busyRef = useRef50(false);
|
|
48667
|
+
const pendingRef = useRef50(null);
|
|
48668
|
+
const durationRef = useRef50(durationMs);
|
|
48669
|
+
const timerRef = useRef50(0);
|
|
48670
|
+
useEffect55(() => {
|
|
48671
|
+
durationRef.current = durationMs;
|
|
48672
|
+
}, [durationMs]);
|
|
48673
|
+
useEffect55(() => {
|
|
48674
|
+
return () => window.clearTimeout(timerRef.current);
|
|
48675
|
+
}, []);
|
|
48676
|
+
useEffect55(() => {
|
|
48677
|
+
const finishFlip = (next) => {
|
|
48678
|
+
setLower(next);
|
|
48679
|
+
setFlipping(false);
|
|
48680
|
+
busyRef.current = false;
|
|
48681
|
+
const pending = pendingRef.current;
|
|
48682
|
+
pendingRef.current = null;
|
|
48683
|
+
if (pending !== null && pending !== upperRef.current) {
|
|
48684
|
+
startFlip(pending);
|
|
48685
|
+
}
|
|
48686
|
+
};
|
|
48687
|
+
const startFlip = (next) => {
|
|
48688
|
+
const previous = upperRef.current;
|
|
48689
|
+
if (next === previous) {
|
|
48690
|
+
return;
|
|
48691
|
+
}
|
|
48692
|
+
busyRef.current = true;
|
|
48693
|
+
setFrom(previous);
|
|
48694
|
+
setTo(next);
|
|
48695
|
+
setLower(previous);
|
|
48696
|
+
setUpper(next);
|
|
48697
|
+
upperRef.current = next;
|
|
48698
|
+
setFlipKey((key) => key + 1);
|
|
48699
|
+
setFlipping(true);
|
|
48700
|
+
window.clearTimeout(timerRef.current);
|
|
48701
|
+
timerRef.current = window.setTimeout(() => {
|
|
48702
|
+
finishFlip(next);
|
|
48703
|
+
}, durationRef.current);
|
|
48704
|
+
};
|
|
48705
|
+
if (value === upperRef.current) {
|
|
48706
|
+
return;
|
|
48707
|
+
}
|
|
48708
|
+
if (busyRef.current) {
|
|
48709
|
+
pendingRef.current = value;
|
|
48710
|
+
return;
|
|
48711
|
+
}
|
|
48712
|
+
startFlip(value);
|
|
48713
|
+
}, [value]);
|
|
48714
|
+
return /* @__PURE__ */ jsxs138(
|
|
48715
|
+
"div",
|
|
48716
|
+
{
|
|
48717
|
+
"aria-hidden": "true",
|
|
48718
|
+
className: FlipClock_default.rotor,
|
|
48719
|
+
"data-flipping": flipping ? "true" : "false",
|
|
48720
|
+
style: { ["--flip-duration"]: `${durationMs}ms` },
|
|
48721
|
+
children: [
|
|
48722
|
+
/* @__PURE__ */ jsx167("div", { className: `${FlipClock_default.panel} ${FlipClock_default.panelTop}`, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, children: upper }) }) }),
|
|
48723
|
+
/* @__PURE__ */ jsx167("div", { className: `${FlipClock_default.panel} ${FlipClock_default.panelBottom}`, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, children: lower }) }) }),
|
|
48724
|
+
flipping ? /* @__PURE__ */ jsxs138("div", { className: FlipClock_default.leaf, children: [
|
|
48725
|
+
/* @__PURE__ */ jsx167("div", { className: `${FlipClock_default.leafFace} ${FlipClock_default.leafFront}`, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, children: from }) }) }),
|
|
48726
|
+
/* @__PURE__ */ jsx167("div", { className: `${FlipClock_default.leafFace} ${FlipClock_default.leafRear}`, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, children: to }) }) })
|
|
48727
|
+
] }, flipKey) : null
|
|
48728
|
+
]
|
|
48729
|
+
}
|
|
48730
|
+
);
|
|
48731
|
+
}
|
|
48732
|
+
function DigitPair({ durationMs, value }) {
|
|
48733
|
+
const padded = value.padStart(2, "0");
|
|
48734
|
+
return /* @__PURE__ */ jsxs138("div", { className: FlipClock_default.pair, children: [
|
|
48735
|
+
/* @__PURE__ */ jsx167(FlipDigit, { durationMs, value: padded[0] }),
|
|
48736
|
+
/* @__PURE__ */ jsx167(FlipDigit, { durationMs, value: padded[1] })
|
|
48737
|
+
] });
|
|
48738
|
+
}
|
|
48739
|
+
function Colon() {
|
|
48740
|
+
return /* @__PURE__ */ jsxs138("span", { className: FlipClock_default.separator, "aria-hidden": "true", children: [
|
|
48741
|
+
/* @__PURE__ */ jsx167("span", {}),
|
|
48742
|
+
/* @__PURE__ */ jsx167("span", {})
|
|
48743
|
+
] });
|
|
48744
|
+
}
|
|
48745
|
+
function FlipClock({
|
|
48746
|
+
showDate = true,
|
|
48747
|
+
showSeconds = true,
|
|
48748
|
+
showFrames = false,
|
|
48749
|
+
size = "md"
|
|
48750
|
+
}) {
|
|
48751
|
+
const [time, setTime] = useState77(null);
|
|
48752
|
+
const includeSeconds = showSeconds || showFrames;
|
|
48753
|
+
const durationMs = showFrames ? 120 : 650;
|
|
48754
|
+
const tickMs = showFrames ? 1e3 / FLIP_CLOCK_FRAME_RATE : 1e3;
|
|
48755
|
+
const { rootRef, probeGlyphRef, probeFigureRef, inkStyle } = useFlipInkNudge(size);
|
|
48756
|
+
useEffect55(() => {
|
|
48757
|
+
setTime(/* @__PURE__ */ new Date());
|
|
48758
|
+
const interval = window.setInterval(() => setTime(/* @__PURE__ */ new Date()), tickMs);
|
|
48759
|
+
return () => window.clearInterval(interval);
|
|
48760
|
+
}, [tickMs]);
|
|
48761
|
+
const hours = time ? String(time.getHours()).padStart(2, "0") : "00";
|
|
48762
|
+
const minutes = time ? String(time.getMinutes()).padStart(2, "0") : "00";
|
|
48763
|
+
const seconds = time ? String(time.getSeconds()).padStart(2, "0") : "00";
|
|
48764
|
+
const frames = time ? String(frameFromDate(time)).padStart(2, "0") : "00";
|
|
48765
|
+
const digitalTime = showFrames ? `${hours}:${minutes}:${seconds}:${frames}` : includeSeconds ? `${hours}:${minutes}:${seconds}` : `${hours}:${minutes}`;
|
|
48766
|
+
const date = time ? time.toLocaleDateString("en-GB", {
|
|
48767
|
+
weekday: "long",
|
|
48768
|
+
day: "numeric",
|
|
48769
|
+
month: "long",
|
|
48770
|
+
year: "numeric"
|
|
48771
|
+
}) : "";
|
|
48772
|
+
return /* @__PURE__ */ jsxs138(
|
|
48773
|
+
"div",
|
|
48774
|
+
{
|
|
48775
|
+
"aria-live": "polite",
|
|
48776
|
+
className: FlipClock_default.root,
|
|
48777
|
+
"data-frames": showFrames ? "true" : "false",
|
|
48778
|
+
"data-seconds": includeSeconds ? "true" : "false",
|
|
48779
|
+
"data-size": size,
|
|
48780
|
+
ref: rootRef,
|
|
48781
|
+
style: inkStyle,
|
|
48782
|
+
children: [
|
|
48783
|
+
/* @__PURE__ */ jsx167("span", { className: FlipClock_default.probe, "aria-hidden": "true", children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.figure, ref: probeFigureRef, children: /* @__PURE__ */ jsx167("span", { className: FlipClock_default.glyph, ref: probeGlyphRef, children: "8" }) }) }),
|
|
48784
|
+
!time ? /* @__PURE__ */ jsx167("div", { className: FlipClock_default.loading, children: "Loading flip clock\u2026" }) : /* @__PURE__ */ jsxs138(Fragment31, { children: [
|
|
48785
|
+
/* @__PURE__ */ jsxs138("div", { className: FlipClock_default.board, role: "img", "aria-label": digitalTime, children: [
|
|
48786
|
+
/* @__PURE__ */ jsx167(DigitPair, { durationMs, value: hours }),
|
|
48787
|
+
/* @__PURE__ */ jsx167(Colon, {}),
|
|
48788
|
+
/* @__PURE__ */ jsx167(DigitPair, { durationMs, value: minutes }),
|
|
48789
|
+
includeSeconds ? /* @__PURE__ */ jsxs138(Fragment31, { children: [
|
|
48790
|
+
/* @__PURE__ */ jsx167(Colon, {}),
|
|
48791
|
+
/* @__PURE__ */ jsx167(DigitPair, { durationMs, value: seconds })
|
|
48792
|
+
] }) : null,
|
|
48793
|
+
showFrames ? /* @__PURE__ */ jsxs138(Fragment31, { children: [
|
|
48794
|
+
/* @__PURE__ */ jsx167(Colon, {}),
|
|
48795
|
+
/* @__PURE__ */ jsx167(DigitPair, { durationMs, value: frames })
|
|
48796
|
+
] }) : null
|
|
48797
|
+
] }),
|
|
48798
|
+
/* @__PURE__ */ jsx167("time", { className: FlipClock_default.srOnly, dateTime: time.toISOString(), children: digitalTime }),
|
|
48799
|
+
showDate ? /* @__PURE__ */ jsx167("div", { className: FlipClock_default.date, children: date }) : null
|
|
48800
|
+
] })
|
|
48801
|
+
]
|
|
48802
|
+
}
|
|
48803
|
+
);
|
|
48804
|
+
}
|
|
48805
|
+
|
|
48302
48806
|
// ../../components/VisuallyHidden/VisuallyHidden.module.css
|
|
48303
48807
|
var VisuallyHidden_default = {"hidden":"opus_DIv7wy_hidden"};
|
|
48304
48808
|
|
|
48305
48809
|
// ../../components/VisuallyHidden/VisuallyHidden.tsx
|
|
48306
|
-
import { jsx as
|
|
48810
|
+
import { jsx as jsx168 } from "react/jsx-runtime";
|
|
48307
48811
|
function VisuallyHidden({ as = "span", children }) {
|
|
48308
48812
|
const Tag = as;
|
|
48309
|
-
return /* @__PURE__ */
|
|
48813
|
+
return /* @__PURE__ */ jsx168(Tag, { className: VisuallyHidden_default.hidden, children });
|
|
48310
48814
|
}
|
|
48311
48815
|
|
|
48312
48816
|
// ../../components/FocusTrap/FocusTrap.tsx
|
|
48313
|
-
import { useEffect as
|
|
48817
|
+
import { useEffect as useEffect56, useRef as useRef51 } from "react";
|
|
48314
48818
|
|
|
48315
48819
|
// ../../components/FocusTrap/FocusTrap.module.css
|
|
48316
48820
|
var FocusTrap_default = {"trap":"opus_fJckCZ_trap"};
|
|
48317
48821
|
|
|
48318
48822
|
// ../../components/FocusTrap/FocusTrap.tsx
|
|
48319
|
-
import { jsx as
|
|
48823
|
+
import { jsx as jsx169 } from "react/jsx-runtime";
|
|
48320
48824
|
function FocusTrap({
|
|
48321
48825
|
active = true,
|
|
48322
48826
|
children,
|
|
48323
48827
|
initialFocusRef,
|
|
48324
48828
|
restoreFocus = true
|
|
48325
48829
|
}) {
|
|
48326
|
-
const containerRef =
|
|
48327
|
-
const previouslyFocusedRef =
|
|
48328
|
-
|
|
48830
|
+
const containerRef = useRef51(null);
|
|
48831
|
+
const previouslyFocusedRef = useRef51(null);
|
|
48832
|
+
useEffect56(() => {
|
|
48329
48833
|
if (!active) {
|
|
48330
48834
|
return;
|
|
48331
48835
|
}
|
|
@@ -48351,7 +48855,7 @@ function FocusTrap({
|
|
|
48351
48855
|
}
|
|
48352
48856
|
};
|
|
48353
48857
|
}, [active, initialFocusRef, restoreFocus]);
|
|
48354
|
-
|
|
48858
|
+
useEffect56(() => {
|
|
48355
48859
|
if (!active) {
|
|
48356
48860
|
return;
|
|
48357
48861
|
}
|
|
@@ -48386,32 +48890,32 @@ function FocusTrap({
|
|
|
48386
48890
|
document.addEventListener("keydown", onKeyDown);
|
|
48387
48891
|
return () => document.removeEventListener("keydown", onKeyDown);
|
|
48388
48892
|
}, [active]);
|
|
48389
|
-
return /* @__PURE__ */
|
|
48893
|
+
return /* @__PURE__ */ jsx169("div", { className: FocusTrap_default.trap, "data-active": active, ref: containerRef, children });
|
|
48390
48894
|
}
|
|
48391
48895
|
|
|
48392
48896
|
// ../../components/KeyboardShortcut/KeyboardShortcut.module.css
|
|
48393
|
-
var KeyboardShortcut_default = {"
|
|
48897
|
+
var KeyboardShortcut_default = {"key":"opus_pZh5vX_key","plus":"opus_pZh5vX_plus","shortcut":"opus_pZh5vX_shortcut"};
|
|
48394
48898
|
|
|
48395
48899
|
// ../../components/KeyboardShortcut/KeyboardShortcut.tsx
|
|
48396
|
-
import { jsx as
|
|
48900
|
+
import { jsx as jsx170, jsxs as jsxs139 } from "react/jsx-runtime";
|
|
48397
48901
|
function KeyboardShortcut({ keys, size = "md" }) {
|
|
48398
|
-
return /* @__PURE__ */
|
|
48399
|
-
index > 0 ? /* @__PURE__ */
|
|
48400
|
-
/* @__PURE__ */
|
|
48902
|
+
return /* @__PURE__ */ jsx170("kbd", { "aria-label": keys.join(" + "), className: KeyboardShortcut_default.shortcut, "data-size": size, children: keys.map((key, index) => /* @__PURE__ */ jsxs139("span", { children: [
|
|
48903
|
+
index > 0 ? /* @__PURE__ */ jsx170("span", { "aria-hidden": "true", className: KeyboardShortcut_default.plus, children: "+" }) : null,
|
|
48904
|
+
/* @__PURE__ */ jsx170("span", { className: KeyboardShortcut_default.key, children: key })
|
|
48401
48905
|
] }, `${key}-${index}`)) });
|
|
48402
48906
|
}
|
|
48403
48907
|
|
|
48404
48908
|
// ../../components/HotkeyManager/HotkeyManager.tsx
|
|
48405
48909
|
import {
|
|
48406
48910
|
createContext as createContext9,
|
|
48407
|
-
useCallback as
|
|
48911
|
+
useCallback as useCallback30,
|
|
48408
48912
|
useContext as useContext10,
|
|
48409
|
-
useEffect as
|
|
48410
|
-
useMemo as
|
|
48411
|
-
useRef as
|
|
48412
|
-
useState as
|
|
48913
|
+
useEffect as useEffect57,
|
|
48914
|
+
useMemo as useMemo45,
|
|
48915
|
+
useRef as useRef52,
|
|
48916
|
+
useState as useState78
|
|
48413
48917
|
} from "react";
|
|
48414
|
-
import { jsx as
|
|
48918
|
+
import { jsx as jsx171 } from "react/jsx-runtime";
|
|
48415
48919
|
var HotkeyManagerContext = createContext9(null);
|
|
48416
48920
|
function matchesCombo(event, combo) {
|
|
48417
48921
|
const key = event.key.length === 1 ? event.key.toLowerCase() : event.key;
|
|
@@ -48428,13 +48932,13 @@ function shortcutsEqual(a, b) {
|
|
|
48428
48932
|
});
|
|
48429
48933
|
}
|
|
48430
48934
|
function HotkeyManager({ children, enabled = true }) {
|
|
48431
|
-
const handlersRef =
|
|
48432
|
-
const [shortcuts, setShortcuts] =
|
|
48433
|
-
const syncShortcuts =
|
|
48935
|
+
const handlersRef = useRef52(/* @__PURE__ */ new Map());
|
|
48936
|
+
const [shortcuts, setShortcuts] = useState78([]);
|
|
48937
|
+
const syncShortcuts = useCallback30(() => {
|
|
48434
48938
|
const next = Array.from(handlersRef.current.values()).map((entry) => entry.combo);
|
|
48435
48939
|
setShortcuts((current) => shortcutsEqual(current, next) ? current : next);
|
|
48436
48940
|
}, []);
|
|
48437
|
-
const register =
|
|
48941
|
+
const register = useCallback30(
|
|
48438
48942
|
(combo, handler) => {
|
|
48439
48943
|
handlersRef.current.set(combo.id, { combo, handler });
|
|
48440
48944
|
syncShortcuts();
|
|
@@ -48445,7 +48949,7 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
48445
48949
|
},
|
|
48446
48950
|
[syncShortcuts]
|
|
48447
48951
|
);
|
|
48448
|
-
|
|
48952
|
+
useEffect57(() => {
|
|
48449
48953
|
if (!enabled) {
|
|
48450
48954
|
return;
|
|
48451
48955
|
}
|
|
@@ -48470,16 +48974,16 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
48470
48974
|
window.addEventListener("keydown", onKeyDown);
|
|
48471
48975
|
return () => window.removeEventListener("keydown", onKeyDown);
|
|
48472
48976
|
}, [enabled]);
|
|
48473
|
-
const value =
|
|
48474
|
-
return /* @__PURE__ */
|
|
48977
|
+
const value = useMemo45(() => ({ register, shortcuts }), [register, shortcuts]);
|
|
48978
|
+
return /* @__PURE__ */ jsx171(HotkeyManagerContext.Provider, { value, children });
|
|
48475
48979
|
}
|
|
48476
48980
|
function useHotkey(combo, handler) {
|
|
48477
48981
|
const context = useContext10(HotkeyManagerContext);
|
|
48478
48982
|
const register = context == null ? void 0 : context.register;
|
|
48479
|
-
const handlerRef =
|
|
48983
|
+
const handlerRef = useRef52(handler);
|
|
48480
48984
|
handlerRef.current = handler;
|
|
48481
48985
|
const { alt, ctrl, description, enabled, id, key, meta, shift } = combo;
|
|
48482
|
-
|
|
48986
|
+
useEffect57(() => {
|
|
48483
48987
|
if (!register) {
|
|
48484
48988
|
return;
|
|
48485
48989
|
}
|
|
@@ -48500,13 +49004,13 @@ function useHotkeyManager() {
|
|
|
48500
49004
|
}
|
|
48501
49005
|
|
|
48502
49006
|
// ../../components/CopyButton/CopyButton.tsx
|
|
48503
|
-
import { useCallback as
|
|
49007
|
+
import { useCallback as useCallback31, useEffect as useEffect58, useState as useState79 } from "react";
|
|
48504
49008
|
|
|
48505
49009
|
// ../../components/CopyButton/CopyButton.module.css
|
|
48506
49010
|
var CopyButton_default = {"wrap":"opus_Ij6tWr_wrap"};
|
|
48507
49011
|
|
|
48508
49012
|
// ../../components/CopyButton/CopyButton.tsx
|
|
48509
|
-
import { jsx as
|
|
49013
|
+
import { jsx as jsx172 } from "react/jsx-runtime";
|
|
48510
49014
|
async function writeClipboard(value) {
|
|
48511
49015
|
var _a2;
|
|
48512
49016
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
|
|
@@ -48535,15 +49039,15 @@ function CopyButton({
|
|
|
48535
49039
|
variant = "secondary",
|
|
48536
49040
|
onCopied
|
|
48537
49041
|
}) {
|
|
48538
|
-
const [copied, setCopied] =
|
|
48539
|
-
|
|
49042
|
+
const [copied, setCopied] = useState79(false);
|
|
49043
|
+
useEffect58(() => {
|
|
48540
49044
|
if (!copied) {
|
|
48541
49045
|
return;
|
|
48542
49046
|
}
|
|
48543
49047
|
const timer = window.setTimeout(() => setCopied(false), resetMs);
|
|
48544
49048
|
return () => window.clearTimeout(timer);
|
|
48545
49049
|
}, [copied, resetMs]);
|
|
48546
|
-
const handleCopy =
|
|
49050
|
+
const handleCopy = useCallback31(async () => {
|
|
48547
49051
|
try {
|
|
48548
49052
|
await writeClipboard(value);
|
|
48549
49053
|
setCopied(true);
|
|
@@ -48552,12 +49056,12 @@ function CopyButton({
|
|
|
48552
49056
|
setCopied(false);
|
|
48553
49057
|
}
|
|
48554
49058
|
}, [onCopied, value]);
|
|
48555
|
-
return /* @__PURE__ */
|
|
49059
|
+
return /* @__PURE__ */ jsx172("span", { className: CopyButton_default.wrap, children: /* @__PURE__ */ jsx172(Button, { onClick: handleCopy, type: "button", variant, children: children != null ? children : copied ? copiedLabel : label }) });
|
|
48556
49060
|
}
|
|
48557
49061
|
|
|
48558
49062
|
// ../../components/Clipboard/Clipboard.tsx
|
|
48559
|
-
import { createContext as createContext10, useCallback as
|
|
48560
|
-
import { jsx as
|
|
49063
|
+
import { createContext as createContext10, useCallback as useCallback32, useContext as useContext11, useMemo as useMemo46, useState as useState80 } from "react";
|
|
49064
|
+
import { jsx as jsx173 } from "react/jsx-runtime";
|
|
48561
49065
|
var ClipboardContext = createContext10(null);
|
|
48562
49066
|
async function fallbackWrite(value) {
|
|
48563
49067
|
const textarea = document.createElement("textarea");
|
|
@@ -48574,8 +49078,8 @@ async function fallbackWrite(value) {
|
|
|
48574
49078
|
}
|
|
48575
49079
|
}
|
|
48576
49080
|
function ClipboardProvider({ children }) {
|
|
48577
|
-
const [lastCopied, setLastCopied] =
|
|
48578
|
-
const writeText =
|
|
49081
|
+
const [lastCopied, setLastCopied] = useState80(null);
|
|
49082
|
+
const writeText = useCallback32(async (value2) => {
|
|
48579
49083
|
var _a2;
|
|
48580
49084
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
|
|
48581
49085
|
await navigator.clipboard.writeText(value2);
|
|
@@ -48584,18 +49088,18 @@ function ClipboardProvider({ children }) {
|
|
|
48584
49088
|
}
|
|
48585
49089
|
setLastCopied(value2);
|
|
48586
49090
|
}, []);
|
|
48587
|
-
const readText =
|
|
49091
|
+
const readText = useCallback32(async () => {
|
|
48588
49092
|
var _a2;
|
|
48589
49093
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.readText) {
|
|
48590
49094
|
return navigator.clipboard.readText();
|
|
48591
49095
|
}
|
|
48592
49096
|
return lastCopied != null ? lastCopied : "";
|
|
48593
49097
|
}, [lastCopied]);
|
|
48594
|
-
const value =
|
|
49098
|
+
const value = useMemo46(
|
|
48595
49099
|
() => ({ lastCopied, readText, writeText }),
|
|
48596
49100
|
[lastCopied, readText, writeText]
|
|
48597
49101
|
);
|
|
48598
|
-
return /* @__PURE__ */
|
|
49102
|
+
return /* @__PURE__ */ jsx173(ClipboardContext.Provider, { value, children });
|
|
48599
49103
|
}
|
|
48600
49104
|
function useClipboard() {
|
|
48601
49105
|
const context = useContext11(ClipboardContext);
|
|
@@ -48605,18 +49109,18 @@ function useClipboard() {
|
|
|
48605
49109
|
return context;
|
|
48606
49110
|
}
|
|
48607
49111
|
function Clipboard({ children }) {
|
|
48608
|
-
return /* @__PURE__ */
|
|
49112
|
+
return /* @__PURE__ */ jsx173(ClipboardProvider, { children });
|
|
48609
49113
|
}
|
|
48610
49114
|
|
|
48611
49115
|
// ../../components/ThemeSwitcher/ThemeSwitcher.tsx
|
|
48612
|
-
import { jsx as
|
|
49116
|
+
import { jsx as jsx174 } from "react/jsx-runtime";
|
|
48613
49117
|
function ThemeSwitcher({
|
|
48614
49118
|
id = "opus-theme-switcher",
|
|
48615
49119
|
label = "Theme",
|
|
48616
49120
|
value,
|
|
48617
49121
|
onChange
|
|
48618
49122
|
}) {
|
|
48619
|
-
return /* @__PURE__ */
|
|
49123
|
+
return /* @__PURE__ */ jsx174(
|
|
48620
49124
|
ThemeToggleField,
|
|
48621
49125
|
{
|
|
48622
49126
|
id,
|
|
@@ -48630,16 +49134,16 @@ function ThemeSwitcher({
|
|
|
48630
49134
|
|
|
48631
49135
|
// ../../components/ResizeObserver/ResizeObserver.tsx
|
|
48632
49136
|
import {
|
|
48633
|
-
useEffect as
|
|
48634
|
-
useRef as
|
|
48635
|
-
useState as
|
|
49137
|
+
useEffect as useEffect59,
|
|
49138
|
+
useRef as useRef53,
|
|
49139
|
+
useState as useState81
|
|
48636
49140
|
} from "react";
|
|
48637
|
-
import { jsx as
|
|
49141
|
+
import { jsx as jsx175 } from "react/jsx-runtime";
|
|
48638
49142
|
function ResizeObserver2(_a2) {
|
|
48639
49143
|
var _b2 = _a2, { children, className, onResize, style } = _b2, rest = __objRest(_b2, ["children", "className", "onResize", "style"]);
|
|
48640
|
-
const ref =
|
|
48641
|
-
const [size, setSize] =
|
|
48642
|
-
|
|
49144
|
+
const ref = useRef53(null);
|
|
49145
|
+
const [size, setSize] = useState81({ width: 0, height: 0 });
|
|
49146
|
+
useEffect59(() => {
|
|
48643
49147
|
const node = ref.current;
|
|
48644
49148
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
48645
49149
|
return;
|
|
@@ -48659,11 +49163,11 @@ function ResizeObserver2(_a2) {
|
|
|
48659
49163
|
observer.observe(node);
|
|
48660
49164
|
return () => observer.disconnect();
|
|
48661
49165
|
}, [onResize]);
|
|
48662
|
-
return /* @__PURE__ */
|
|
49166
|
+
return /* @__PURE__ */ jsx175("div", __spreadProps(__spreadValues({ className, ref, style }, rest), { children: children(size) }));
|
|
48663
49167
|
}
|
|
48664
49168
|
function useResizeObserver(targetRef) {
|
|
48665
|
-
const [size, setSize] =
|
|
48666
|
-
|
|
49169
|
+
const [size, setSize] = useState81({ width: 0, height: 0 });
|
|
49170
|
+
useEffect59(() => {
|
|
48667
49171
|
const node = targetRef.current;
|
|
48668
49172
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
48669
49173
|
return;
|
|
@@ -48685,8 +49189,8 @@ function useResizeObserver(targetRef) {
|
|
|
48685
49189
|
}
|
|
48686
49190
|
|
|
48687
49191
|
// ../../components/IntersectionObserver/IntersectionObserver.tsx
|
|
48688
|
-
import { useEffect as
|
|
48689
|
-
import { jsx as
|
|
49192
|
+
import { useEffect as useEffect60, useRef as useRef54, useState as useState82 } from "react";
|
|
49193
|
+
import { jsx as jsx176 } from "react/jsx-runtime";
|
|
48690
49194
|
function IntersectionObserver2({
|
|
48691
49195
|
children,
|
|
48692
49196
|
className,
|
|
@@ -48694,9 +49198,9 @@ function IntersectionObserver2({
|
|
|
48694
49198
|
threshold = 0.25,
|
|
48695
49199
|
onChange
|
|
48696
49200
|
}) {
|
|
48697
|
-
const ref =
|
|
48698
|
-
const [isIntersecting, setIsIntersecting] =
|
|
48699
|
-
|
|
49201
|
+
const ref = useRef54(null);
|
|
49202
|
+
const [isIntersecting, setIsIntersecting] = useState82(false);
|
|
49203
|
+
useEffect60(() => {
|
|
48700
49204
|
const node = ref.current;
|
|
48701
49205
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
48702
49206
|
return;
|
|
@@ -48715,12 +49219,12 @@ function IntersectionObserver2({
|
|
|
48715
49219
|
observer.observe(node);
|
|
48716
49220
|
return () => observer.disconnect();
|
|
48717
49221
|
}, [onChange, rootMargin, threshold]);
|
|
48718
|
-
return /* @__PURE__ */
|
|
49222
|
+
return /* @__PURE__ */ jsx176("div", { className, ref, children: children(isIntersecting) });
|
|
48719
49223
|
}
|
|
48720
49224
|
function useIntersectionObserver(targetRef, options = {}) {
|
|
48721
49225
|
const { rootMargin = "0px", threshold = 0.25 } = options;
|
|
48722
|
-
const [isIntersecting, setIsIntersecting] =
|
|
48723
|
-
|
|
49226
|
+
const [isIntersecting, setIsIntersecting] = useState82(false);
|
|
49227
|
+
useEffect60(() => {
|
|
48724
49228
|
const node = targetRef.current;
|
|
48725
49229
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
48726
49230
|
return;
|
|
@@ -48744,28 +49248,28 @@ function useIntersectionObserver(targetRef, options = {}) {
|
|
|
48744
49248
|
// ../../components/Sidebar/Sidebar.tsx
|
|
48745
49249
|
import {
|
|
48746
49250
|
createContext as createContext11,
|
|
48747
|
-
useCallback as
|
|
49251
|
+
useCallback as useCallback33,
|
|
48748
49252
|
useContext as useContext12,
|
|
48749
|
-
useEffect as
|
|
48750
|
-
useMemo as
|
|
48751
|
-
useRef as
|
|
48752
|
-
useState as
|
|
49253
|
+
useEffect as useEffect61,
|
|
49254
|
+
useMemo as useMemo47,
|
|
49255
|
+
useRef as useRef55,
|
|
49256
|
+
useState as useState83
|
|
48753
49257
|
} from "react";
|
|
48754
49258
|
|
|
48755
49259
|
// ../../components/Sidebar/Sidebar.module.css
|
|
48756
|
-
var Sidebar_default = {"
|
|
49260
|
+
var Sidebar_default = {"link":"opus_4Pogux_link","linkActive":"opus_4Pogux_linkActive","collapsedTooltip":"opus_4Pogux_collapsedTooltip","bodyContent":"opus_4Pogux_bodyContent","main":"opus_4Pogux_main","sidebar":"opus_4Pogux_sidebar","nav":"opus_4Pogux_nav","groupItems":"opus_4Pogux_groupItems","linkLabel":"opus_4Pogux_linkLabel","headerTitle":"opus_4Pogux_headerTitle","headerInner":"opus_4Pogux_headerInner","groupLabel":"opus_4Pogux_groupLabel","visuallyHidden":"opus_4Pogux_visuallyHidden","groupItemsWrap":"opus_4Pogux_groupItemsWrap","groupChevronOpen":"opus_4Pogux_groupChevronOpen","collapsedSubmenu":"opus_4Pogux_collapsedSubmenu","groupHeader":"opus_4Pogux_groupHeader","icon":"opus_4Pogux_icon","overflowLabel":"opus_4Pogux_overflowLabel","collapsedGroupWrap":"opus_4Pogux_collapsedGroupWrap","body":"opus_4Pogux_body","footer":"opus_4Pogux_footer","group":"opus_4Pogux_group","header":"opus_4Pogux_header","overflowTooltip":"opus_4Pogux_overflowTooltip","collapsedGroupChevron":"opus_4Pogux_collapsedGroupChevron","collapsedGroupChevronOpen":"opus_4Pogux_collapsedGroupChevronOpen","collapsedGroup":"opus_4Pogux_collapsedGroup","groupChevron":"opus_4Pogux_groupChevron","layout":"opus_4Pogux_layout"};
|
|
48757
49261
|
|
|
48758
49262
|
// ../../components/Sidebar/Sidebar.tsx
|
|
48759
|
-
import { Fragment as
|
|
49263
|
+
import { Fragment as Fragment32, jsx as jsx177, jsxs as jsxs140 } from "react/jsx-runtime";
|
|
48760
49264
|
var SidebarContext = createContext11({
|
|
48761
49265
|
collapsed: false,
|
|
48762
49266
|
density: "comfortable"
|
|
48763
49267
|
});
|
|
48764
49268
|
var SIDEBAR_STORAGE_PREFIX = "opus-sidebar-state";
|
|
48765
49269
|
function SidebarOverflowLabel({ label }) {
|
|
48766
|
-
const labelRef =
|
|
48767
|
-
const [overflowing, setOverflowing] =
|
|
48768
|
-
|
|
49270
|
+
const labelRef = useRef55(null);
|
|
49271
|
+
const [overflowing, setOverflowing] = useState83(false);
|
|
49272
|
+
useEffect61(() => {
|
|
48769
49273
|
const element = labelRef.current;
|
|
48770
49274
|
if (!element) {
|
|
48771
49275
|
return;
|
|
@@ -48781,14 +49285,14 @@ function SidebarOverflowLabel({ label }) {
|
|
|
48781
49285
|
observer.disconnect();
|
|
48782
49286
|
};
|
|
48783
49287
|
}, [label]);
|
|
48784
|
-
return /* @__PURE__ */
|
|
49288
|
+
return /* @__PURE__ */ jsx177(
|
|
48785
49289
|
Tooltip,
|
|
48786
49290
|
{
|
|
48787
49291
|
className: Sidebar_default.overflowTooltip,
|
|
48788
49292
|
content: label,
|
|
48789
49293
|
disabled: !overflowing,
|
|
48790
49294
|
placement: "right",
|
|
48791
|
-
children: /* @__PURE__ */
|
|
49295
|
+
children: /* @__PURE__ */ jsx177("span", { ref: labelRef, className: Sidebar_default.overflowLabel, children: label })
|
|
48792
49296
|
}
|
|
48793
49297
|
);
|
|
48794
49298
|
}
|
|
@@ -48871,17 +49375,17 @@ function Sidebar({
|
|
|
48871
49375
|
storageKey
|
|
48872
49376
|
}) {
|
|
48873
49377
|
var _a2;
|
|
48874
|
-
const resolvedStorageKey =
|
|
49378
|
+
const resolvedStorageKey = useMemo47(
|
|
48875
49379
|
() => `${SIDEBAR_STORAGE_PREFIX}:${storageKey != null ? storageKey : hashString(`${navLabel}:${serialiseSidebarMenu(menu)}`)}`,
|
|
48876
49380
|
[menu, navLabel, storageKey]
|
|
48877
49381
|
);
|
|
48878
|
-
const [persistedState, setPersistedState] =
|
|
49382
|
+
const [persistedState, setPersistedState] = useState83(
|
|
48879
49383
|
{}
|
|
48880
49384
|
);
|
|
48881
|
-
const [motionReady, setMotionReady] =
|
|
48882
|
-
const [internalActiveItem, setInternalActiveItem] =
|
|
49385
|
+
const [motionReady, setMotionReady] = useState83(!persistState);
|
|
49386
|
+
const [internalActiveItem, setInternalActiveItem] = useState83(defaultActiveItem);
|
|
48883
49387
|
const effectiveActiveItem = activeItem != null ? activeItem : persistState ? (_a2 = persistedState.activeItem) != null ? _a2 : internalActiveItem : internalActiveItem;
|
|
48884
|
-
|
|
49388
|
+
useEffect61(() => {
|
|
48885
49389
|
if (!persistState) {
|
|
48886
49390
|
const readyTimeout = window.setTimeout(() => setMotionReady(true), 0);
|
|
48887
49391
|
return () => window.clearTimeout(readyTimeout);
|
|
@@ -48910,7 +49414,7 @@ function Sidebar({
|
|
|
48910
49414
|
}
|
|
48911
49415
|
};
|
|
48912
49416
|
}, [persistState, resolvedStorageKey]);
|
|
48913
|
-
const updatePersistedState =
|
|
49417
|
+
const updatePersistedState = useCallback33(
|
|
48914
49418
|
(next) => {
|
|
48915
49419
|
if (!persistState) {
|
|
48916
49420
|
return;
|
|
@@ -48923,7 +49427,7 @@ function Sidebar({
|
|
|
48923
49427
|
},
|
|
48924
49428
|
[persistState, resolvedStorageKey]
|
|
48925
49429
|
);
|
|
48926
|
-
const setSidebarActiveItem =
|
|
49430
|
+
const setSidebarActiveItem = useCallback33(
|
|
48927
49431
|
(itemId) => {
|
|
48928
49432
|
if (persistState) {
|
|
48929
49433
|
updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
|
|
@@ -48936,14 +49440,14 @@ function Sidebar({
|
|
|
48936
49440
|
},
|
|
48937
49441
|
[activeItem, persistState, updatePersistedState]
|
|
48938
49442
|
);
|
|
48939
|
-
const getGroupOpenState =
|
|
49443
|
+
const getGroupOpenState = useCallback33(
|
|
48940
49444
|
(groupId, fallback) => {
|
|
48941
49445
|
var _a3, _b2;
|
|
48942
49446
|
return (_b2 = (_a3 = persistedState.groups) == null ? void 0 : _a3[groupId]) != null ? _b2 : fallback;
|
|
48943
49447
|
},
|
|
48944
49448
|
[persistedState.groups]
|
|
48945
49449
|
);
|
|
48946
|
-
const setGroupOpenState =
|
|
49450
|
+
const setGroupOpenState = useCallback33(
|
|
48947
49451
|
(groupId, open) => {
|
|
48948
49452
|
updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
|
|
48949
49453
|
groups: __spreadProps(__spreadValues({}, current.groups), {
|
|
@@ -48953,7 +49457,7 @@ function Sidebar({
|
|
|
48953
49457
|
},
|
|
48954
49458
|
[updatePersistedState]
|
|
48955
49459
|
);
|
|
48956
|
-
return /* @__PURE__ */
|
|
49460
|
+
return /* @__PURE__ */ jsx177(
|
|
48957
49461
|
SidebarContext.Provider,
|
|
48958
49462
|
{
|
|
48959
49463
|
value: {
|
|
@@ -48966,7 +49470,7 @@ function Sidebar({
|
|
|
48966
49470
|
setActiveItem: setSidebarActiveItem,
|
|
48967
49471
|
setGroupOpenState: persistState ? setGroupOpenState : void 0
|
|
48968
49472
|
},
|
|
48969
|
-
children: /* @__PURE__ */
|
|
49473
|
+
children: /* @__PURE__ */ jsxs140(
|
|
48970
49474
|
"aside",
|
|
48971
49475
|
{
|
|
48972
49476
|
"aria-label": "Sidebar",
|
|
@@ -48984,14 +49488,14 @@ function Sidebar({
|
|
|
48984
49488
|
"data-padding-top": paddingTop ? "true" : "false",
|
|
48985
49489
|
"data-side": side,
|
|
48986
49490
|
children: [
|
|
48987
|
-
header ? /* @__PURE__ */
|
|
48988
|
-
/* @__PURE__ */
|
|
49491
|
+
header ? /* @__PURE__ */ jsx177("div", { className: Sidebar_default.header, children: header }) : null,
|
|
49492
|
+
/* @__PURE__ */ jsx177(
|
|
48989
49493
|
CustomScrollbar,
|
|
48990
49494
|
{
|
|
48991
49495
|
className: Sidebar_default.body,
|
|
48992
49496
|
label: navLabel,
|
|
48993
49497
|
orientation: "vertical",
|
|
48994
|
-
children: /* @__PURE__ */
|
|
49498
|
+
children: /* @__PURE__ */ jsx177("div", { className: Sidebar_default.bodyContent, children: menu ? /* @__PURE__ */ jsx177(SidebarNav, { "aria-label": navLabel, children: menu.map(
|
|
48995
49499
|
(item) => renderSidebarMenuItem({
|
|
48996
49500
|
depth: 0,
|
|
48997
49501
|
effectiveActiveItem,
|
|
@@ -49001,7 +49505,7 @@ function Sidebar({
|
|
|
49001
49505
|
) }) : children })
|
|
49002
49506
|
}
|
|
49003
49507
|
),
|
|
49004
|
-
footer ? /* @__PURE__ */
|
|
49508
|
+
footer ? /* @__PURE__ */ jsx177("div", { className: Sidebar_default.footer, children: footer }) : null
|
|
49005
49509
|
]
|
|
49006
49510
|
}
|
|
49007
49511
|
)
|
|
@@ -49010,8 +49514,8 @@ function Sidebar({
|
|
|
49010
49514
|
}
|
|
49011
49515
|
function SidebarHeader({ children, title }) {
|
|
49012
49516
|
const { collapsed } = useContext12(SidebarContext);
|
|
49013
|
-
return /* @__PURE__ */
|
|
49014
|
-
/* @__PURE__ */
|
|
49517
|
+
return /* @__PURE__ */ jsxs140("div", { className: Sidebar_default.headerInner, children: [
|
|
49518
|
+
/* @__PURE__ */ jsx177("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
|
|
49015
49519
|
children
|
|
49016
49520
|
] });
|
|
49017
49521
|
}
|
|
@@ -49019,7 +49523,7 @@ function SidebarNav({
|
|
|
49019
49523
|
"aria-label": ariaLabel,
|
|
49020
49524
|
children
|
|
49021
49525
|
}) {
|
|
49022
|
-
return /* @__PURE__ */
|
|
49526
|
+
return /* @__PURE__ */ jsx177("nav", { "aria-label": ariaLabel, className: Sidebar_default.nav, children });
|
|
49023
49527
|
}
|
|
49024
49528
|
function SidebarLink({
|
|
49025
49529
|
active,
|
|
@@ -49052,12 +49556,12 @@ function SidebarLink({
|
|
|
49052
49556
|
}
|
|
49053
49557
|
onClick == null ? void 0 : onClick(event);
|
|
49054
49558
|
};
|
|
49055
|
-
const content = /* @__PURE__ */
|
|
49056
|
-
icon ? /* @__PURE__ */
|
|
49057
|
-
!icon && collapsed && label ? /* @__PURE__ */
|
|
49058
|
-
collapsed ? /* @__PURE__ */
|
|
49559
|
+
const content = /* @__PURE__ */ jsxs140(Fragment32, { children: [
|
|
49560
|
+
icon ? /* @__PURE__ */ jsx177("span", { className: Sidebar_default.icon, children: icon }) : null,
|
|
49561
|
+
!icon && collapsed && label ? /* @__PURE__ */ jsx177("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: label.charAt(0) }) : null,
|
|
49562
|
+
collapsed ? /* @__PURE__ */ jsx177("span", { className: Sidebar_default.visuallyHidden, children }) : label ? /* @__PURE__ */ jsx177(SidebarOverflowLabel, { label }) : /* @__PURE__ */ jsx177("span", { className: Sidebar_default.linkLabel, children })
|
|
49059
49563
|
] });
|
|
49060
|
-
const control = href ? /* @__PURE__ */
|
|
49564
|
+
const control = href ? /* @__PURE__ */ jsx177(
|
|
49061
49565
|
"a",
|
|
49062
49566
|
{
|
|
49063
49567
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -49066,7 +49570,7 @@ function SidebarLink({
|
|
|
49066
49570
|
onClick: handleClick,
|
|
49067
49571
|
children: content
|
|
49068
49572
|
}
|
|
49069
|
-
) : /* @__PURE__ */
|
|
49573
|
+
) : /* @__PURE__ */ jsx177(
|
|
49070
49574
|
"button",
|
|
49071
49575
|
{
|
|
49072
49576
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -49077,7 +49581,7 @@ function SidebarLink({
|
|
|
49077
49581
|
}
|
|
49078
49582
|
);
|
|
49079
49583
|
if (collapsed && label) {
|
|
49080
|
-
return /* @__PURE__ */
|
|
49584
|
+
return /* @__PURE__ */ jsx177(
|
|
49081
49585
|
Tooltip,
|
|
49082
49586
|
{
|
|
49083
49587
|
className: Sidebar_default.collapsedTooltip,
|
|
@@ -49106,7 +49610,7 @@ function renderSidebarMenuItem({
|
|
|
49106
49610
|
renderIcon
|
|
49107
49611
|
}) {
|
|
49108
49612
|
if (item.type === "group") {
|
|
49109
|
-
return /* @__PURE__ */
|
|
49613
|
+
return /* @__PURE__ */ jsx177(
|
|
49110
49614
|
SidebarGroup,
|
|
49111
49615
|
{
|
|
49112
49616
|
defaultOpen: item.defaultOpen,
|
|
@@ -49131,7 +49635,7 @@ function renderSidebarMenuItem({
|
|
|
49131
49635
|
event.preventDefault();
|
|
49132
49636
|
}
|
|
49133
49637
|
};
|
|
49134
|
-
return /* @__PURE__ */
|
|
49638
|
+
return /* @__PURE__ */ jsx177(
|
|
49135
49639
|
SidebarLink,
|
|
49136
49640
|
{
|
|
49137
49641
|
itemId: item.id,
|
|
@@ -49167,14 +49671,14 @@ function SidebarGroup({
|
|
|
49167
49671
|
setGroupOpenState
|
|
49168
49672
|
} = useContext12(SidebarContext);
|
|
49169
49673
|
const listId = createGroupListId(label, id);
|
|
49170
|
-
const [open, setOpen] =
|
|
49674
|
+
const [open, setOpen] = useState83(
|
|
49171
49675
|
() => {
|
|
49172
49676
|
var _a2;
|
|
49173
49677
|
return (_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen;
|
|
49174
49678
|
}
|
|
49175
49679
|
);
|
|
49176
|
-
const [collapsedOpen, setCollapsedOpen] =
|
|
49177
|
-
|
|
49680
|
+
const [collapsedOpen, setCollapsedOpen] = useState83(false);
|
|
49681
|
+
useEffect61(() => {
|
|
49178
49682
|
const timeout = window.setTimeout(() => {
|
|
49179
49683
|
var _a2;
|
|
49180
49684
|
setOpen((_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen);
|
|
@@ -49188,14 +49692,14 @@ function SidebarGroup({
|
|
|
49188
49692
|
};
|
|
49189
49693
|
if (collapsed) {
|
|
49190
49694
|
if (depth > 0) {
|
|
49191
|
-
return /* @__PURE__ */
|
|
49192
|
-
/* @__PURE__ */
|
|
49695
|
+
return /* @__PURE__ */ jsxs140("div", { className: Sidebar_default.collapsedGroupWrap, children: [
|
|
49696
|
+
/* @__PURE__ */ jsx177(
|
|
49193
49697
|
Tooltip,
|
|
49194
49698
|
{
|
|
49195
49699
|
className: Sidebar_default.collapsedTooltip,
|
|
49196
49700
|
content: label,
|
|
49197
49701
|
placement: "right",
|
|
49198
|
-
children: /* @__PURE__ */
|
|
49702
|
+
children: /* @__PURE__ */ jsxs140(
|
|
49199
49703
|
"button",
|
|
49200
49704
|
{
|
|
49201
49705
|
"aria-expanded": collapsedOpen,
|
|
@@ -49207,8 +49711,8 @@ function SidebarGroup({
|
|
|
49207
49711
|
},
|
|
49208
49712
|
type: "button",
|
|
49209
49713
|
children: [
|
|
49210
|
-
/* @__PURE__ */
|
|
49211
|
-
/* @__PURE__ */
|
|
49714
|
+
/* @__PURE__ */ jsx177("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: icon != null ? icon : label.charAt(0) }),
|
|
49715
|
+
/* @__PURE__ */ jsx177(
|
|
49212
49716
|
"span",
|
|
49213
49717
|
{
|
|
49214
49718
|
"aria-hidden": "true",
|
|
@@ -49220,10 +49724,10 @@ function SidebarGroup({
|
|
|
49220
49724
|
)
|
|
49221
49725
|
}
|
|
49222
49726
|
),
|
|
49223
|
-
collapsedOpen ? /* @__PURE__ */
|
|
49727
|
+
collapsedOpen ? /* @__PURE__ */ jsx177("div", { className: Sidebar_default.collapsedSubmenu, children }) : null
|
|
49224
49728
|
] });
|
|
49225
49729
|
}
|
|
49226
|
-
return /* @__PURE__ */
|
|
49730
|
+
return /* @__PURE__ */ jsx177(
|
|
49227
49731
|
"div",
|
|
49228
49732
|
{
|
|
49229
49733
|
"aria-label": label,
|
|
@@ -49234,7 +49738,7 @@ function SidebarGroup({
|
|
|
49234
49738
|
}
|
|
49235
49739
|
);
|
|
49236
49740
|
}
|
|
49237
|
-
return /* @__PURE__ */
|
|
49741
|
+
return /* @__PURE__ */ jsxs140(
|
|
49238
49742
|
"div",
|
|
49239
49743
|
{
|
|
49240
49744
|
"aria-label": label,
|
|
@@ -49242,7 +49746,7 @@ function SidebarGroup({
|
|
|
49242
49746
|
"data-depth": depth,
|
|
49243
49747
|
role: "group",
|
|
49244
49748
|
children: [
|
|
49245
|
-
/* @__PURE__ */
|
|
49749
|
+
/* @__PURE__ */ jsx177("div", { className: Sidebar_default.groupHeader, children: /* @__PURE__ */ jsxs140(
|
|
49246
49750
|
"button",
|
|
49247
49751
|
{
|
|
49248
49752
|
"aria-controls": listId,
|
|
@@ -49251,9 +49755,9 @@ function SidebarGroup({
|
|
|
49251
49755
|
onClick: toggleOpen,
|
|
49252
49756
|
type: "button",
|
|
49253
49757
|
children: [
|
|
49254
|
-
icon ? /* @__PURE__ */
|
|
49255
|
-
/* @__PURE__ */
|
|
49256
|
-
/* @__PURE__ */
|
|
49758
|
+
icon ? /* @__PURE__ */ jsx177("span", { className: Sidebar_default.icon, children: icon }) : null,
|
|
49759
|
+
/* @__PURE__ */ jsx177(SidebarOverflowLabel, { label }),
|
|
49760
|
+
/* @__PURE__ */ jsx177(
|
|
49257
49761
|
"span",
|
|
49258
49762
|
{
|
|
49259
49763
|
"aria-hidden": "true",
|
|
@@ -49263,12 +49767,12 @@ function SidebarGroup({
|
|
|
49263
49767
|
]
|
|
49264
49768
|
}
|
|
49265
49769
|
) }),
|
|
49266
|
-
/* @__PURE__ */
|
|
49770
|
+
/* @__PURE__ */ jsx177(
|
|
49267
49771
|
"div",
|
|
49268
49772
|
{
|
|
49269
49773
|
className: Sidebar_default.groupItemsWrap,
|
|
49270
49774
|
"data-open": open ? "true" : "false",
|
|
49271
|
-
children: /* @__PURE__ */
|
|
49775
|
+
children: /* @__PURE__ */ jsx177(
|
|
49272
49776
|
"div",
|
|
49273
49777
|
{
|
|
49274
49778
|
className: Sidebar_default.groupItems,
|
|
@@ -49289,7 +49793,7 @@ function SidebarLayout({
|
|
|
49289
49793
|
main,
|
|
49290
49794
|
side = "left"
|
|
49291
49795
|
}) {
|
|
49292
|
-
return /* @__PURE__ */
|
|
49796
|
+
return /* @__PURE__ */ jsxs140(
|
|
49293
49797
|
"div",
|
|
49294
49798
|
{
|
|
49295
49799
|
className: Sidebar_default.layout,
|
|
@@ -49297,7 +49801,7 @@ function SidebarLayout({
|
|
|
49297
49801
|
"data-side": side,
|
|
49298
49802
|
children: [
|
|
49299
49803
|
side === "left" ? children : null,
|
|
49300
|
-
/* @__PURE__ */
|
|
49804
|
+
/* @__PURE__ */ jsx177("div", { className: Sidebar_default.main, children: main }),
|
|
49301
49805
|
side === "right" ? children : null
|
|
49302
49806
|
]
|
|
49303
49807
|
}
|
|
@@ -49306,22 +49810,22 @@ function SidebarLayout({
|
|
|
49306
49810
|
|
|
49307
49811
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
49308
49812
|
import {
|
|
49309
|
-
useCallback as
|
|
49310
|
-
useEffect as
|
|
49813
|
+
useCallback as useCallback34,
|
|
49814
|
+
useEffect as useEffect62,
|
|
49311
49815
|
useId as useId32,
|
|
49312
|
-
useLayoutEffect as
|
|
49313
|
-
useMemo as
|
|
49314
|
-
useRef as
|
|
49315
|
-
useState as
|
|
49816
|
+
useLayoutEffect as useLayoutEffect15,
|
|
49817
|
+
useMemo as useMemo48,
|
|
49818
|
+
useRef as useRef56,
|
|
49819
|
+
useState as useState84
|
|
49316
49820
|
} from "react";
|
|
49317
49821
|
import { faRotateLeft as faRotateLeft2 } from "@fortawesome/free-solid-svg-icons";
|
|
49318
49822
|
import { FontAwesomeIcon as FontAwesomeIcon16 } from "@fortawesome/react-fontawesome";
|
|
49319
49823
|
|
|
49320
49824
|
// ../../components/AccentColorPicker/AccentColorPicker.module.css
|
|
49321
|
-
var AccentColorPicker_default = {"
|
|
49825
|
+
var AccentColorPicker_default = {"picker":"opus_scMnrW_picker","swatches":"opus_scMnrW_swatches","blob":"opus_scMnrW_blob","footer":"opus_scMnrW_footer","trigger":"opus_scMnrW_trigger","tilePair":"opus_scMnrW_tilePair","section":"opus_scMnrW_section","summary":"opus_scMnrW_summary","chevron":"opus_scMnrW_chevron","dropdown":"opus_scMnrW_dropdown","panelHeader":"opus_scMnrW_panelHeader","sectionLabel":"opus_scMnrW_sectionLabel","resetText":"opus_scMnrW_resetText","tilePairs":"opus_scMnrW_tilePairs","swatch":"opus_scMnrW_swatch","quickSwatches":"opus_scMnrW_quickSwatches","panel":"opus_scMnrW_panel","reset":"opus_scMnrW_reset"};
|
|
49322
49826
|
|
|
49323
49827
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
49324
|
-
import { Fragment as
|
|
49828
|
+
import { Fragment as Fragment33, jsx as jsx178, jsxs as jsxs141 } from "react/jsx-runtime";
|
|
49325
49829
|
var TILE_PINK = "#ec4899";
|
|
49326
49830
|
var TILE_TURQUOISE = "#0ea5e9";
|
|
49327
49831
|
var TILE_MAGENTA = "#d946ef";
|
|
@@ -49422,11 +49926,11 @@ function pairLabel(primary, secondary) {
|
|
|
49422
49926
|
return `${colorLabel(primary)} / ${colorLabel(secondary)}`;
|
|
49423
49927
|
}
|
|
49424
49928
|
function useAccentPreference() {
|
|
49425
|
-
const [accent, setAccentState] =
|
|
49426
|
-
const [accentSecondary, setAccentSecondaryState] =
|
|
49427
|
-
const [accentPairId, setAccentPairIdState] =
|
|
49428
|
-
const [ready, setReady] =
|
|
49429
|
-
|
|
49929
|
+
const [accent, setAccentState] = useState84(DEFAULT_ACCENT_COLOR);
|
|
49930
|
+
const [accentSecondary, setAccentSecondaryState] = useState84(DEFAULT_ACCENT_SECONDARY);
|
|
49931
|
+
const [accentPairId, setAccentPairIdState] = useState84(DEFAULT_ACCENT_PAIR_ID);
|
|
49932
|
+
const [ready, setReady] = useState84(false);
|
|
49933
|
+
useLayoutEffect15(() => {
|
|
49430
49934
|
var _a2;
|
|
49431
49935
|
const stored = readStoredAccentState();
|
|
49432
49936
|
setAccentState(stored.accent);
|
|
@@ -49439,7 +49943,7 @@ function useAccentPreference() {
|
|
|
49439
49943
|
persistAccentState(stored.accent, stored.accentSecondary, (_a2 = matchedPair == null ? void 0 : matchedPair.id) != null ? _a2 : null);
|
|
49440
49944
|
setReady(true);
|
|
49441
49945
|
}, []);
|
|
49442
|
-
const applyPair =
|
|
49946
|
+
const applyPair = useCallback34((pair) => {
|
|
49443
49947
|
setAccentState(pair.primary);
|
|
49444
49948
|
setAccentSecondaryState(pair.secondary);
|
|
49445
49949
|
setAccentPairIdState(pair.id);
|
|
@@ -49447,7 +49951,7 @@ function useAccentPreference() {
|
|
|
49447
49951
|
persistAccentState(pair.primary, pair.secondary, pair.id);
|
|
49448
49952
|
setReady(true);
|
|
49449
49953
|
}, []);
|
|
49450
|
-
const setAccent =
|
|
49954
|
+
const setAccent = useCallback34(
|
|
49451
49955
|
(next) => {
|
|
49452
49956
|
var _a2, _b2;
|
|
49453
49957
|
if (!isHexColor2(next)) {
|
|
@@ -49464,7 +49968,7 @@ function useAccentPreference() {
|
|
|
49464
49968
|
},
|
|
49465
49969
|
[accentPairId, accentSecondary]
|
|
49466
49970
|
);
|
|
49467
|
-
const setAccentSecondary =
|
|
49971
|
+
const setAccentSecondary = useCallback34(
|
|
49468
49972
|
(next) => {
|
|
49469
49973
|
var _a2, _b2;
|
|
49470
49974
|
if (!isHexColor2(next)) {
|
|
@@ -49481,7 +49985,7 @@ function useAccentPreference() {
|
|
|
49481
49985
|
},
|
|
49482
49986
|
[accent, accentPairId]
|
|
49483
49987
|
);
|
|
49484
|
-
const setAccentPair =
|
|
49988
|
+
const setAccentPair = useCallback34(
|
|
49485
49989
|
(pairId) => {
|
|
49486
49990
|
const pair = findPairById(pairId);
|
|
49487
49991
|
if (!pair) {
|
|
@@ -49491,14 +49995,14 @@ function useAccentPreference() {
|
|
|
49491
49995
|
},
|
|
49492
49996
|
[applyPair]
|
|
49493
49997
|
);
|
|
49494
|
-
const resetAccent =
|
|
49998
|
+
const resetAccent = useCallback34(() => {
|
|
49495
49999
|
const pair = findPairById(DEFAULT_ACCENT_PAIR_ID);
|
|
49496
50000
|
if (!pair) {
|
|
49497
50001
|
return;
|
|
49498
50002
|
}
|
|
49499
50003
|
applyPair(pair);
|
|
49500
50004
|
}, [applyPair]);
|
|
49501
|
-
const accentStyle =
|
|
50005
|
+
const accentStyle = useMemo48(
|
|
49502
50006
|
() => ready ? createAccentStyle(accent, accentSecondary) : void 0,
|
|
49503
50007
|
[accent, accentSecondary, ready]
|
|
49504
50008
|
);
|
|
@@ -49514,10 +50018,10 @@ function useAccentPreference() {
|
|
|
49514
50018
|
};
|
|
49515
50019
|
}
|
|
49516
50020
|
function useTileAccentPreference() {
|
|
49517
|
-
const [tileAccent, setTileAccentState] =
|
|
49518
|
-
const [tileAccentSecondary, setTileAccentSecondaryState] =
|
|
49519
|
-
const [ready, setReady] =
|
|
49520
|
-
|
|
50021
|
+
const [tileAccent, setTileAccentState] = useState84(DEFAULT_TILE_ACCENT);
|
|
50022
|
+
const [tileAccentSecondary, setTileAccentSecondaryState] = useState84(DEFAULT_TILE_ACCENT_SECONDARY);
|
|
50023
|
+
const [ready, setReady] = useState84(false);
|
|
50024
|
+
useLayoutEffect15(() => {
|
|
49521
50025
|
const stored = readStoredTileAccentState();
|
|
49522
50026
|
setTileAccentState(stored.tileAccent);
|
|
49523
50027
|
setTileAccentSecondaryState(stored.tileAccentSecondary);
|
|
@@ -49525,7 +50029,7 @@ function useTileAccentPreference() {
|
|
|
49525
50029
|
persistTileAccentState(stored.tileAccent, stored.tileAccentSecondary);
|
|
49526
50030
|
setReady(true);
|
|
49527
50031
|
}, []);
|
|
49528
|
-
const setTileAccent =
|
|
50032
|
+
const setTileAccent = useCallback34(
|
|
49529
50033
|
(next) => {
|
|
49530
50034
|
if (!isHexColor2(next)) {
|
|
49531
50035
|
return;
|
|
@@ -49537,7 +50041,7 @@ function useTileAccentPreference() {
|
|
|
49537
50041
|
},
|
|
49538
50042
|
[tileAccentSecondary]
|
|
49539
50043
|
);
|
|
49540
|
-
const setTileAccentSecondary =
|
|
50044
|
+
const setTileAccentSecondary = useCallback34(
|
|
49541
50045
|
(next) => {
|
|
49542
50046
|
if (!isHexColor2(next)) {
|
|
49543
50047
|
return;
|
|
@@ -49549,14 +50053,14 @@ function useTileAccentPreference() {
|
|
|
49549
50053
|
},
|
|
49550
50054
|
[tileAccent]
|
|
49551
50055
|
);
|
|
49552
|
-
const resetTileAccent =
|
|
50056
|
+
const resetTileAccent = useCallback34(() => {
|
|
49553
50057
|
setTileAccentState(DEFAULT_TILE_ACCENT);
|
|
49554
50058
|
setTileAccentSecondaryState(DEFAULT_TILE_ACCENT_SECONDARY);
|
|
49555
50059
|
applyDocumentTileAccent(DEFAULT_TILE_ACCENT, DEFAULT_TILE_ACCENT_SECONDARY);
|
|
49556
50060
|
persistTileAccentState(DEFAULT_TILE_ACCENT, DEFAULT_TILE_ACCENT_SECONDARY);
|
|
49557
50061
|
setReady(true);
|
|
49558
50062
|
}, []);
|
|
49559
|
-
const tileAccentStyle =
|
|
50063
|
+
const tileAccentStyle = useMemo48(
|
|
49560
50064
|
() => ready ? createTileAccentStyle(tileAccent, tileAccentSecondary) : void 0,
|
|
49561
50065
|
[ready, tileAccent, tileAccentSecondary]
|
|
49562
50066
|
);
|
|
@@ -49574,11 +50078,11 @@ function AccentSwatchGrid({
|
|
|
49574
50078
|
onSelect,
|
|
49575
50079
|
selectedValue
|
|
49576
50080
|
}) {
|
|
49577
|
-
return /* @__PURE__ */
|
|
49578
|
-
/* @__PURE__ */
|
|
49579
|
-
/* @__PURE__ */
|
|
50081
|
+
return /* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.section, children: [
|
|
50082
|
+
/* @__PURE__ */ jsx178("p", { className: AccentColorPicker_default.sectionLabel, children: label }),
|
|
50083
|
+
/* @__PURE__ */ jsx178("div", { "aria-label": label, className: AccentColorPicker_default.swatches, role: "radiogroup", children: accentPalette.map((option) => {
|
|
49580
50084
|
const selected = selectedValue === option.value;
|
|
49581
|
-
return /* @__PURE__ */
|
|
50085
|
+
return /* @__PURE__ */ jsx178(
|
|
49582
50086
|
"button",
|
|
49583
50087
|
{
|
|
49584
50088
|
"aria-checked": selected,
|
|
@@ -49611,16 +50115,17 @@ function AccentColorPicker({
|
|
|
49611
50115
|
defaultSecondaryValue = DEFAULT_ACCENT_SECONDARY,
|
|
49612
50116
|
secondaryValue,
|
|
49613
50117
|
showQuickSwatches = false,
|
|
50118
|
+
showSecondary = true,
|
|
49614
50119
|
variant = "compact",
|
|
49615
50120
|
value
|
|
49616
50121
|
}) {
|
|
49617
50122
|
const resolvedSecondary = secondaryValue != null ? secondaryValue : companionForPrimary(value);
|
|
49618
|
-
const [open, setOpen] =
|
|
49619
|
-
const rootRef =
|
|
50123
|
+
const [open, setOpen] = useState84(false);
|
|
50124
|
+
const rootRef = useRef56(null);
|
|
49620
50125
|
const menuId = useId32();
|
|
49621
|
-
const selectedLabel = pairLabel(value, resolvedSecondary);
|
|
49622
|
-
const isDefault = value === defaultValue && resolvedSecondary === defaultSecondaryValue;
|
|
49623
|
-
|
|
50126
|
+
const selectedLabel = showSecondary ? pairLabel(value, resolvedSecondary) : colorLabel(value);
|
|
50127
|
+
const isDefault = value === defaultValue && (!showSecondary || resolvedSecondary === defaultSecondaryValue);
|
|
50128
|
+
useEffect62(() => {
|
|
49624
50129
|
if (!open || variant !== "compact") {
|
|
49625
50130
|
return;
|
|
49626
50131
|
}
|
|
@@ -49651,21 +50156,21 @@ function AccentColorPicker({
|
|
|
49651
50156
|
}
|
|
49652
50157
|
setOpen(false);
|
|
49653
50158
|
};
|
|
49654
|
-
const paletteBody = /* @__PURE__ */
|
|
49655
|
-
/* @__PURE__ */
|
|
49656
|
-
/* @__PURE__ */
|
|
50159
|
+
const paletteBody = /* @__PURE__ */ jsxs141(Fragment33, { children: [
|
|
50160
|
+
/* @__PURE__ */ jsx178(AccentSwatchGrid, { label: primarySectionLabel, selectedValue: value, onSelect: onChange }),
|
|
50161
|
+
showSecondary ? /* @__PURE__ */ jsx178(
|
|
49657
50162
|
AccentSwatchGrid,
|
|
49658
50163
|
{
|
|
49659
50164
|
label: secondarySectionLabel,
|
|
49660
50165
|
selectedValue: resolvedSecondary,
|
|
49661
50166
|
onSelect: (next) => onSecondaryChange == null ? void 0 : onSecondaryChange(next)
|
|
49662
50167
|
}
|
|
49663
|
-
)
|
|
50168
|
+
) : null
|
|
49664
50169
|
] });
|
|
49665
50170
|
if (variant === "panel") {
|
|
49666
|
-
return /* @__PURE__ */
|
|
49667
|
-
/* @__PURE__ */
|
|
49668
|
-
/* @__PURE__ */
|
|
50171
|
+
return /* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.panel, id, children: [
|
|
50172
|
+
/* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.panelHeader, children: [
|
|
50173
|
+
/* @__PURE__ */ jsx178(
|
|
49669
50174
|
"span",
|
|
49670
50175
|
{
|
|
49671
50176
|
"aria-hidden": "true",
|
|
@@ -49676,8 +50181,8 @@ function AccentColorPicker({
|
|
|
49676
50181
|
}
|
|
49677
50182
|
}
|
|
49678
50183
|
),
|
|
49679
|
-
/* @__PURE__ */
|
|
49680
|
-
/* @__PURE__ */
|
|
50184
|
+
/* @__PURE__ */ jsx178("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
|
|
50185
|
+
/* @__PURE__ */ jsx178(
|
|
49681
50186
|
"button",
|
|
49682
50187
|
{
|
|
49683
50188
|
"aria-label": `Reset ${label.toLowerCase()} colours`,
|
|
@@ -49686,14 +50191,14 @@ function AccentColorPicker({
|
|
|
49686
50191
|
title: `Reset ${label.toLowerCase()}`,
|
|
49687
50192
|
type: "button",
|
|
49688
50193
|
onClick: handleReset,
|
|
49689
|
-
children: /* @__PURE__ */
|
|
50194
|
+
children: /* @__PURE__ */ jsx178(FontAwesomeIcon16, { icon: faRotateLeft2 })
|
|
49690
50195
|
}
|
|
49691
50196
|
)
|
|
49692
50197
|
] }),
|
|
49693
50198
|
paletteBody
|
|
49694
50199
|
] });
|
|
49695
50200
|
}
|
|
49696
|
-
return /* @__PURE__ */
|
|
50201
|
+
return /* @__PURE__ */ jsx178(
|
|
49697
50202
|
FieldShell,
|
|
49698
50203
|
{
|
|
49699
50204
|
fitContent: true,
|
|
@@ -49704,8 +50209,8 @@ function AccentColorPicker({
|
|
|
49704
50209
|
labelPosition,
|
|
49705
50210
|
labelTag: "div",
|
|
49706
50211
|
mode,
|
|
49707
|
-
children: /* @__PURE__ */
|
|
49708
|
-
showQuickSwatches ? /* @__PURE__ */
|
|
50212
|
+
children: /* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.picker, ref: rootRef, children: [
|
|
50213
|
+
showQuickSwatches ? /* @__PURE__ */ jsx178(
|
|
49709
50214
|
"div",
|
|
49710
50215
|
{
|
|
49711
50216
|
"aria-labelledby": `${id}-label`,
|
|
@@ -49713,7 +50218,7 @@ function AccentColorPicker({
|
|
|
49713
50218
|
role: "radiogroup",
|
|
49714
50219
|
children: accentQuickColors.map((option) => {
|
|
49715
50220
|
const selected = value === option.value;
|
|
49716
|
-
return /* @__PURE__ */
|
|
50221
|
+
return /* @__PURE__ */ jsx178(
|
|
49717
50222
|
"button",
|
|
49718
50223
|
{
|
|
49719
50224
|
"aria-checked": selected,
|
|
@@ -49731,7 +50236,7 @@ function AccentColorPicker({
|
|
|
49731
50236
|
})
|
|
49732
50237
|
}
|
|
49733
50238
|
) : null,
|
|
49734
|
-
/* @__PURE__ */
|
|
50239
|
+
/* @__PURE__ */ jsxs141(
|
|
49735
50240
|
"button",
|
|
49736
50241
|
{
|
|
49737
50242
|
"aria-controls": menuId,
|
|
@@ -49747,12 +50252,12 @@ function AccentColorPicker({
|
|
|
49747
50252
|
type: "button",
|
|
49748
50253
|
onClick: () => setOpen((current) => !current),
|
|
49749
50254
|
children: [
|
|
49750
|
-
/* @__PURE__ */
|
|
49751
|
-
/* @__PURE__ */
|
|
50255
|
+
/* @__PURE__ */ jsx178("span", { "aria-hidden": "true", className: AccentColorPicker_default.blob }),
|
|
50256
|
+
/* @__PURE__ */ jsx178("span", { "aria-hidden": "true", className: AccentColorPicker_default.chevron })
|
|
49752
50257
|
]
|
|
49753
50258
|
}
|
|
49754
50259
|
),
|
|
49755
|
-
!isDefault ? /* @__PURE__ */
|
|
50260
|
+
!isDefault ? /* @__PURE__ */ jsx178(
|
|
49756
50261
|
"button",
|
|
49757
50262
|
{
|
|
49758
50263
|
"aria-label": `Reset ${label.toLowerCase()} colours`,
|
|
@@ -49760,10 +50265,10 @@ function AccentColorPicker({
|
|
|
49760
50265
|
title: `Reset ${label.toLowerCase()}`,
|
|
49761
50266
|
type: "button",
|
|
49762
50267
|
onClick: handleReset,
|
|
49763
|
-
children: /* @__PURE__ */
|
|
50268
|
+
children: /* @__PURE__ */ jsx178(FontAwesomeIcon16, { icon: faRotateLeft2 })
|
|
49764
50269
|
}
|
|
49765
50270
|
) : null,
|
|
49766
|
-
open ? /* @__PURE__ */
|
|
50271
|
+
open ? /* @__PURE__ */ jsxs141(
|
|
49767
50272
|
"div",
|
|
49768
50273
|
{
|
|
49769
50274
|
"aria-label": `${label} colours`,
|
|
@@ -49772,9 +50277,9 @@ function AccentColorPicker({
|
|
|
49772
50277
|
role: "dialog",
|
|
49773
50278
|
children: [
|
|
49774
50279
|
paletteBody,
|
|
49775
|
-
/* @__PURE__ */
|
|
49776
|
-
/* @__PURE__ */
|
|
49777
|
-
!isDefault ? /* @__PURE__ */
|
|
50280
|
+
/* @__PURE__ */ jsxs141("div", { className: AccentColorPicker_default.footer, children: [
|
|
50281
|
+
/* @__PURE__ */ jsx178("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
|
|
50282
|
+
!isDefault ? /* @__PURE__ */ jsx178("button", { className: AccentColorPicker_default.resetText, type: "button", onClick: handleReset, children: "Reset" }) : null
|
|
49778
50283
|
] })
|
|
49779
50284
|
]
|
|
49780
50285
|
}
|
|
@@ -49785,14 +50290,14 @@ function AccentColorPicker({
|
|
|
49785
50290
|
}
|
|
49786
50291
|
|
|
49787
50292
|
// ../../components/IconPicker/IconPicker.tsx
|
|
49788
|
-
import { useEffect as
|
|
50293
|
+
import { useEffect as useEffect63, useId as useId33, useMemo as useMemo49, useRef as useRef57, useState as useState85 } from "react";
|
|
49789
50294
|
import { FontAwesomeIcon as FontAwesomeIcon17 } from "@fortawesome/react-fontawesome";
|
|
49790
50295
|
|
|
49791
50296
|
// ../../components/IconPicker/IconPicker.module.css
|
|
49792
|
-
var IconPicker_default = {"
|
|
50297
|
+
var IconPicker_default = {"trigger":"opus_4E-Oa1_trigger","grid":"opus_4E-Oa1_grid","option":"opus_4E-Oa1_option","empty":"opus_4E-Oa1_empty","root":"opus_4E-Oa1_root","optionIcon":"opus_4E-Oa1_optionIcon","menu":"opus_4E-Oa1_menu","search":"opus_4E-Oa1_search","chevron":"opus_4E-Oa1_chevron","triggerLabel":"opus_4E-Oa1_triggerLabel","triggerIcon":"opus_4E-Oa1_triggerIcon"};
|
|
49793
50298
|
|
|
49794
50299
|
// ../../components/IconPicker/IconPicker.tsx
|
|
49795
|
-
import { jsx as
|
|
50300
|
+
import { jsx as jsx179, jsxs as jsxs142 } from "react/jsx-runtime";
|
|
49796
50301
|
function IconPicker({
|
|
49797
50302
|
help,
|
|
49798
50303
|
id,
|
|
@@ -49803,14 +50308,14 @@ function IconPicker({
|
|
|
49803
50308
|
searchPlaceholder = "Search icons",
|
|
49804
50309
|
value
|
|
49805
50310
|
}) {
|
|
49806
|
-
const [open, setOpen] =
|
|
49807
|
-
const [query, setQuery] =
|
|
49808
|
-
const rootRef =
|
|
49809
|
-
const searchRef =
|
|
50311
|
+
const [open, setOpen] = useState85(false);
|
|
50312
|
+
const [query, setQuery] = useState85("");
|
|
50313
|
+
const rootRef = useRef57(null);
|
|
50314
|
+
const searchRef = useRef57(null);
|
|
49810
50315
|
const listboxId = useId33();
|
|
49811
50316
|
const selected = getFontAwesomeIconOption(value);
|
|
49812
|
-
const filteredIcons =
|
|
49813
|
-
|
|
50317
|
+
const filteredIcons = useMemo49(() => filterFontAwesomeIcons(query), [query]);
|
|
50318
|
+
useEffect63(() => {
|
|
49814
50319
|
if (!open) {
|
|
49815
50320
|
return;
|
|
49816
50321
|
}
|
|
@@ -49837,8 +50342,8 @@ function IconPicker({
|
|
|
49837
50342
|
document.removeEventListener("keydown", handleKeyDown);
|
|
49838
50343
|
};
|
|
49839
50344
|
}, [open]);
|
|
49840
|
-
return /* @__PURE__ */
|
|
49841
|
-
/* @__PURE__ */
|
|
50345
|
+
return /* @__PURE__ */ jsx179(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */ jsxs142("div", { className: IconPicker_default.root, ref: rootRef, children: [
|
|
50346
|
+
/* @__PURE__ */ jsxs142(
|
|
49842
50347
|
"button",
|
|
49843
50348
|
{
|
|
49844
50349
|
"aria-controls": open ? listboxId : void 0,
|
|
@@ -49849,14 +50354,14 @@ function IconPicker({
|
|
|
49849
50354
|
type: "button",
|
|
49850
50355
|
onClick: () => setOpen((current) => !current),
|
|
49851
50356
|
children: [
|
|
49852
|
-
/* @__PURE__ */
|
|
49853
|
-
/* @__PURE__ */
|
|
50357
|
+
/* @__PURE__ */ jsx179("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ jsx179(FontAwesomeIcon17, { icon: selected.icon }) }),
|
|
50358
|
+
/* @__PURE__ */ jsx179("span", { className: IconPicker_default.triggerLabel, children: selected.label })
|
|
49854
50359
|
]
|
|
49855
50360
|
}
|
|
49856
50361
|
),
|
|
49857
|
-
/* @__PURE__ */
|
|
49858
|
-
open ? /* @__PURE__ */
|
|
49859
|
-
/* @__PURE__ */
|
|
50362
|
+
/* @__PURE__ */ jsx179("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
|
|
50363
|
+
open ? /* @__PURE__ */ jsxs142("div", { className: IconPicker_default.menu, children: [
|
|
50364
|
+
/* @__PURE__ */ jsx179(
|
|
49860
50365
|
"input",
|
|
49861
50366
|
{
|
|
49862
50367
|
"aria-label": searchPlaceholder,
|
|
@@ -49868,7 +50373,7 @@ function IconPicker({
|
|
|
49868
50373
|
onChange: (event) => setQuery(event.target.value)
|
|
49869
50374
|
}
|
|
49870
50375
|
),
|
|
49871
|
-
/* @__PURE__ */
|
|
50376
|
+
/* @__PURE__ */ jsx179("div", { className: IconPicker_default.grid, id: listboxId, role: "listbox", children: filteredIcons.length ? filteredIcons.map((entry) => /* @__PURE__ */ jsx179(
|
|
49872
50377
|
"button",
|
|
49873
50378
|
{
|
|
49874
50379
|
"aria-label": entry.label,
|
|
@@ -49883,19 +50388,19 @@ function IconPicker({
|
|
|
49883
50388
|
setOpen(false);
|
|
49884
50389
|
setQuery("");
|
|
49885
50390
|
},
|
|
49886
|
-
children: /* @__PURE__ */
|
|
50391
|
+
children: /* @__PURE__ */ jsx179("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ jsx179(FontAwesomeIcon17, { icon: entry.icon }) })
|
|
49887
50392
|
},
|
|
49888
50393
|
entry.iconName
|
|
49889
|
-
)) : /* @__PURE__ */
|
|
50394
|
+
)) : /* @__PURE__ */ jsx179("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
|
|
49890
50395
|
] }) : null
|
|
49891
50396
|
] }) });
|
|
49892
50397
|
}
|
|
49893
50398
|
|
|
49894
50399
|
// ../../components/IconBadge/IconBadge.module.css
|
|
49895
|
-
var IconBadge_default = {"
|
|
50400
|
+
var IconBadge_default = {"root":"opus_H9TUGj_root","icon":"opus_H9TUGj_icon","badge":"opus_H9TUGj_badge"};
|
|
49896
50401
|
|
|
49897
50402
|
// ../../components/IconBadge/IconBadge.tsx
|
|
49898
|
-
import { jsx as
|
|
50403
|
+
import { jsx as jsx180, jsxs as jsxs143 } from "react/jsx-runtime";
|
|
49899
50404
|
function formatCount(count, max) {
|
|
49900
50405
|
if (count > max) {
|
|
49901
50406
|
return `${max}+`;
|
|
@@ -49932,12 +50437,12 @@ function IconBadge({
|
|
|
49932
50437
|
const showBadge = shouldShowBadge(count, showZero);
|
|
49933
50438
|
const accessibleLabel = buildAccessibleLabel(label, count, max, showZero);
|
|
49934
50439
|
const rootClassName = [IconBadge_default.root, className].filter(Boolean).join(" ");
|
|
49935
|
-
const content = /* @__PURE__ */
|
|
49936
|
-
/* @__PURE__ */
|
|
49937
|
-
showBadge ? /* @__PURE__ */
|
|
50440
|
+
const content = /* @__PURE__ */ jsxs143("span", { "aria-hidden": "true", className: IconBadge_default.icon, "data-size": size, "data-tone": tone, children: [
|
|
50441
|
+
/* @__PURE__ */ jsx180(CatalogIcon, { iconName }),
|
|
50442
|
+
showBadge ? /* @__PURE__ */ jsx180("span", { className: IconBadge_default.badge, "data-urgency": urgency, children: formatCount(count, max) }) : null
|
|
49938
50443
|
] });
|
|
49939
50444
|
if (onClick) {
|
|
49940
|
-
return /* @__PURE__ */
|
|
50445
|
+
return /* @__PURE__ */ jsx180(
|
|
49941
50446
|
"button",
|
|
49942
50447
|
{
|
|
49943
50448
|
"aria-label": accessibleLabel,
|
|
@@ -49949,17 +50454,17 @@ function IconBadge({
|
|
|
49949
50454
|
}
|
|
49950
50455
|
);
|
|
49951
50456
|
}
|
|
49952
|
-
return /* @__PURE__ */
|
|
50457
|
+
return /* @__PURE__ */ jsx180("span", { "aria-label": accessibleLabel, className: rootClassName, "data-size": size, role: "img", children: content });
|
|
49953
50458
|
}
|
|
49954
50459
|
|
|
49955
50460
|
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
49956
|
-
import { useEffect as
|
|
50461
|
+
import { useEffect as useEffect64, useRef as useRef58 } from "react";
|
|
49957
50462
|
|
|
49958
50463
|
// ../../components/ApplicationHeader/ApplicationHeader.module.css
|
|
49959
|
-
var ApplicationHeader_default = {"
|
|
50464
|
+
var ApplicationHeader_default = {"brand":"opus_TjZbi8_brand","search":"opus_TjZbi8_search","root":"opus_TjZbi8_root","logo":"opus_TjZbi8_logo","actions":"opus_TjZbi8_actions","createMenuIcon":"opus_TjZbi8_createMenuIcon","actionGroup":"opus_TjZbi8_actionGroup","content":"opus_TjZbi8_content","profile":"opus_TjZbi8_profile","createButton":"opus_TjZbi8_createButton"};
|
|
49960
50465
|
|
|
49961
50466
|
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
49962
|
-
import { Fragment as
|
|
50467
|
+
import { Fragment as Fragment34, jsx as jsx181, jsxs as jsxs144 } from "react/jsx-runtime";
|
|
49963
50468
|
function ApplicationHeader({
|
|
49964
50469
|
actions = [],
|
|
49965
50470
|
brandAlt = "Opus",
|
|
@@ -49978,7 +50483,7 @@ function ApplicationHeader({
|
|
|
49978
50483
|
searchValue = "",
|
|
49979
50484
|
showSearch = true
|
|
49980
50485
|
}) {
|
|
49981
|
-
const searchInputRef =
|
|
50486
|
+
const searchInputRef = useRef58(null);
|
|
49982
50487
|
const notificationActions = actions.filter((action) => action.group === "notification" || action.count !== void 0);
|
|
49983
50488
|
const utilityActions = actions.filter((action) => action.group === "utility" || action.group === void 0 && action.count === void 0);
|
|
49984
50489
|
const handleSearchChange = (event) => {
|
|
@@ -49986,12 +50491,12 @@ function ApplicationHeader({
|
|
|
49986
50491
|
};
|
|
49987
50492
|
const createMenuItems = createItems.map((item) => ({
|
|
49988
50493
|
disabled: item.disabled,
|
|
49989
|
-
icon: item.iconName ? /* @__PURE__ */
|
|
50494
|
+
icon: item.iconName ? /* @__PURE__ */ jsx181("span", { className: ApplicationHeader_default.createMenuIcon, children: /* @__PURE__ */ jsx181(CatalogIcon, { iconName: item.iconName }) }) : void 0,
|
|
49990
50495
|
id: item.id,
|
|
49991
50496
|
label: item.label,
|
|
49992
50497
|
onSelect: item.onSelect
|
|
49993
50498
|
}));
|
|
49994
|
-
|
|
50499
|
+
useEffect64(() => {
|
|
49995
50500
|
var _a2;
|
|
49996
50501
|
if (!showSearch) {
|
|
49997
50502
|
return;
|
|
@@ -50012,18 +50517,18 @@ function ApplicationHeader({
|
|
|
50012
50517
|
window.addEventListener("keydown", handleKeyDown);
|
|
50013
50518
|
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
50014
50519
|
}, [searchShortcut, showSearch]);
|
|
50015
|
-
return /* @__PURE__ */
|
|
50520
|
+
return /* @__PURE__ */ jsxs144(
|
|
50016
50521
|
"header",
|
|
50017
50522
|
{
|
|
50018
50523
|
className: [ApplicationHeader_default.root, className].filter(Boolean).join(" "),
|
|
50019
50524
|
"data-connected": connected ? "true" : "false",
|
|
50020
50525
|
children: [
|
|
50021
|
-
/* @__PURE__ */
|
|
50022
|
-
/* @__PURE__ */
|
|
50023
|
-
showSearch ? /* @__PURE__ */
|
|
50526
|
+
/* @__PURE__ */ jsx181("a", { "aria-label": brandAlt, className: ApplicationHeader_default.brand, href: brandHref, children: /* @__PURE__ */ jsx181("img", { alt: brandAlt, className: ApplicationHeader_default.logo, src: brandSrc }) }),
|
|
50527
|
+
/* @__PURE__ */ jsxs144("div", { className: ApplicationHeader_default.content, children: [
|
|
50528
|
+
showSearch ? /* @__PURE__ */ jsx181("div", { className: ApplicationHeader_default.search, children: /* @__PURE__ */ jsx181(
|
|
50024
50529
|
TextField,
|
|
50025
50530
|
{
|
|
50026
|
-
endAdornment: /* @__PURE__ */
|
|
50531
|
+
endAdornment: /* @__PURE__ */ jsx181(KeyboardShortcut, { keys: searchShortcut, size: "sm" }),
|
|
50027
50532
|
id: "application-header-search",
|
|
50028
50533
|
inputRef: searchInputRef,
|
|
50029
50534
|
label: "Search",
|
|
@@ -50034,9 +50539,9 @@ function ApplicationHeader({
|
|
|
50034
50539
|
value: searchValue,
|
|
50035
50540
|
onChange: handleSearchChange
|
|
50036
50541
|
}
|
|
50037
|
-
) }) : /* @__PURE__ */
|
|
50038
|
-
/* @__PURE__ */
|
|
50039
|
-
createItems.length ? /* @__PURE__ */
|
|
50542
|
+
) }) : /* @__PURE__ */ jsx181("span", {}),
|
|
50543
|
+
/* @__PURE__ */ jsxs144("nav", { "aria-label": "Application actions", className: ApplicationHeader_default.actions, children: [
|
|
50544
|
+
createItems.length ? /* @__PURE__ */ jsx181(
|
|
50040
50545
|
DropdownMenu,
|
|
50041
50546
|
{
|
|
50042
50547
|
items: createMenuItems,
|
|
@@ -50048,11 +50553,11 @@ function ApplicationHeader({
|
|
|
50048
50553
|
}
|
|
50049
50554
|
},
|
|
50050
50555
|
placement: "bottom-end",
|
|
50051
|
-
trigger: /* @__PURE__ */
|
|
50556
|
+
trigger: /* @__PURE__ */ jsx181("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, type: "button", children: /* @__PURE__ */ jsx181(CatalogIcon, { iconName: "plus" }) })
|
|
50052
50557
|
}
|
|
50053
|
-
) : onCreate ? /* @__PURE__ */
|
|
50054
|
-
(createItems.length || onCreate) && actions.length ? /* @__PURE__ */
|
|
50055
|
-
/* @__PURE__ */
|
|
50558
|
+
) : onCreate ? /* @__PURE__ */ jsx181(Tooltip, { content: createLabel, placement: "bottom", children: /* @__PURE__ */ jsx181("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, onClick: onCreate, type: "button", children: /* @__PURE__ */ jsx181(CatalogIcon, { iconName: "plus" }) }) }) : null,
|
|
50559
|
+
(createItems.length || onCreate) && actions.length ? /* @__PURE__ */ jsx181(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
50560
|
+
/* @__PURE__ */ jsx181("div", { className: ApplicationHeader_default.actionGroup, children: notificationActions.map((action) => /* @__PURE__ */ jsx181(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ jsx181(
|
|
50056
50561
|
IconBadge,
|
|
50057
50562
|
{
|
|
50058
50563
|
count: action.count,
|
|
@@ -50062,8 +50567,8 @@ function ApplicationHeader({
|
|
|
50062
50567
|
urgency: action.urgency
|
|
50063
50568
|
}
|
|
50064
50569
|
) }, action.id)) }),
|
|
50065
|
-
notificationActions.length && utilityActions.length ? /* @__PURE__ */
|
|
50066
|
-
/* @__PURE__ */
|
|
50570
|
+
notificationActions.length && utilityActions.length ? /* @__PURE__ */ jsx181(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
50571
|
+
/* @__PURE__ */ jsx181("div", { className: ApplicationHeader_default.actionGroup, children: utilityActions.map((action) => /* @__PURE__ */ jsx181(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ jsx181(
|
|
50067
50572
|
IconBadge,
|
|
50068
50573
|
{
|
|
50069
50574
|
count: action.count,
|
|
@@ -50073,9 +50578,9 @@ function ApplicationHeader({
|
|
|
50073
50578
|
urgency: action.urgency
|
|
50074
50579
|
}
|
|
50075
50580
|
) }, action.id)) }),
|
|
50076
|
-
profile ? /* @__PURE__ */
|
|
50077
|
-
/* @__PURE__ */
|
|
50078
|
-
/* @__PURE__ */
|
|
50581
|
+
profile ? /* @__PURE__ */ jsxs144(Fragment34, { children: [
|
|
50582
|
+
/* @__PURE__ */ jsx181(Divider, { orientation: "vertical", tone: "muted" }),
|
|
50583
|
+
/* @__PURE__ */ jsx181("div", { className: ApplicationHeader_default.profile, children: /* @__PURE__ */ jsx181(
|
|
50079
50584
|
UserProfileWidget,
|
|
50080
50585
|
{
|
|
50081
50586
|
avatarSize: "md",
|
|
@@ -50094,37 +50599,37 @@ function ApplicationHeader({
|
|
|
50094
50599
|
}
|
|
50095
50600
|
|
|
50096
50601
|
// ../../components/ApplicationFooter/ApplicationFooter.module.css
|
|
50097
|
-
var ApplicationFooter_default = {"
|
|
50602
|
+
var ApplicationFooter_default = {"version":"opus_mphyzH_version","product":"opus_mphyzH_product","actionSlot":"opus_mphyzH_actionSlot","action":"opus_mphyzH_action","logo":"opus_mphyzH_logo","actions":"opus_mphyzH_actions","brand":"opus_mphyzH_brand","copyright":"opus_mphyzH_copyright","root":"opus_mphyzH_root"};
|
|
50098
50603
|
|
|
50099
50604
|
// ../../components/ApplicationFooter/ApplicationFooter.tsx
|
|
50100
|
-
import { jsx as
|
|
50605
|
+
import { jsx as jsx182, jsxs as jsxs145 } from "react/jsx-runtime";
|
|
50101
50606
|
function ApplicationFooter({ actions = [], brandAlt = "Opus", brandSrc = "/opus-logo.png", copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opus. All rights reserved.`, onActionSelect, productName = "CRM", version = "v1.0.0" }) {
|
|
50102
|
-
return /* @__PURE__ */
|
|
50103
|
-
/* @__PURE__ */
|
|
50104
|
-
/* @__PURE__ */
|
|
50105
|
-
/* @__PURE__ */
|
|
50106
|
-
/* @__PURE__ */
|
|
50607
|
+
return /* @__PURE__ */ jsxs145("footer", { className: ApplicationFooter_default.root, children: [
|
|
50608
|
+
/* @__PURE__ */ jsxs145("div", { className: ApplicationFooter_default.brand, children: [
|
|
50609
|
+
/* @__PURE__ */ jsx182("img", { alt: brandAlt, className: ApplicationFooter_default.logo, src: brandSrc }),
|
|
50610
|
+
/* @__PURE__ */ jsx182("span", { className: ApplicationFooter_default.product, children: productName }),
|
|
50611
|
+
/* @__PURE__ */ jsx182("span", { className: ApplicationFooter_default.version, children: version })
|
|
50107
50612
|
] }),
|
|
50108
|
-
/* @__PURE__ */
|
|
50109
|
-
/* @__PURE__ */
|
|
50110
|
-
index ? /* @__PURE__ */
|
|
50111
|
-
/* @__PURE__ */
|
|
50613
|
+
/* @__PURE__ */ jsx182("small", { className: ApplicationFooter_default.copyright, children: copyright }),
|
|
50614
|
+
/* @__PURE__ */ jsx182("nav", { "aria-label": "Footer actions", className: ApplicationFooter_default.actions, children: actions.map((action, index) => /* @__PURE__ */ jsxs145("span", { className: ApplicationFooter_default.actionSlot, children: [
|
|
50615
|
+
index ? /* @__PURE__ */ jsx182(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
50616
|
+
/* @__PURE__ */ jsx182(Tooltip, { content: action.label, placement: "top", children: /* @__PURE__ */ jsx182("button", { "aria-label": action.label, className: ApplicationFooter_default.action, onClick: () => {
|
|
50112
50617
|
var _a2;
|
|
50113
50618
|
(_a2 = action.onSelect) == null ? void 0 : _a2.call(action);
|
|
50114
50619
|
onActionSelect == null ? void 0 : onActionSelect(action);
|
|
50115
|
-
}, type: "button", children: /* @__PURE__ */
|
|
50620
|
+
}, type: "button", children: /* @__PURE__ */ jsx182(CatalogIcon, { iconName: action.iconName }) }) })
|
|
50116
50621
|
] }, action.id)) })
|
|
50117
50622
|
] });
|
|
50118
50623
|
}
|
|
50119
50624
|
|
|
50120
50625
|
// ../../components/WelcomeMessage/WelcomeMessage.tsx
|
|
50121
|
-
import { useEffect as
|
|
50626
|
+
import { useEffect as useEffect65, useMemo as useMemo50, useState as useState86 } from "react";
|
|
50122
50627
|
|
|
50123
50628
|
// ../../components/WelcomeMessage/WelcomeMessage.module.css
|
|
50124
|
-
var WelcomeMessage_default = {"
|
|
50629
|
+
var WelcomeMessage_default = {"heading":"opus_cZqjKS_heading","root":"opus_cZqjKS_root","wave":"opus_cZqjKS_wave","subtitle":"opus_cZqjKS_subtitle","welcome-wave":"opus_cZqjKS_welcome-wave"};
|
|
50125
50630
|
|
|
50126
50631
|
// ../../components/WelcomeMessage/WelcomeMessage.tsx
|
|
50127
|
-
import { jsx as
|
|
50632
|
+
import { jsx as jsx183, jsxs as jsxs146 } from "react/jsx-runtime";
|
|
50128
50633
|
function toDate(value) {
|
|
50129
50634
|
if (value instanceof Date) return value;
|
|
50130
50635
|
if (value !== void 0) return new Date(value);
|
|
@@ -50156,8 +50661,8 @@ function WelcomeMessage({
|
|
|
50156
50661
|
timeZone,
|
|
50157
50662
|
updateInterval = 6e4
|
|
50158
50663
|
}) {
|
|
50159
|
-
const [currentDate, setCurrentDate] =
|
|
50160
|
-
|
|
50664
|
+
const [currentDate, setCurrentDate] = useState86(() => toDate(date));
|
|
50665
|
+
useEffect65(() => {
|
|
50161
50666
|
if (date !== void 0) {
|
|
50162
50667
|
setCurrentDate(toDate(date));
|
|
50163
50668
|
return;
|
|
@@ -50165,40 +50670,40 @@ function WelcomeMessage({
|
|
|
50165
50670
|
const interval = window.setInterval(() => setCurrentDate(/* @__PURE__ */ new Date()), updateInterval);
|
|
50166
50671
|
return () => window.clearInterval(interval);
|
|
50167
50672
|
}, [date, updateInterval]);
|
|
50168
|
-
const resolvedGreeting =
|
|
50673
|
+
const resolvedGreeting = useMemo50(
|
|
50169
50674
|
() => greeting != null ? greeting : `Good ${getWelcomeGreeting(getHour(currentDate, timeZone))}`,
|
|
50170
50675
|
[currentDate, greeting, timeZone]
|
|
50171
50676
|
);
|
|
50172
|
-
return /* @__PURE__ */
|
|
50173
|
-
/* @__PURE__ */
|
|
50677
|
+
return /* @__PURE__ */ jsxs146("div", { className: [WelcomeMessage_default.root, className].filter(Boolean).join(" "), children: [
|
|
50678
|
+
/* @__PURE__ */ jsxs146(Heading, { className: WelcomeMessage_default.heading, suppressHydrationWarning: true, children: [
|
|
50174
50679
|
resolvedGreeting,
|
|
50175
50680
|
", ",
|
|
50176
50681
|
name,
|
|
50177
|
-
showWave ? /* @__PURE__ */
|
|
50682
|
+
showWave ? /* @__PURE__ */ jsx183("span", { "aria-hidden": "true", className: WelcomeMessage_default.wave, children: "\u{1F44B}" }) : null
|
|
50178
50683
|
] }),
|
|
50179
|
-
subtitle ? /* @__PURE__ */
|
|
50684
|
+
subtitle ? /* @__PURE__ */ jsx183("p", { className: WelcomeMessage_default.subtitle, children: subtitle }) : null
|
|
50180
50685
|
] });
|
|
50181
50686
|
}
|
|
50182
50687
|
|
|
50183
50688
|
// ../../components/Desktop/Desktop.tsx
|
|
50184
50689
|
import {
|
|
50185
|
-
useEffect as
|
|
50186
|
-
useRef as
|
|
50187
|
-
useState as
|
|
50690
|
+
useEffect as useEffect68,
|
|
50691
|
+
useRef as useRef61,
|
|
50692
|
+
useState as useState89
|
|
50188
50693
|
} from "react";
|
|
50189
50694
|
|
|
50190
50695
|
// ../../components/DesktopDock/DesktopDock.tsx
|
|
50191
50696
|
import {
|
|
50192
|
-
useEffect as
|
|
50193
|
-
useRef as
|
|
50194
|
-
useState as
|
|
50697
|
+
useEffect as useEffect66,
|
|
50698
|
+
useRef as useRef59,
|
|
50699
|
+
useState as useState87
|
|
50195
50700
|
} from "react";
|
|
50196
50701
|
|
|
50197
50702
|
// ../../components/DesktopIcon/DesktopIcon.module.css
|
|
50198
50703
|
var DesktopIcon_default = {"icon":"opus_Aw_c1o_icon","label":"opus_Aw_c1o_label","root":"opus_Aw_c1o_root"};
|
|
50199
50704
|
|
|
50200
50705
|
// ../../components/DesktopIcon/DesktopIcon.tsx
|
|
50201
|
-
import { jsx as
|
|
50706
|
+
import { jsx as jsx184, jsxs as jsxs147 } from "react/jsx-runtime";
|
|
50202
50707
|
function DesktopIcon({
|
|
50203
50708
|
active,
|
|
50204
50709
|
className,
|
|
@@ -50210,7 +50715,7 @@ function DesktopIcon({
|
|
|
50210
50715
|
selected,
|
|
50211
50716
|
tone = "purple"
|
|
50212
50717
|
}) {
|
|
50213
|
-
return /* @__PURE__ */
|
|
50718
|
+
return /* @__PURE__ */ jsxs147(
|
|
50214
50719
|
"button",
|
|
50215
50720
|
{
|
|
50216
50721
|
"aria-label": `Open ${label}`,
|
|
@@ -50228,18 +50733,18 @@ function DesktopIcon({
|
|
|
50228
50733
|
},
|
|
50229
50734
|
type: "button",
|
|
50230
50735
|
children: [
|
|
50231
|
-
/* @__PURE__ */
|
|
50232
|
-
/* @__PURE__ */
|
|
50736
|
+
/* @__PURE__ */ jsx184("span", { "aria-hidden": "true", className: DesktopIcon_default.icon, children: /* @__PURE__ */ jsx184(CatalogIcon, { iconName: icon }) }),
|
|
50737
|
+
/* @__PURE__ */ jsx184("span", { className: DesktopIcon_default.label, children: label })
|
|
50233
50738
|
]
|
|
50234
50739
|
}
|
|
50235
50740
|
);
|
|
50236
50741
|
}
|
|
50237
50742
|
|
|
50238
50743
|
// ../../components/DesktopDock/DesktopDock.module.css
|
|
50239
|
-
var DesktopDock_default = {"
|
|
50744
|
+
var DesktopDock_default = {"resizeHandle":"opus_2rzXpn_resizeHandle","indicator":"opus_2rzXpn_indicator","item":"opus_2rzXpn_item","root":"opus_2rzXpn_root"};
|
|
50240
50745
|
|
|
50241
50746
|
// ../../components/DesktopDock/DesktopDock.tsx
|
|
50242
|
-
import { jsx as
|
|
50747
|
+
import { jsx as jsx185, jsxs as jsxs148 } from "react/jsx-runtime";
|
|
50243
50748
|
function DesktopDock({
|
|
50244
50749
|
autoHide = false,
|
|
50245
50750
|
className,
|
|
@@ -50252,15 +50757,15 @@ function DesktopDock({
|
|
|
50252
50757
|
resizable = true,
|
|
50253
50758
|
size: controlledSize
|
|
50254
50759
|
}) {
|
|
50255
|
-
const [internalSize, setInternalSize] =
|
|
50760
|
+
const [internalSize, setInternalSize] = useState87(40);
|
|
50256
50761
|
const size = controlledSize != null ? controlledSize : internalSize;
|
|
50257
|
-
const dragRef =
|
|
50762
|
+
const dragRef = useRef59(null);
|
|
50258
50763
|
const setSize = (next) => {
|
|
50259
50764
|
const bounded = Math.max(minSize, Math.min(maxSize, Math.round(next)));
|
|
50260
50765
|
if (controlledSize === void 0) setInternalSize(bounded);
|
|
50261
50766
|
onSizeChange == null ? void 0 : onSizeChange(bounded);
|
|
50262
50767
|
};
|
|
50263
|
-
|
|
50768
|
+
useEffect66(() => {
|
|
50264
50769
|
const move = (event) => {
|
|
50265
50770
|
const drag = dragRef.current;
|
|
50266
50771
|
if (!drag) return;
|
|
@@ -50285,7 +50790,7 @@ function DesktopDock({
|
|
|
50285
50790
|
event.stopPropagation();
|
|
50286
50791
|
dragRef.current = { origin: size, startX: event.clientX, startY: event.clientY };
|
|
50287
50792
|
};
|
|
50288
|
-
return /* @__PURE__ */
|
|
50793
|
+
return /* @__PURE__ */ jsxs148(
|
|
50289
50794
|
"nav",
|
|
50290
50795
|
{
|
|
50291
50796
|
"aria-label": "Desktop dock",
|
|
@@ -50294,7 +50799,7 @@ function DesktopDock({
|
|
|
50294
50799
|
"data-position": position,
|
|
50295
50800
|
style: { "--desktop-dock-size": `${size}px` },
|
|
50296
50801
|
children: [
|
|
50297
|
-
resizable ? /* @__PURE__ */
|
|
50802
|
+
resizable ? /* @__PURE__ */ jsx185(
|
|
50298
50803
|
"div",
|
|
50299
50804
|
{
|
|
50300
50805
|
"aria-label": "Resize desktop dock",
|
|
@@ -50312,14 +50817,14 @@ function DesktopDock({
|
|
|
50312
50817
|
tabIndex: 0
|
|
50313
50818
|
}
|
|
50314
50819
|
) : null,
|
|
50315
|
-
items.map((item) => /* @__PURE__ */
|
|
50820
|
+
items.map((item) => /* @__PURE__ */ jsxs148(
|
|
50316
50821
|
"span",
|
|
50317
50822
|
{
|
|
50318
50823
|
className: DesktopDock_default.item,
|
|
50319
50824
|
"data-active": item.active || void 0,
|
|
50320
50825
|
onClick: () => onItemClick == null ? void 0 : onItemClick(item),
|
|
50321
50826
|
children: [
|
|
50322
|
-
/* @__PURE__ */
|
|
50827
|
+
/* @__PURE__ */ jsx185(
|
|
50323
50828
|
DesktopIcon,
|
|
50324
50829
|
{
|
|
50325
50830
|
active: item.active,
|
|
@@ -50329,7 +50834,7 @@ function DesktopDock({
|
|
|
50329
50834
|
tone: item.tone
|
|
50330
50835
|
}
|
|
50331
50836
|
),
|
|
50332
|
-
item.active ? /* @__PURE__ */
|
|
50837
|
+
item.active ? /* @__PURE__ */ jsx185(
|
|
50333
50838
|
"span",
|
|
50334
50839
|
{
|
|
50335
50840
|
"aria-hidden": "true",
|
|
@@ -50348,16 +50853,16 @@ function DesktopDock({
|
|
|
50348
50853
|
|
|
50349
50854
|
// ../../components/DesktopWindow/DesktopWindow.tsx
|
|
50350
50855
|
import {
|
|
50351
|
-
useEffect as
|
|
50352
|
-
useRef as
|
|
50353
|
-
useState as
|
|
50856
|
+
useEffect as useEffect67,
|
|
50857
|
+
useRef as useRef60,
|
|
50858
|
+
useState as useState88
|
|
50354
50859
|
} from "react";
|
|
50355
50860
|
|
|
50356
50861
|
// ../../components/DesktopWindow/DesktopWindow.module.css
|
|
50357
|
-
var DesktopWindow_default = {"desktop-window-
|
|
50862
|
+
var DesktopWindow_default = {"desktop-window-close":"opus_o4H-Ol_desktop-window-close","desktop-window-restore-bottom":"opus_o4H-Ol_desktop-window-restore-bottom","controls":"opus_o4H-Ol_controls","maximize":"opus_o4H-Ol_maximize","root":"opus_o4H-Ol_root","body":"opus_o4H-Ol_body","desktop-window-open":"opus_o4H-Ol_desktop-window-open","desktop-window-activate":"opus_o4H-Ol_desktop-window-activate","title":"opus_o4H-Ol_title","close":"opus_o4H-Ol_close","resize":"opus_o4H-Ol_resize","minimize":"opus_o4H-Ol_minimize","desktop-window-restore-left":"opus_o4H-Ol_desktop-window-restore-left","desktop-window-restore-right":"opus_o4H-Ol_desktop-window-restore-right","titlebar":"opus_o4H-Ol_titlebar"};
|
|
50358
50863
|
|
|
50359
50864
|
// ../../components/DesktopWindow/DesktopWindow.tsx
|
|
50360
|
-
import { jsx as
|
|
50865
|
+
import { jsx as jsx186, jsxs as jsxs149 } from "react/jsx-runtime";
|
|
50361
50866
|
var fallbackRect = { height: 330, width: 520, x: 130, y: 70 };
|
|
50362
50867
|
function DesktopWindow({
|
|
50363
50868
|
active,
|
|
@@ -50380,16 +50885,16 @@ function DesktopWindow({
|
|
|
50380
50885
|
tone = "purple",
|
|
50381
50886
|
zIndex = 1
|
|
50382
50887
|
}) {
|
|
50383
|
-
const [closing, setClosing] =
|
|
50384
|
-
const [entering, setEntering] =
|
|
50385
|
-
const [internalRect, setInternalRect] =
|
|
50386
|
-
const [motion, setMotion] =
|
|
50387
|
-
const [present, setPresent] =
|
|
50888
|
+
const [closing, setClosing] = useState88(false);
|
|
50889
|
+
const [entering, setEntering] = useState88(open && !minimized);
|
|
50890
|
+
const [internalRect, setInternalRect] = useState88(defaultRect);
|
|
50891
|
+
const [motion, setMotion] = useState88("idle");
|
|
50892
|
+
const [present, setPresent] = useState88(open && !minimized);
|
|
50388
50893
|
const rect = controlledRect != null ? controlledRect : internalRect;
|
|
50389
|
-
const rootRef =
|
|
50390
|
-
const sessionRef =
|
|
50391
|
-
const dragLockRef =
|
|
50392
|
-
const selectionStyleRef =
|
|
50894
|
+
const rootRef = useRef60(null);
|
|
50895
|
+
const sessionRef = useRef60(null);
|
|
50896
|
+
const dragLockRef = useRef60(false);
|
|
50897
|
+
const selectionStyleRef = useRef60(null);
|
|
50393
50898
|
const lockSelection = () => {
|
|
50394
50899
|
var _a2;
|
|
50395
50900
|
dragLockRef.current = true;
|
|
@@ -50440,7 +50945,7 @@ function DesktopWindow({
|
|
|
50440
50945
|
sessionRef.current = null;
|
|
50441
50946
|
unlockSelection();
|
|
50442
50947
|
};
|
|
50443
|
-
|
|
50948
|
+
useEffect67(() => {
|
|
50444
50949
|
let timer;
|
|
50445
50950
|
if (open) {
|
|
50446
50951
|
setClosing(false);
|
|
@@ -50459,7 +50964,7 @@ function DesktopWindow({
|
|
|
50459
50964
|
if (timer) clearTimeout(timer);
|
|
50460
50965
|
};
|
|
50461
50966
|
}, [open]);
|
|
50462
|
-
|
|
50967
|
+
useEffect67(() => {
|
|
50463
50968
|
let timer;
|
|
50464
50969
|
if (!open) return;
|
|
50465
50970
|
if (minimized) {
|
|
@@ -50475,7 +50980,7 @@ function DesktopWindow({
|
|
|
50475
50980
|
if (timer) clearTimeout(timer);
|
|
50476
50981
|
};
|
|
50477
50982
|
}, [minimized, open]);
|
|
50478
|
-
|
|
50983
|
+
useEffect67(() => {
|
|
50479
50984
|
const move = (event) => {
|
|
50480
50985
|
var _a2, _b2, _c2;
|
|
50481
50986
|
const session = sessionRef.current;
|
|
@@ -50535,7 +51040,7 @@ function DesktopWindow({
|
|
|
50535
51040
|
window.removeEventListener("pointercancel", finishInteraction);
|
|
50536
51041
|
};
|
|
50537
51042
|
});
|
|
50538
|
-
|
|
51043
|
+
useEffect67(() => () => {
|
|
50539
51044
|
unlockSelection();
|
|
50540
51045
|
}, []);
|
|
50541
51046
|
if (!present) return null;
|
|
@@ -50580,7 +51085,7 @@ function DesktopWindow({
|
|
|
50580
51085
|
};
|
|
50581
51086
|
};
|
|
50582
51087
|
const style = maximized ? { height: "100%", left: 0, top: 0, width: "100%", zIndex } : { height: rect.height, left: rect.x, top: rect.y, width: rect.width, zIndex };
|
|
50583
|
-
return /* @__PURE__ */
|
|
51088
|
+
return /* @__PURE__ */ jsxs149(
|
|
50584
51089
|
"article",
|
|
50585
51090
|
{
|
|
50586
51091
|
"aria-label": `${title} window`,
|
|
@@ -50598,25 +51103,25 @@ function DesktopWindow({
|
|
|
50598
51103
|
ref: rootRef,
|
|
50599
51104
|
style,
|
|
50600
51105
|
children: [
|
|
50601
|
-
/* @__PURE__ */
|
|
50602
|
-
/* @__PURE__ */
|
|
50603
|
-
/* @__PURE__ */
|
|
50604
|
-
/* @__PURE__ */
|
|
50605
|
-
/* @__PURE__ */
|
|
51106
|
+
/* @__PURE__ */ jsxs149("header", { className: DesktopWindow_default.titlebar, onDoubleClick: () => onMaximize == null ? void 0 : onMaximize(!maximized), onPointerDown: startMove, children: [
|
|
51107
|
+
/* @__PURE__ */ jsxs149("div", { "aria-label": "Window controls", className: DesktopWindow_default.controls, children: [
|
|
51108
|
+
/* @__PURE__ */ jsx186("button", { "aria-label": `Close ${title}`, className: DesktopWindow_default.close, onClick: onClose, type: "button", children: /* @__PURE__ */ jsx186(CatalogIcon, { iconName: "xmark" }) }),
|
|
51109
|
+
/* @__PURE__ */ jsx186("button", { "aria-label": `Minimize ${title}`, className: DesktopWindow_default.minimize, onClick: onMinimize, type: "button", children: /* @__PURE__ */ jsx186(CatalogIcon, { iconName: "minus" }) }),
|
|
51110
|
+
/* @__PURE__ */ jsx186(
|
|
50606
51111
|
"button",
|
|
50607
51112
|
{
|
|
50608
51113
|
"aria-label": `${maximized ? "Restore" : "Maximize"} ${title}`,
|
|
50609
51114
|
className: DesktopWindow_default.maximize,
|
|
50610
51115
|
onClick: () => onMaximize == null ? void 0 : onMaximize(!maximized),
|
|
50611
51116
|
type: "button",
|
|
50612
|
-
children: /* @__PURE__ */
|
|
51117
|
+
children: /* @__PURE__ */ jsx186(CatalogIcon, { iconName: maximized ? "down-left-and-up-right-to-center" : "expand" })
|
|
50613
51118
|
}
|
|
50614
51119
|
)
|
|
50615
51120
|
] }),
|
|
50616
|
-
/* @__PURE__ */
|
|
51121
|
+
/* @__PURE__ */ jsx186("div", { className: DesktopWindow_default.title, children: /* @__PURE__ */ jsx186("span", { children: title }) })
|
|
50617
51122
|
] }),
|
|
50618
|
-
/* @__PURE__ */
|
|
50619
|
-
["n", "ne", "e", "se", "s", "sw", "w", "nw"].map((edge) => /* @__PURE__ */
|
|
51123
|
+
/* @__PURE__ */ jsx186("div", { className: DesktopWindow_default.body, children }),
|
|
51124
|
+
["n", "ne", "e", "se", "s", "sw", "w", "nw"].map((edge) => /* @__PURE__ */ jsx186(
|
|
50620
51125
|
"span",
|
|
50621
51126
|
{
|
|
50622
51127
|
"aria-hidden": "true",
|
|
@@ -50632,10 +51137,10 @@ function DesktopWindow({
|
|
|
50632
51137
|
}
|
|
50633
51138
|
|
|
50634
51139
|
// ../../components/Desktop/Desktop.module.css
|
|
50635
|
-
var Desktop_default = {"
|
|
51140
|
+
var Desktop_default = {"root":"opus_x1XVZi_root","shortcuts":"opus_x1XVZi_shortcuts","shortcut":"opus_x1XVZi_shortcut"};
|
|
50636
51141
|
|
|
50637
51142
|
// ../../components/Desktop/Desktop.tsx
|
|
50638
|
-
import { jsx as
|
|
51143
|
+
import { jsx as jsx187, jsxs as jsxs150 } from "react/jsx-runtime";
|
|
50639
51144
|
function Desktop({
|
|
50640
51145
|
className,
|
|
50641
51146
|
dockItems = [],
|
|
@@ -50650,9 +51155,9 @@ function Desktop({
|
|
|
50650
51155
|
windows = []
|
|
50651
51156
|
}) {
|
|
50652
51157
|
var _a2;
|
|
50653
|
-
const [items, setItems] =
|
|
50654
|
-
const [selectedShortcut, setSelectedShortcut] =
|
|
50655
|
-
const [shortcutPositions, setShortcutPositions] =
|
|
51158
|
+
const [items, setItems] = useState89(windows);
|
|
51159
|
+
const [selectedShortcut, setSelectedShortcut] = useState89(null);
|
|
51160
|
+
const [shortcutPositions, setShortcutPositions] = useState89(
|
|
50656
51161
|
() => Object.fromEntries(
|
|
50657
51162
|
shortcuts.map((shortcut, index) => {
|
|
50658
51163
|
var _a3, _b2;
|
|
@@ -50663,9 +51168,9 @@ function Desktop({
|
|
|
50663
51168
|
})
|
|
50664
51169
|
)
|
|
50665
51170
|
);
|
|
50666
|
-
const rootRef =
|
|
50667
|
-
const shortcutDragRef =
|
|
50668
|
-
const suppressShortcutOpenRef =
|
|
51171
|
+
const rootRef = useRef61(null);
|
|
51172
|
+
const shortcutDragRef = useRef61(null);
|
|
51173
|
+
const suppressShortcutOpenRef = useRef61(null);
|
|
50669
51174
|
const maxZ = Math.max(1, ...items.map((item) => {
|
|
50670
51175
|
var _a3;
|
|
50671
51176
|
return (_a3 = item.zIndex) != null ? _a3 : 1;
|
|
@@ -50687,7 +51192,7 @@ function Desktop({
|
|
|
50687
51192
|
update(id, { minimized: false, open: true, tone, zIndex: maxZ + 1 });
|
|
50688
51193
|
onAction == null ? void 0 : onAction("open", id);
|
|
50689
51194
|
};
|
|
50690
|
-
|
|
51195
|
+
useEffect68(() => {
|
|
50691
51196
|
const move = (event) => {
|
|
50692
51197
|
const drag = shortcutDragRef.current;
|
|
50693
51198
|
const root = rootRef.current;
|
|
@@ -50718,7 +51223,7 @@ function Desktop({
|
|
|
50718
51223
|
window.removeEventListener("pointercancel", end);
|
|
50719
51224
|
};
|
|
50720
51225
|
}, []);
|
|
50721
|
-
|
|
51226
|
+
useEffect68(() => {
|
|
50722
51227
|
setItems((current) => {
|
|
50723
51228
|
const existingIds = new Set(current.map((item) => item.id));
|
|
50724
51229
|
const additions = windows.filter((item) => !existingIds.has(item.id));
|
|
@@ -50754,7 +51259,7 @@ function Desktop({
|
|
|
50754
51259
|
startY: event.clientY
|
|
50755
51260
|
};
|
|
50756
51261
|
};
|
|
50757
|
-
return /* @__PURE__ */
|
|
51262
|
+
return /* @__PURE__ */ jsxs150(
|
|
50758
51263
|
"section",
|
|
50759
51264
|
{
|
|
50760
51265
|
"aria-label": "Desktop",
|
|
@@ -50767,17 +51272,17 @@ function Desktop({
|
|
|
50767
51272
|
},
|
|
50768
51273
|
ref: rootRef,
|
|
50769
51274
|
children: [
|
|
50770
|
-
/* @__PURE__ */
|
|
51275
|
+
/* @__PURE__ */ jsx187("div", { className: Desktop_default.shortcuts, "aria-label": "Desktop shortcuts", children: shortcuts.map((shortcut) => {
|
|
50771
51276
|
var _a3;
|
|
50772
51277
|
const position = (_a3 = shortcutPositions[shortcut.id]) != null ? _a3 : { x: 14, y: 18 };
|
|
50773
|
-
return /* @__PURE__ */
|
|
51278
|
+
return /* @__PURE__ */ jsx187(
|
|
50774
51279
|
"div",
|
|
50775
51280
|
{
|
|
50776
51281
|
className: Desktop_default.shortcut,
|
|
50777
51282
|
onDragStart: (event) => event.preventDefault(),
|
|
50778
51283
|
onPointerDown: startShortcutDrag(shortcut),
|
|
50779
51284
|
style: { transform: `translate3d(${position.x}px, ${position.y}px, 0)` },
|
|
50780
|
-
children: /* @__PURE__ */
|
|
51285
|
+
children: /* @__PURE__ */ jsx187(
|
|
50781
51286
|
DesktopIcon,
|
|
50782
51287
|
{
|
|
50783
51288
|
icon: shortcut.icon,
|
|
@@ -50801,7 +51306,7 @@ function Desktop({
|
|
|
50801
51306
|
}) }),
|
|
50802
51307
|
items.map((item) => {
|
|
50803
51308
|
var _a3, _b2;
|
|
50804
|
-
return /* @__PURE__ */
|
|
51309
|
+
return /* @__PURE__ */ jsx187(
|
|
50805
51310
|
DesktopWindow,
|
|
50806
51311
|
{
|
|
50807
51312
|
active: item.id === activeId,
|
|
@@ -50833,7 +51338,7 @@ function Desktop({
|
|
|
50833
51338
|
item.id
|
|
50834
51339
|
);
|
|
50835
51340
|
}),
|
|
50836
|
-
/* @__PURE__ */
|
|
51341
|
+
/* @__PURE__ */ jsx187(
|
|
50837
51342
|
DesktopDock,
|
|
50838
51343
|
{
|
|
50839
51344
|
autoHide: dockAutoHide,
|
|
@@ -50875,39 +51380,39 @@ var demoVideoTracks = [
|
|
|
50875
51380
|
];
|
|
50876
51381
|
|
|
50877
51382
|
// ../../components/DesktopLab/DesktopLab.module.css
|
|
50878
|
-
var DesktopLab_default = {"
|
|
51383
|
+
var DesktopLab_default = {"contacts":"opus_dES1xR_contacts","explorer":"opus_dES1xR_explorer","activity":"opus_dES1xR_activity","contactAvatar":"opus_dES1xR_contactAvatar","settingsList":"opus_dES1xR_settingsList","settings":"opus_dES1xR_settings","video":"opus_dES1xR_video","files":"opus_dES1xR_files","contactList":"opus_dES1xR_contactList"};
|
|
50879
51384
|
|
|
50880
51385
|
// ../../components/DesktopLab/DesktopLab.tsx
|
|
50881
|
-
import { jsx as
|
|
51386
|
+
import { jsx as jsx188, jsxs as jsxs151 } from "react/jsx-runtime";
|
|
50882
51387
|
function ExplorerContent({ onAction }) {
|
|
50883
|
-
return /* @__PURE__ */
|
|
50884
|
-
/* @__PURE__ */
|
|
50885
|
-
/* @__PURE__ */
|
|
51388
|
+
return /* @__PURE__ */ jsxs151("div", { className: DesktopLab_default.explorer, children: [
|
|
51389
|
+
/* @__PURE__ */ jsx188("aside", { children: ["Home", "Documents", "Pictures", "Shared"].map((label) => /* @__PURE__ */ jsxs151("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${label}`), type: "button", children: [
|
|
51390
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "folder" }),
|
|
50886
51391
|
label
|
|
50887
51392
|
] }, label)) }),
|
|
50888
|
-
/* @__PURE__ */
|
|
50889
|
-
/* @__PURE__ */
|
|
50890
|
-
/* @__PURE__ */
|
|
50891
|
-
/* @__PURE__ */
|
|
50892
|
-
/* @__PURE__ */
|
|
51393
|
+
/* @__PURE__ */ jsxs151("main", { children: [
|
|
51394
|
+
/* @__PURE__ */ jsx188("h2", { children: "Recent documents" }),
|
|
51395
|
+
/* @__PURE__ */ jsx188("div", { className: DesktopLab_default.files, children: ["CRM brief.pdf", "Q3 forecast.xlsx", "Brand assets", "Customer notes.docx"].map((name, index) => /* @__PURE__ */ jsxs151("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${name}`), type: "button", children: [
|
|
51396
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: index === 2 ? "folder" : "file-lines" }),
|
|
51397
|
+
/* @__PURE__ */ jsx188("span", { children: name })
|
|
50893
51398
|
] }, name)) })
|
|
50894
51399
|
] })
|
|
50895
51400
|
] });
|
|
50896
51401
|
}
|
|
50897
51402
|
function ActivityContent({ onAction }) {
|
|
50898
|
-
return /* @__PURE__ */
|
|
50899
|
-
/* @__PURE__ */
|
|
51403
|
+
return /* @__PURE__ */ jsxs151("div", { className: DesktopLab_default.activity, children: [
|
|
51404
|
+
/* @__PURE__ */ jsx188("h2", { children: "Activity" }),
|
|
50900
51405
|
[
|
|
50901
51406
|
["Emma Davis", "Proposal approved", "success"],
|
|
50902
51407
|
["Michael Brown", "New task assigned", "accent"],
|
|
50903
51408
|
["Olivia Wilson", "Invoice needs review", "warning"]
|
|
50904
|
-
].map(([name, detail, tone]) => /* @__PURE__ */
|
|
50905
|
-
/* @__PURE__ */
|
|
50906
|
-
/* @__PURE__ */
|
|
50907
|
-
/* @__PURE__ */
|
|
50908
|
-
/* @__PURE__ */
|
|
51409
|
+
].map(([name, detail, tone]) => /* @__PURE__ */ jsxs151("button", { onClick: () => onAction == null ? void 0 : onAction(`Open activity for ${name}`), type: "button", children: [
|
|
51410
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "bell" }),
|
|
51411
|
+
/* @__PURE__ */ jsxs151("span", { children: [
|
|
51412
|
+
/* @__PURE__ */ jsx188("strong", { children: name }),
|
|
51413
|
+
/* @__PURE__ */ jsx188("small", { children: detail })
|
|
50909
51414
|
] }),
|
|
50910
|
-
/* @__PURE__ */
|
|
51415
|
+
/* @__PURE__ */ jsx188(Badge, { label: "Open", size: "sm", tone })
|
|
50911
51416
|
] }, name))
|
|
50912
51417
|
] });
|
|
50913
51418
|
}
|
|
@@ -50918,21 +51423,21 @@ function SettingsContent({ onAction }) {
|
|
|
50918
51423
|
{ detail: "Privacy and account protection", icon: "shield-halved", id: "privacy", label: "Privacy & Security" },
|
|
50919
51424
|
{ detail: "Keyboard, display and accessibility", icon: "universal-access", id: "accessibility", label: "Accessibility" }
|
|
50920
51425
|
];
|
|
50921
|
-
return /* @__PURE__ */
|
|
50922
|
-
/* @__PURE__ */
|
|
50923
|
-
/* @__PURE__ */
|
|
50924
|
-
/* @__PURE__ */
|
|
51426
|
+
return /* @__PURE__ */ jsxs151("div", { className: DesktopLab_default.settings, children: [
|
|
51427
|
+
/* @__PURE__ */ jsx188("h2", { children: "Settings" }),
|
|
51428
|
+
/* @__PURE__ */ jsx188("p", { children: "Choose an area to configure your workspace." }),
|
|
51429
|
+
/* @__PURE__ */ jsx188("div", { className: DesktopLab_default.settingsList, children: settings.map((setting) => /* @__PURE__ */ jsxs151(
|
|
50925
51430
|
"button",
|
|
50926
51431
|
{
|
|
50927
51432
|
onClick: () => onAction == null ? void 0 : onAction(`Open ${setting.label} settings`),
|
|
50928
51433
|
type: "button",
|
|
50929
51434
|
children: [
|
|
50930
|
-
/* @__PURE__ */
|
|
50931
|
-
/* @__PURE__ */
|
|
50932
|
-
/* @__PURE__ */
|
|
50933
|
-
/* @__PURE__ */
|
|
51435
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: setting.icon }),
|
|
51436
|
+
/* @__PURE__ */ jsxs151("span", { children: [
|
|
51437
|
+
/* @__PURE__ */ jsx188("strong", { children: setting.label }),
|
|
51438
|
+
/* @__PURE__ */ jsx188("small", { children: setting.detail })
|
|
50934
51439
|
] }),
|
|
50935
|
-
/* @__PURE__ */
|
|
51440
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "chevron-right" })
|
|
50936
51441
|
]
|
|
50937
51442
|
},
|
|
50938
51443
|
setting.id
|
|
@@ -50946,30 +51451,30 @@ function ContactsContent({ onAction }) {
|
|
|
50946
51451
|
{ company: "Global Corp", initials: "OW", name: "Olivia Wilson", status: "Away" },
|
|
50947
51452
|
{ company: "Northstar", initials: "NP", name: "Noah Patel", status: "Online" }
|
|
50948
51453
|
];
|
|
50949
|
-
return /* @__PURE__ */
|
|
50950
|
-
/* @__PURE__ */
|
|
50951
|
-
/* @__PURE__ */
|
|
50952
|
-
/* @__PURE__ */
|
|
50953
|
-
/* @__PURE__ */
|
|
51454
|
+
return /* @__PURE__ */ jsxs151("div", { className: DesktopLab_default.contacts, children: [
|
|
51455
|
+
/* @__PURE__ */ jsxs151("header", { children: [
|
|
51456
|
+
/* @__PURE__ */ jsxs151("div", { children: [
|
|
51457
|
+
/* @__PURE__ */ jsx188("h2", { children: "Contacts" }),
|
|
51458
|
+
/* @__PURE__ */ jsx188("p", { children: "Your recent CRM contacts." })
|
|
50954
51459
|
] }),
|
|
50955
|
-
/* @__PURE__ */
|
|
50956
|
-
/* @__PURE__ */
|
|
51460
|
+
/* @__PURE__ */ jsxs151("button", { onClick: () => onAction == null ? void 0 : onAction("Add contact"), type: "button", children: [
|
|
51461
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "plus" }),
|
|
50957
51462
|
"Add contact"
|
|
50958
51463
|
] })
|
|
50959
51464
|
] }),
|
|
50960
|
-
/* @__PURE__ */
|
|
51465
|
+
/* @__PURE__ */ jsx188("div", { className: DesktopLab_default.contactList, children: contacts.map((contact) => /* @__PURE__ */ jsxs151(
|
|
50961
51466
|
"button",
|
|
50962
51467
|
{
|
|
50963
51468
|
onClick: () => onAction == null ? void 0 : onAction(`Open contact ${contact.name}`),
|
|
50964
51469
|
type: "button",
|
|
50965
51470
|
children: [
|
|
50966
|
-
/* @__PURE__ */
|
|
50967
|
-
/* @__PURE__ */
|
|
50968
|
-
/* @__PURE__ */
|
|
50969
|
-
/* @__PURE__ */
|
|
51471
|
+
/* @__PURE__ */ jsx188("span", { className: DesktopLab_default.contactAvatar, children: contact.initials }),
|
|
51472
|
+
/* @__PURE__ */ jsxs151("span", { children: [
|
|
51473
|
+
/* @__PURE__ */ jsx188("strong", { children: contact.name }),
|
|
51474
|
+
/* @__PURE__ */ jsx188("small", { children: contact.company })
|
|
50970
51475
|
] }),
|
|
50971
|
-
/* @__PURE__ */
|
|
50972
|
-
/* @__PURE__ */
|
|
51476
|
+
/* @__PURE__ */ jsx188("small", { children: contact.status }),
|
|
51477
|
+
/* @__PURE__ */ jsx188(CatalogIcon, { iconName: "chevron-right" })
|
|
50973
51478
|
]
|
|
50974
51479
|
},
|
|
50975
51480
|
contact.name
|
|
@@ -50977,7 +51482,7 @@ function ContactsContent({ onAction }) {
|
|
|
50977
51482
|
] });
|
|
50978
51483
|
}
|
|
50979
51484
|
function VideoContent({ onAction }) {
|
|
50980
|
-
return /* @__PURE__ */
|
|
51485
|
+
return /* @__PURE__ */ jsx188("div", { className: DesktopLab_default.video, children: /* @__PURE__ */ jsx188(
|
|
50981
51486
|
VideoPlayer,
|
|
50982
51487
|
{
|
|
50983
51488
|
edgeToEdge: true,
|
|
@@ -50996,7 +51501,7 @@ function DesktopLab({
|
|
|
50996
51501
|
}) {
|
|
50997
51502
|
const apps = [
|
|
50998
51503
|
{
|
|
50999
|
-
content: /* @__PURE__ */
|
|
51504
|
+
content: /* @__PURE__ */ jsx188(ExplorerContent, { onAction }),
|
|
51000
51505
|
dock: true,
|
|
51001
51506
|
icon: "folder-open",
|
|
51002
51507
|
id: "files",
|
|
@@ -51008,7 +51513,7 @@ function DesktopLab({
|
|
|
51008
51513
|
zIndex: 2
|
|
51009
51514
|
},
|
|
51010
51515
|
{
|
|
51011
|
-
content: /* @__PURE__ */
|
|
51516
|
+
content: /* @__PURE__ */ jsx188(ActivityContent, { onAction }),
|
|
51012
51517
|
dock: true,
|
|
51013
51518
|
icon: "bell",
|
|
51014
51519
|
id: "activity",
|
|
@@ -51019,7 +51524,7 @@ function DesktopLab({
|
|
|
51019
51524
|
zIndex: 3
|
|
51020
51525
|
},
|
|
51021
51526
|
{
|
|
51022
|
-
content: /* @__PURE__ */
|
|
51527
|
+
content: /* @__PURE__ */ jsx188(SettingsContent, { onAction }),
|
|
51023
51528
|
dock: true,
|
|
51024
51529
|
icon: "gear",
|
|
51025
51530
|
id: "settings",
|
|
@@ -51031,7 +51536,7 @@ function DesktopLab({
|
|
|
51031
51536
|
zIndex: 4
|
|
51032
51537
|
},
|
|
51033
51538
|
{
|
|
51034
|
-
content: /* @__PURE__ */
|
|
51539
|
+
content: /* @__PURE__ */ jsx188(ContactsContent, { onAction }),
|
|
51035
51540
|
dock: true,
|
|
51036
51541
|
icon: "users",
|
|
51037
51542
|
id: "contacts",
|
|
@@ -51043,7 +51548,7 @@ function DesktopLab({
|
|
|
51043
51548
|
zIndex: 5
|
|
51044
51549
|
},
|
|
51045
51550
|
{
|
|
51046
|
-
content: /* @__PURE__ */
|
|
51551
|
+
content: /* @__PURE__ */ jsx188(VideoContent, { onAction }),
|
|
51047
51552
|
dock: true,
|
|
51048
51553
|
icon: "circle-play",
|
|
51049
51554
|
id: "video",
|
|
@@ -51065,7 +51570,7 @@ function DesktopLab({
|
|
|
51065
51570
|
tone: app.tone,
|
|
51066
51571
|
zIndex: app.zIndex
|
|
51067
51572
|
}));
|
|
51068
|
-
return /* @__PURE__ */
|
|
51573
|
+
return /* @__PURE__ */ jsx188(
|
|
51069
51574
|
Desktop,
|
|
51070
51575
|
{
|
|
51071
51576
|
dockAutoHide,
|
|
@@ -51092,11 +51597,11 @@ function DesktopLab({
|
|
|
51092
51597
|
|
|
51093
51598
|
// ../../components/FontPicker/FontPicker.tsx
|
|
51094
51599
|
import {
|
|
51095
|
-
useCallback as
|
|
51096
|
-
useEffect as
|
|
51097
|
-
useMemo as
|
|
51098
|
-
useRef as
|
|
51099
|
-
useState as
|
|
51600
|
+
useCallback as useCallback35,
|
|
51601
|
+
useEffect as useEffect69,
|
|
51602
|
+
useMemo as useMemo51,
|
|
51603
|
+
useRef as useRef62,
|
|
51604
|
+
useState as useState90
|
|
51100
51605
|
} from "react";
|
|
51101
51606
|
import { faRotateLeft as faRotateLeft3 } from "@fortawesome/free-solid-svg-icons";
|
|
51102
51607
|
import { FontAwesomeIcon as FontAwesomeIcon18 } from "@fortawesome/react-fontawesome";
|
|
@@ -51211,10 +51716,10 @@ var googleFonts = [
|
|
|
51211
51716
|
];
|
|
51212
51717
|
|
|
51213
51718
|
// ../../components/FontPicker/FontPicker.module.css
|
|
51214
|
-
var FontPicker_default = {"
|
|
51719
|
+
var FontPicker_default = {"optionName":"opus_ub1fhz_optionName","triggerText":"opus_ub1fhz_triggerText","searchWrap":"opus_ub1fhz_searchWrap","options":"opus_ub1fhz_options","trigger":"opus_ub1fhz_trigger","fieldCompact":"opus_ub1fhz_fieldCompact","option":"opus_ub1fhz_option","reset":"opus_ub1fhz_reset","empty":"opus_ub1fhz_empty","picker":"opus_ub1fhz_picker","dropdown":"opus_ub1fhz_dropdown","optionPreview":"opus_ub1fhz_optionPreview","chevron":"opus_ub1fhz_chevron","label":"opus_ub1fhz_label","search":"opus_ub1fhz_search","field":"opus_ub1fhz_field"};
|
|
51215
51720
|
|
|
51216
51721
|
// ../../components/FontPicker/FontPicker.tsx
|
|
51217
|
-
import { jsx as
|
|
51722
|
+
import { jsx as jsx189, jsxs as jsxs152 } from "react/jsx-runtime";
|
|
51218
51723
|
var FONT_STORAGE_KEY = "opus-components-font";
|
|
51219
51724
|
var DEFAULT_FONT_FAMILY = "Space Grotesk";
|
|
51220
51725
|
var fontSet = new Set(googleFonts);
|
|
@@ -51262,8 +51767,8 @@ function applyDocumentFont(family) {
|
|
|
51262
51767
|
loadSelectedFont(family);
|
|
51263
51768
|
}
|
|
51264
51769
|
function useFontPreference() {
|
|
51265
|
-
const [fontFamily, setFontFamilyState] =
|
|
51266
|
-
|
|
51770
|
+
const [fontFamily, setFontFamilyState] = useState90(DEFAULT_FONT_FAMILY);
|
|
51771
|
+
useEffect69(() => {
|
|
51267
51772
|
const timeout = window.setTimeout(() => {
|
|
51268
51773
|
const stored = window.localStorage.getItem(FONT_STORAGE_KEY);
|
|
51269
51774
|
const initial = isGoogleFont(stored) ? stored : DEFAULT_FONT_FAMILY;
|
|
@@ -51272,7 +51777,7 @@ function useFontPreference() {
|
|
|
51272
51777
|
}, 0);
|
|
51273
51778
|
return () => window.clearTimeout(timeout);
|
|
51274
51779
|
}, []);
|
|
51275
|
-
const setFontFamily =
|
|
51780
|
+
const setFontFamily = useCallback35((next) => {
|
|
51276
51781
|
if (!isGoogleFont(next)) return;
|
|
51277
51782
|
setFontFamilyState(next);
|
|
51278
51783
|
applyDocumentFont(next);
|
|
@@ -51281,15 +51786,15 @@ function useFontPreference() {
|
|
|
51281
51786
|
return { fontFamily, setFontFamily };
|
|
51282
51787
|
}
|
|
51283
51788
|
function FontPicker({ compact = false, id, onChange, value }) {
|
|
51284
|
-
const [open, setOpen] =
|
|
51285
|
-
const [query, setQuery] =
|
|
51286
|
-
const rootRef =
|
|
51287
|
-
const searchRef =
|
|
51288
|
-
const filteredFonts =
|
|
51789
|
+
const [open, setOpen] = useState90(false);
|
|
51790
|
+
const [query, setQuery] = useState90("");
|
|
51791
|
+
const rootRef = useRef62(null);
|
|
51792
|
+
const searchRef = useRef62(null);
|
|
51793
|
+
const filteredFonts = useMemo51(() => {
|
|
51289
51794
|
const normalized = query.trim().toLocaleLowerCase();
|
|
51290
51795
|
return normalized ? googleFonts.filter((font) => font.toLocaleLowerCase().includes(normalized)) : googleFonts;
|
|
51291
51796
|
}, [query]);
|
|
51292
|
-
|
|
51797
|
+
useEffect69(() => {
|
|
51293
51798
|
var _a2;
|
|
51294
51799
|
if (!open) return;
|
|
51295
51800
|
loadFontLinks(googleFonts);
|
|
@@ -51308,10 +51813,10 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51308
51813
|
document.removeEventListener("keydown", closeOnEscape);
|
|
51309
51814
|
};
|
|
51310
51815
|
}, [open]);
|
|
51311
|
-
return /* @__PURE__ */
|
|
51312
|
-
compact ? null : /* @__PURE__ */
|
|
51313
|
-
/* @__PURE__ */
|
|
51314
|
-
/* @__PURE__ */
|
|
51816
|
+
return /* @__PURE__ */ jsxs152("div", { className: compact ? `${FontPicker_default.field} ${FontPicker_default.fieldCompact}` : FontPicker_default.field, ref: rootRef, children: [
|
|
51817
|
+
compact ? null : /* @__PURE__ */ jsx189("span", { className: FontPicker_default.label, children: "Font" }),
|
|
51818
|
+
/* @__PURE__ */ jsxs152("div", { className: FontPicker_default.picker, children: [
|
|
51819
|
+
/* @__PURE__ */ jsxs152(
|
|
51315
51820
|
"button",
|
|
51316
51821
|
{
|
|
51317
51822
|
"aria-controls": `${id}-options`,
|
|
@@ -51324,14 +51829,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51324
51829
|
type: "button",
|
|
51325
51830
|
onClick: () => setOpen((current) => !current),
|
|
51326
51831
|
children: [
|
|
51327
|
-
/* @__PURE__ */
|
|
51328
|
-
/* @__PURE__ */
|
|
51832
|
+
/* @__PURE__ */ jsx189("span", { className: FontPicker_default.triggerText, children: value }),
|
|
51833
|
+
/* @__PURE__ */ jsx189("span", { "aria-hidden": "true", className: FontPicker_default.chevron })
|
|
51329
51834
|
]
|
|
51330
51835
|
}
|
|
51331
51836
|
),
|
|
51332
|
-
open ? /* @__PURE__ */
|
|
51333
|
-
/* @__PURE__ */
|
|
51334
|
-
/* @__PURE__ */
|
|
51837
|
+
open ? /* @__PURE__ */ jsxs152("div", { className: FontPicker_default.dropdown, children: [
|
|
51838
|
+
/* @__PURE__ */ jsxs152("div", { className: FontPicker_default.searchWrap, children: [
|
|
51839
|
+
/* @__PURE__ */ jsx189(
|
|
51335
51840
|
"input",
|
|
51336
51841
|
{
|
|
51337
51842
|
"aria-label": "Search Google Fonts",
|
|
@@ -51343,7 +51848,7 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51343
51848
|
onChange: (event) => setQuery(event.target.value)
|
|
51344
51849
|
}
|
|
51345
51850
|
),
|
|
51346
|
-
value !== DEFAULT_FONT_FAMILY ? /* @__PURE__ */
|
|
51851
|
+
value !== DEFAULT_FONT_FAMILY ? /* @__PURE__ */ jsx189(
|
|
51347
51852
|
"button",
|
|
51348
51853
|
{
|
|
51349
51854
|
"aria-label": "Reset font",
|
|
@@ -51355,14 +51860,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51355
51860
|
setQuery("");
|
|
51356
51861
|
setOpen(false);
|
|
51357
51862
|
},
|
|
51358
|
-
children: /* @__PURE__ */
|
|
51863
|
+
children: /* @__PURE__ */ jsx189(FontAwesomeIcon18, { icon: faRotateLeft3 })
|
|
51359
51864
|
}
|
|
51360
51865
|
) : null
|
|
51361
51866
|
] }),
|
|
51362
|
-
/* @__PURE__ */
|
|
51867
|
+
/* @__PURE__ */ jsxs152("div", { "aria-label": "Google Fonts", className: FontPicker_default.options, id: `${id}-options`, role: "listbox", children: [
|
|
51363
51868
|
filteredFonts.map((font) => {
|
|
51364
51869
|
const selected = font === value;
|
|
51365
|
-
return /* @__PURE__ */
|
|
51870
|
+
return /* @__PURE__ */ jsxs152(
|
|
51366
51871
|
"button",
|
|
51367
51872
|
{
|
|
51368
51873
|
"aria-selected": selected,
|
|
@@ -51377,14 +51882,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51377
51882
|
setQuery("");
|
|
51378
51883
|
},
|
|
51379
51884
|
children: [
|
|
51380
|
-
/* @__PURE__ */
|
|
51381
|
-
/* @__PURE__ */
|
|
51885
|
+
/* @__PURE__ */ jsx189("span", { className: FontPicker_default.optionName, children: font }),
|
|
51886
|
+
/* @__PURE__ */ jsx189("span", { className: FontPicker_default.optionPreview, children: "The quick brown fox" })
|
|
51382
51887
|
]
|
|
51383
51888
|
},
|
|
51384
51889
|
font
|
|
51385
51890
|
);
|
|
51386
51891
|
}),
|
|
51387
|
-
filteredFonts.length === 0 ? /* @__PURE__ */
|
|
51892
|
+
filteredFonts.length === 0 ? /* @__PURE__ */ jsx189("p", { className: FontPicker_default.empty, children: "No matching fonts" }) : null
|
|
51388
51893
|
] })
|
|
51389
51894
|
] }) : null
|
|
51390
51895
|
] })
|
|
@@ -51393,22 +51898,22 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51393
51898
|
|
|
51394
51899
|
// ../../components/ColourClouds/ColourClouds.tsx
|
|
51395
51900
|
import {
|
|
51396
|
-
useEffect as
|
|
51901
|
+
useEffect as useEffect70,
|
|
51397
51902
|
useId as useId34,
|
|
51398
|
-
useLayoutEffect as
|
|
51399
|
-
useCallback as
|
|
51400
|
-
useRef as
|
|
51401
|
-
useState as
|
|
51903
|
+
useLayoutEffect as useLayoutEffect16,
|
|
51904
|
+
useCallback as useCallback36,
|
|
51905
|
+
useRef as useRef63,
|
|
51906
|
+
useState as useState91
|
|
51402
51907
|
} from "react";
|
|
51403
51908
|
import { createPortal as createPortal7 } from "react-dom";
|
|
51404
51909
|
import { faRotateLeft as faRotateLeft4 } from "@fortawesome/free-solid-svg-icons";
|
|
51405
51910
|
import { FontAwesomeIcon as FontAwesomeIcon19 } from "@fortawesome/react-fontawesome";
|
|
51406
51911
|
|
|
51407
51912
|
// ../../components/ColourClouds/ColourClouds.module.css
|
|
51408
|
-
var ColourClouds_default = {"
|
|
51913
|
+
var ColourClouds_default = {"label":"opus_mKFpa5_label","cloud":"opus_mKFpa5_cloud","control":"opus_mKFpa5_control","trigger":"opus_mKFpa5_trigger","menuMeta":"opus_mKFpa5_menuMeta","controlCompact":"opus_mKFpa5_controlCompact","dropdownBody":"opus_mKFpa5_dropdownBody","dropdown":"opus_mKFpa5_dropdown","triggerStatic":"opus_mKFpa5_triggerStatic","reset":"opus_mKFpa5_reset","menu":"opus_mKFpa5_menu","menuHex":"opus_mKFpa5_menuHex","menuRow":"opus_mKFpa5_menuRow","menuLabel":"opus_mKFpa5_menuLabel","dropdownTitle":"opus_mKFpa5_dropdownTitle","clouds":"opus_mKFpa5_clouds","menuSwatch":"opus_mKFpa5_menuSwatch","menuEmpty":"opus_mKFpa5_menuEmpty"};
|
|
51409
51914
|
|
|
51410
51915
|
// ../../components/ColourClouds/ColourClouds.tsx
|
|
51411
|
-
import { Fragment as
|
|
51916
|
+
import { Fragment as Fragment35, jsx as jsx190, jsxs as jsxs153 } from "react/jsx-runtime";
|
|
51412
51917
|
var COLOUR_CLOUDS_MAX = 5;
|
|
51413
51918
|
function normalizeCloud(raw, index) {
|
|
51414
51919
|
if (!raw || typeof raw !== "object") {
|
|
@@ -51466,12 +51971,12 @@ function serializeColourClouds(clouds) {
|
|
|
51466
51971
|
}
|
|
51467
51972
|
function ColourCloudsMenu({ clouds }) {
|
|
51468
51973
|
if (clouds.length === 0) {
|
|
51469
|
-
return /* @__PURE__ */
|
|
51974
|
+
return /* @__PURE__ */ jsx190("p", { className: ColourClouds_default.menuEmpty, children: "No colours" });
|
|
51470
51975
|
}
|
|
51471
|
-
return /* @__PURE__ */
|
|
51976
|
+
return /* @__PURE__ */ jsx190("ul", { className: ColourClouds_default.menu, children: clouds.map((cloud) => {
|
|
51472
51977
|
var _a2, _b2, _c2, _d2, _e2;
|
|
51473
|
-
return /* @__PURE__ */
|
|
51474
|
-
/* @__PURE__ */
|
|
51978
|
+
return /* @__PURE__ */ jsxs153("li", { className: ColourClouds_default.menuRow, children: [
|
|
51979
|
+
/* @__PURE__ */ jsx190(
|
|
51475
51980
|
"span",
|
|
51476
51981
|
{
|
|
51477
51982
|
"aria-hidden": "true",
|
|
@@ -51482,9 +51987,9 @@ function ColourCloudsMenu({ clouds }) {
|
|
|
51482
51987
|
}
|
|
51483
51988
|
}
|
|
51484
51989
|
),
|
|
51485
|
-
/* @__PURE__ */
|
|
51486
|
-
/* @__PURE__ */
|
|
51487
|
-
/* @__PURE__ */
|
|
51990
|
+
/* @__PURE__ */ jsxs153("span", { className: ColourClouds_default.menuMeta, children: [
|
|
51991
|
+
/* @__PURE__ */ jsx190("span", { className: ColourClouds_default.menuLabel, children: (_e2 = (_d2 = cloud.label) != null ? _d2 : cloud.id) != null ? _e2 : "Colour" }),
|
|
51992
|
+
/* @__PURE__ */ jsxs153("span", { className: ColourClouds_default.menuHex, children: [
|
|
51488
51993
|
cloud.color,
|
|
51489
51994
|
cloud.secondary ? ` \xB7 ${cloud.secondary}` : ""
|
|
51490
51995
|
] })
|
|
@@ -51514,17 +52019,17 @@ function ColourClouds({
|
|
|
51514
52019
|
}) {
|
|
51515
52020
|
const menuId = useId34();
|
|
51516
52021
|
const titleId = useId34();
|
|
51517
|
-
const rootRef =
|
|
51518
|
-
const triggerRef =
|
|
51519
|
-
const panelRef =
|
|
51520
|
-
const [portalReady, setPortalReady] =
|
|
51521
|
-
const [internalOpen, setInternalOpen] =
|
|
51522
|
-
const [portalStyle, setPortalStyle] =
|
|
52022
|
+
const rootRef = useRef63(null);
|
|
52023
|
+
const triggerRef = useRef63(null);
|
|
52024
|
+
const panelRef = useRef63(null);
|
|
52025
|
+
const [portalReady, setPortalReady] = useState91(false);
|
|
52026
|
+
const [internalOpen, setInternalOpen] = useState91(false);
|
|
52027
|
+
const [portalStyle, setPortalStyle] = useState91({ left: 0, top: 0 });
|
|
51523
52028
|
const clouds = items ? parseColourClouds(items) : parseColourClouds(value);
|
|
51524
52029
|
const hasMenu = children != null;
|
|
51525
52030
|
const controlled = open !== void 0;
|
|
51526
52031
|
const visible = hasMenu ? controlled ? Boolean(open) : internalOpen : false;
|
|
51527
|
-
const setVisible =
|
|
52032
|
+
const setVisible = useCallback36(
|
|
51528
52033
|
(next) => {
|
|
51529
52034
|
if (!controlled) {
|
|
51530
52035
|
setInternalOpen(next);
|
|
@@ -51533,10 +52038,10 @@ function ColourClouds({
|
|
|
51533
52038
|
},
|
|
51534
52039
|
[controlled, onOpenChange]
|
|
51535
52040
|
);
|
|
51536
|
-
|
|
52041
|
+
useEffect70(() => {
|
|
51537
52042
|
setPortalReady(true);
|
|
51538
52043
|
}, []);
|
|
51539
|
-
|
|
52044
|
+
useLayoutEffect16(() => {
|
|
51540
52045
|
if (!visible || !triggerRef.current) {
|
|
51541
52046
|
return;
|
|
51542
52047
|
}
|
|
@@ -51570,7 +52075,7 @@ function ColourClouds({
|
|
|
51570
52075
|
window.removeEventListener("scroll", updatePosition, true);
|
|
51571
52076
|
};
|
|
51572
52077
|
}, [placement, visible, children, clouds.length]);
|
|
51573
|
-
|
|
52078
|
+
useEffect70(() => {
|
|
51574
52079
|
if (!visible) {
|
|
51575
52080
|
return;
|
|
51576
52081
|
}
|
|
@@ -51602,9 +52107,9 @@ function ColourClouds({
|
|
|
51602
52107
|
compact ? ColourClouds_default.controlCompact : null,
|
|
51603
52108
|
className
|
|
51604
52109
|
].filter(Boolean).join(" ");
|
|
51605
|
-
const cloudsNode = /* @__PURE__ */
|
|
52110
|
+
const cloudsNode = /* @__PURE__ */ jsx190("span", { "aria-hidden": "true", className: ColourClouds_default.clouds, children: clouds.map((cloud) => {
|
|
51606
52111
|
var _a2, _b2, _c2;
|
|
51607
|
-
return /* @__PURE__ */
|
|
52112
|
+
return /* @__PURE__ */ jsx190(
|
|
51608
52113
|
"span",
|
|
51609
52114
|
{
|
|
51610
52115
|
className: ColourClouds_default.cloud,
|
|
@@ -51617,13 +52122,13 @@ function ColourClouds({
|
|
|
51617
52122
|
(_b2 = cloud.id) != null ? _b2 : `${cloud.color}-${(_a2 = cloud.secondary) != null ? _a2 : ""}`
|
|
51618
52123
|
);
|
|
51619
52124
|
}) });
|
|
51620
|
-
const labelNode = label ? /* @__PURE__ */
|
|
51621
|
-
const content = /* @__PURE__ */
|
|
52125
|
+
const labelNode = label ? /* @__PURE__ */ jsx190("span", { className: ColourClouds_default.label, children: label }) : null;
|
|
52126
|
+
const content = /* @__PURE__ */ jsxs153(Fragment35, { children: [
|
|
51622
52127
|
cloudsNode,
|
|
51623
52128
|
labelNode
|
|
51624
52129
|
] });
|
|
51625
52130
|
const triggerClass = compact ? `${ColourClouds_default.trigger} ${ColourClouds_default.triggerCompact}` : ColourClouds_default.trigger;
|
|
51626
|
-
const triggerButton = /* @__PURE__ */
|
|
52131
|
+
const triggerButton = /* @__PURE__ */ jsx190(
|
|
51627
52132
|
"button",
|
|
51628
52133
|
{
|
|
51629
52134
|
ref: triggerRef,
|
|
@@ -51644,7 +52149,7 @@ function ColourClouds({
|
|
|
51644
52149
|
children: content
|
|
51645
52150
|
}
|
|
51646
52151
|
);
|
|
51647
|
-
const trigger = hasMenu || onClick ? triggerButton : /* @__PURE__ */
|
|
52152
|
+
const trigger = hasMenu || onClick ? triggerButton : /* @__PURE__ */ jsx190(
|
|
51648
52153
|
"span",
|
|
51649
52154
|
{
|
|
51650
52155
|
"aria-label": ariaLabel,
|
|
@@ -51655,7 +52160,7 @@ function ColourClouds({
|
|
|
51655
52160
|
}
|
|
51656
52161
|
);
|
|
51657
52162
|
const menu = hasMenu && visible && portalReady ? createPortal7(
|
|
51658
|
-
/* @__PURE__ */
|
|
52163
|
+
/* @__PURE__ */ jsxs153(
|
|
51659
52164
|
"div",
|
|
51660
52165
|
{
|
|
51661
52166
|
ref: panelRef,
|
|
@@ -51669,16 +52174,16 @@ function ColourClouds({
|
|
|
51669
52174
|
width: portalStyle.width
|
|
51670
52175
|
},
|
|
51671
52176
|
children: [
|
|
51672
|
-
/* @__PURE__ */
|
|
51673
|
-
/* @__PURE__ */
|
|
52177
|
+
/* @__PURE__ */ jsx190("h3", { className: ColourClouds_default.dropdownTitle, id: titleId, children: menuTitle }),
|
|
52178
|
+
/* @__PURE__ */ jsx190("div", { className: ColourClouds_default.dropdownBody, children })
|
|
51674
52179
|
]
|
|
51675
52180
|
}
|
|
51676
52181
|
),
|
|
51677
52182
|
document.body
|
|
51678
52183
|
) : null;
|
|
51679
|
-
return /* @__PURE__ */
|
|
52184
|
+
return /* @__PURE__ */ jsxs153("div", { className: rootClass, "data-fit-content": "true", ref: rootRef, children: [
|
|
51680
52185
|
trigger,
|
|
51681
|
-
showReset && onReset ? /* @__PURE__ */
|
|
52186
|
+
showReset && onReset ? /* @__PURE__ */ jsx190(
|
|
51682
52187
|
"button",
|
|
51683
52188
|
{
|
|
51684
52189
|
"aria-label": "Reset colours",
|
|
@@ -51687,7 +52192,7 @@ function ColourClouds({
|
|
|
51687
52192
|
title: "Reset colours",
|
|
51688
52193
|
type: "button",
|
|
51689
52194
|
onClick: onReset,
|
|
51690
|
-
children: /* @__PURE__ */
|
|
52195
|
+
children: /* @__PURE__ */ jsx190(FontAwesomeIcon19, { icon: faRotateLeft4 })
|
|
51691
52196
|
}
|
|
51692
52197
|
) : null,
|
|
51693
52198
|
menu
|
|
@@ -51775,16 +52280,19 @@ export {
|
|
|
51775
52280
|
DualListBuilder,
|
|
51776
52281
|
EmojiPicker,
|
|
51777
52282
|
EmptyState,
|
|
52283
|
+
FLIP_CLOCK_FRAME_RATE,
|
|
51778
52284
|
FONT_STORAGE_KEY,
|
|
51779
52285
|
FieldShell,
|
|
51780
52286
|
FileField,
|
|
51781
52287
|
FilterBuilder,
|
|
51782
52288
|
FilterSelectField,
|
|
52289
|
+
FlipClock,
|
|
51783
52290
|
FloatingActionButton,
|
|
51784
52291
|
FocusTrap,
|
|
51785
52292
|
FontPicker,
|
|
51786
52293
|
Form,
|
|
51787
52294
|
FormActions,
|
|
52295
|
+
FormHeader,
|
|
51788
52296
|
FormSection,
|
|
51789
52297
|
FormValidationSummary,
|
|
51790
52298
|
Gauge,
|
|
@@ -51945,6 +52453,7 @@ export {
|
|
|
51945
52453
|
useContextMenu,
|
|
51946
52454
|
useFieldShellAria,
|
|
51947
52455
|
useFontPreference,
|
|
52456
|
+
useFormState,
|
|
51948
52457
|
useHotkey,
|
|
51949
52458
|
useHotkeyManager,
|
|
51950
52459
|
useIntersectionObserver,
|