opus-react 0.4.7 → 0.5.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 +856 -568
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +395 -16
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +23 -4
- package/dist/index.d.ts +23 -4
- package/dist/index.js +834 -548
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -533,11 +533,13 @@ __export(src_exports, {
|
|
|
533
533
|
DualListBuilder: () => DualListBuilder,
|
|
534
534
|
EmojiPicker: () => EmojiPicker,
|
|
535
535
|
EmptyState: () => EmptyState,
|
|
536
|
+
FLIP_CLOCK_FRAME_RATE: () => FLIP_CLOCK_FRAME_RATE,
|
|
536
537
|
FONT_STORAGE_KEY: () => FONT_STORAGE_KEY,
|
|
537
538
|
FieldShell: () => FieldShell,
|
|
538
539
|
FileField: () => FileField,
|
|
539
540
|
FilterBuilder: () => FilterBuilder,
|
|
540
541
|
FilterSelectField: () => FilterSelectField,
|
|
542
|
+
FlipClock: () => FlipClock,
|
|
541
543
|
FloatingActionButton: () => FloatingActionButton,
|
|
542
544
|
FocusTrap: () => FocusTrap,
|
|
543
545
|
FontPicker: () => FontPicker,
|
|
@@ -717,7 +719,7 @@ __export(src_exports, {
|
|
|
717
719
|
module.exports = __toCommonJS(src_exports);
|
|
718
720
|
|
|
719
721
|
// ../../components/fields/shared/inputControlSizes.module.css
|
|
720
|
-
var inputControlSizes_default = {"
|
|
722
|
+
var inputControlSizes_default = {"sizeSm":"opus_8ChDQJ_sizeSm","sizeLg":"opus_8ChDQJ_sizeLg","sizeMd":"opus_8ChDQJ_sizeMd"};
|
|
721
723
|
|
|
722
724
|
// ../../components/fields/shared/inputControlSizes.ts
|
|
723
725
|
var inputControlSizeClassName = {
|
|
@@ -727,7 +729,7 @@ var inputControlSizeClassName = {
|
|
|
727
729
|
};
|
|
728
730
|
|
|
729
731
|
// ../../components/fields/Button/Button.module.css
|
|
730
|
-
var Button_default = {"
|
|
732
|
+
var Button_default = {"secondary":"opus_lZkc26_secondary","danger":"opus_lZkc26_danger","link":"opus_lZkc26_link","light":"opus_lZkc26_light","primary":"opus_lZkc26_primary","success":"opus_lZkc26_success","warning":"opus_lZkc26_warning","info":"opus_lZkc26_info","button":"opus_lZkc26_button","dark":"opus_lZkc26_dark"};
|
|
731
733
|
|
|
732
734
|
// ../../components/fields/Button/Button.tsx
|
|
733
735
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -769,7 +771,7 @@ var import_react = require("react");
|
|
|
769
771
|
var import_react_dom = require("react-dom");
|
|
770
772
|
|
|
771
773
|
// ../../components/Tooltip/Tooltip.module.css
|
|
772
|
-
var Tooltip_default = {"
|
|
774
|
+
var Tooltip_default = {"triggerWrap":"opus_R70RbH_triggerWrap","left":"opus_R70RbH_left","right":"opus_R70RbH_right","popup":"opus_R70RbH_popup","trigger":"opus_R70RbH_trigger","arrow":"opus_R70RbH_arrow","top":"opus_R70RbH_top","root":"opus_R70RbH_root","bottom":"opus_R70RbH_bottom"};
|
|
773
775
|
|
|
774
776
|
// ../../components/Tooltip/Tooltip.tsx
|
|
775
777
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
@@ -938,7 +940,7 @@ function Tooltip({
|
|
|
938
940
|
}
|
|
939
941
|
|
|
940
942
|
// ../../components/fields/FieldShell/FieldShell.module.css
|
|
941
|
-
var FieldShell_default = {"
|
|
943
|
+
var FieldShell_default = {"controlFlagged":"opus_zNi12Z_controlFlagged","labelLeft":"opus_zNi12Z_labelLeft","labelRight":"opus_zNi12Z_labelRight","errorFlagged":"opus_zNi12Z_errorFlagged","label":"opus_zNi12Z_label","required":"opus_zNi12Z_required","error":"opus_zNi12Z_error","stackedRight":"opus_zNi12Z_stackedRight","labelFlagged":"opus_zNi12Z_labelFlagged","stackedLeft":"opus_zNi12Z_stackedLeft","root":"opus_zNi12Z_root","flaggedCenter":"opus_zNi12Z_flaggedCenter","compactControl":"opus_zNi12Z_compactControl","flagged":"opus_zNi12Z_flagged","stacked":"opus_zNi12Z_stacked","flaggedStart":"opus_zNi12Z_flaggedStart","control":"opus_zNi12Z_control","visuallyHidden":"opus_zNi12Z_visuallyHidden","fitContent":"opus_zNi12Z_fitContent"};
|
|
942
944
|
|
|
943
945
|
// ../../components/fields/FieldShell/FieldShell.tsx
|
|
944
946
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
@@ -1063,10 +1065,10 @@ function FieldShell({
|
|
|
1063
1065
|
}
|
|
1064
1066
|
|
|
1065
1067
|
// ../../components/fields/CheckboxField/CheckboxField.module.css
|
|
1066
|
-
var CheckboxField_default = {"
|
|
1068
|
+
var CheckboxField_default = {"toggleLabel":"opus_g-5tlR_toggleLabel","toggle":"opus_g-5tlR_toggle","shell":"opus_g-5tlR_shell","nativeInput":"opus_g-5tlR_nativeInput","error":"opus_g-5tlR_error","square":"opus_g-5tlR_square","visual":"opus_g-5tlR_visual","round":"opus_g-5tlR_round"};
|
|
1067
1069
|
|
|
1068
1070
|
// ../../components/fields/shared/choiceControlSizes.module.css
|
|
1069
|
-
var choiceControlSizes_default = {"
|
|
1071
|
+
var choiceControlSizes_default = {"sizeSm":"opus_4er5Uc_sizeSm","sizeMd":"opus_4er5Uc_sizeMd","sizeLg":"opus_4er5Uc_sizeLg"};
|
|
1070
1072
|
|
|
1071
1073
|
// ../../components/fields/shared/choiceControlSizes.ts
|
|
1072
1074
|
var choiceControlSizeClassName = {
|
|
@@ -1136,7 +1138,7 @@ function CheckboxField({
|
|
|
1136
1138
|
}
|
|
1137
1139
|
|
|
1138
1140
|
// ../../components/fields/ColorField/ColorField.module.css
|
|
1139
|
-
var ColorField_default = {"
|
|
1141
|
+
var ColorField_default = {"value":"opus_Z7jeX4_value","swatch":"opus_Z7jeX4_swatch","icon":"opus_Z7jeX4_icon","nativeInput":"opus_Z7jeX4_nativeInput","error":"opus_Z7jeX4_error","picker":"opus_Z7jeX4_picker"};
|
|
1140
1142
|
|
|
1141
1143
|
// ../../components/fields/ColorField/ColorField.tsx
|
|
1142
1144
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
@@ -1245,7 +1247,7 @@ function DateField({
|
|
|
1245
1247
|
}
|
|
1246
1248
|
|
|
1247
1249
|
// ../../components/fields/HiddenField/HiddenField.module.css
|
|
1248
|
-
var HiddenField_default = {"
|
|
1250
|
+
var HiddenField_default = {"preview":"opus_kL1YXS_preview","note":"opus_kL1YXS_note","meta":"opus_kL1YXS_meta"};
|
|
1249
1251
|
|
|
1250
1252
|
// ../../components/fields/HiddenField/HiddenField.tsx
|
|
1251
1253
|
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
@@ -1294,7 +1296,7 @@ function HiddenField({
|
|
|
1294
1296
|
}
|
|
1295
1297
|
|
|
1296
1298
|
// ../../components/fields/FileField/FileField.module.css
|
|
1297
|
-
var FileField_default = {"
|
|
1299
|
+
var FileField_default = {"dropError":"opus_aOsPA7_dropError","hint":"opus_aOsPA7_hint","title":"opus_aOsPA7_title","footnote":"opus_aOsPA7_footnote","content":"opus_aOsPA7_content","dragging":"opus_aOsPA7_dragging","drop":"opus_aOsPA7_drop","iconSvg":"opus_aOsPA7_iconSvg","action":"opus_aOsPA7_action","input":"opus_aOsPA7_input","wrapper":"opus_aOsPA7_wrapper","icon":"opus_aOsPA7_icon"};
|
|
1298
1300
|
|
|
1299
1301
|
// ../../components/fields/FileField/FileField.tsx
|
|
1300
1302
|
var import_react3 = require("react");
|
|
@@ -1579,7 +1581,7 @@ async function cropImageToViewport(image, viewport, output, state, options) {
|
|
|
1579
1581
|
}
|
|
1580
1582
|
|
|
1581
1583
|
// ../../components/fields/ImageCropUploadField/ImageCropUploadField.module.css
|
|
1582
|
-
var ImageCropUploadField_default = {"
|
|
1584
|
+
var ImageCropUploadField_default = {"hiddenInput":"opus_itxBv9_hiddenInput","editor":"opus_itxBv9_editor","previewRow":"opus_itxBv9_previewRow","viewport":"opus_itxBv9_viewport","dropTitle":"opus_itxBv9_dropTitle","dropAction":"opus_itxBv9_dropAction","changeLink":"opus_itxBv9_changeLink","dropContent":"opus_itxBv9_dropContent","viewportDragging":"opus_itxBv9_viewportDragging","dropHint":"opus_itxBv9_dropHint","instruction":"opus_itxBv9_instruction","previewCameraButton":"opus_itxBv9_previewCameraButton","previewCopy":"opus_itxBv9_previewCopy","dropIcon":"opus_itxBv9_dropIcon","dragging":"opus_itxBv9_dragging","previewCard":"opus_itxBv9_previewCard","previewTitle":"opus_itxBv9_previewTitle","previewFrame":"opus_itxBv9_previewFrame","drop":"opus_itxBv9_drop","viewportRing":"opus_itxBv9_viewportRing","actions":"opus_itxBv9_actions","previewImage":"opus_itxBv9_previewImage","zoomLabel":"opus_itxBv9_zoomLabel","dropError":"opus_itxBv9_dropError","dropIconSvg":"opus_itxBv9_dropIconSvg","viewportImage":"opus_itxBv9_viewportImage","previewHint":"opus_itxBv9_previewHint","zoomRow":"opus_itxBv9_zoomRow","zoomSlider":"opus_itxBv9_zoomSlider","zoomButton":"opus_itxBv9_zoomButton","root":"opus_itxBv9_root"};
|
|
1583
1585
|
|
|
1584
1586
|
// ../../components/fields/ImageCropUploadField/ImageCropUploadField.tsx
|
|
1585
1587
|
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
@@ -2046,7 +2048,7 @@ function ImageCropUploadField({
|
|
|
2046
2048
|
var import_react5 = require("react");
|
|
2047
2049
|
|
|
2048
2050
|
// ../../components/fields/NumberField/NumberField.module.css
|
|
2049
|
-
var NumberField_default = {"
|
|
2051
|
+
var NumberField_default = {"input":"opus_L272Dk_input","button":"opus_L272Dk_button","stepper":"opus_L272Dk_stepper","error":"opus_L272Dk_error"};
|
|
2050
2052
|
|
|
2051
2053
|
// ../../components/fields/numericUtils.ts
|
|
2052
2054
|
function decimalPlacesFromStep(step) {
|
|
@@ -2225,7 +2227,7 @@ function NumberField({
|
|
|
2225
2227
|
var import_react6 = require("react");
|
|
2226
2228
|
|
|
2227
2229
|
// ../../components/fields/RadioGroup/RadioGroup.module.css
|
|
2228
|
-
var RadioGroup_default = {"choice":"opus_O-1nor_choice","
|
|
2230
|
+
var RadioGroup_default = {"choice":"opus_O-1nor_choice","option":"opus_O-1nor_option","round":"opus_O-1nor_round","error":"opus_O-1nor_error","visual":"opus_O-1nor_visual","shell":"opus_O-1nor_shell","nativeInput":"opus_O-1nor_nativeInput","options":"opus_O-1nor_options","square":"opus_O-1nor_square"};
|
|
2229
2231
|
|
|
2230
2232
|
// ../../components/fields/RadioGroup/RadioGroup.tsx
|
|
2231
2233
|
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
@@ -2323,7 +2325,7 @@ function Radio({ children, error, name, shape, value, defaultChecked }) {
|
|
|
2323
2325
|
var import_react7 = require("react");
|
|
2324
2326
|
|
|
2325
2327
|
// ../../components/fields/ChipInputField/ChipInputField.module.css
|
|
2326
|
-
var ChipInputField_default = {"
|
|
2328
|
+
var ChipInputField_default = {"field":"opus_IOOYwh_field","disabled":"opus_IOOYwh_disabled","chipLabel":"opus_IOOYwh_chipLabel","shell":"opus_IOOYwh_shell","error":"opus_IOOYwh_error","readOnly":"opus_IOOYwh_readOnly","remove":"opus_IOOYwh_remove","chip":"opus_IOOYwh_chip","input":"opus_IOOYwh_input"};
|
|
2327
2329
|
|
|
2328
2330
|
// ../../components/fields/ChipInputField/ChipInputField.tsx
|
|
2329
2331
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
@@ -2460,7 +2462,7 @@ function ChipInput({
|
|
|
2460
2462
|
var ChipInputField = ChipInput;
|
|
2461
2463
|
|
|
2462
2464
|
// ../../components/fields/ChoiceChipsField/ChoiceChipsField.module.css
|
|
2463
|
-
var ChoiceChipsField_default = {"
|
|
2465
|
+
var ChoiceChipsField_default = {"chip":"opus_X6xFEA_chip","optionDisabled":"opus_X6xFEA_optionDisabled","root":"opus_X6xFEA_root","disabled":"opus_X6xFEA_disabled","selected":"opus_X6xFEA_selected","shell":"opus_X6xFEA_shell","indicator":"opus_X6xFEA_indicator"};
|
|
2464
2466
|
|
|
2465
2467
|
// ../../components/fields/ChoiceChipsField/ChoiceChipsField.tsx
|
|
2466
2468
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
@@ -2546,7 +2548,7 @@ function ChoiceChips({
|
|
|
2546
2548
|
var ChoiceChipsField = ChoiceChips;
|
|
2547
2549
|
|
|
2548
2550
|
// ../../components/fields/RangeField/RangeField.module.css
|
|
2549
|
-
var RangeField_default = {"
|
|
2551
|
+
var RangeField_default = {"footer":"opus_iRHQuG_footer","fieldLabel":"opus_iRHQuG_fieldLabel","value":"opus_iRHQuG_value","wrap":"opus_iRHQuG_wrap","slider":"opus_iRHQuG_slider","error":"opus_iRHQuG_error","topRow":"opus_iRHQuG_topRow"};
|
|
2550
2552
|
|
|
2551
2553
|
// ../../components/fields/RangeField/RangeField.tsx
|
|
2552
2554
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
@@ -2619,7 +2621,7 @@ function RangeField({
|
|
|
2619
2621
|
}
|
|
2620
2622
|
|
|
2621
2623
|
// ../../components/fields/SelectField/SelectField.module.css
|
|
2622
|
-
var SelectField_default = {"
|
|
2624
|
+
var SelectField_default = {"select":"opus_m2ObG0_select","error":"opus_m2ObG0_error","wrap":"opus_m2ObG0_wrap"};
|
|
2623
2625
|
|
|
2624
2626
|
// ../../components/fields/SelectField/SelectField.tsx
|
|
2625
2627
|
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
@@ -2664,7 +2666,7 @@ function SelectField({
|
|
|
2664
2666
|
}
|
|
2665
2667
|
|
|
2666
2668
|
// ../../components/fields/SwitchField/SwitchField.module.css
|
|
2667
|
-
var SwitchField_default = {"
|
|
2669
|
+
var SwitchField_default = {"toggle":"opus_t9NLEA_toggle","error":"opus_t9NLEA_error","shell":"opus_t9NLEA_shell","track":"opus_t9NLEA_track"};
|
|
2668
2670
|
|
|
2669
2671
|
// ../../components/fields/SwitchField/SwitchField.tsx
|
|
2670
2672
|
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
@@ -2716,7 +2718,7 @@ function SwitchField({
|
|
|
2716
2718
|
var import_react8 = require("react");
|
|
2717
2719
|
|
|
2718
2720
|
// ../../components/fields/TextAreaField/TextAreaField.module.css
|
|
2719
|
-
var TextAreaField_default = {"
|
|
2721
|
+
var TextAreaField_default = {"withCount":"opus_FjhWmh_withCount","error":"opus_FjhWmh_error","inlineCount":"opus_FjhWmh_inlineCount","externalCount":"opus_FjhWmh_externalCount","textarea":"opus_FjhWmh_textarea","footer":"opus_FjhWmh_footer","footerError":"opus_FjhWmh_footerError","field":"opus_FjhWmh_field","inputWrap":"opus_FjhWmh_inputWrap"};
|
|
2720
2722
|
|
|
2721
2723
|
// ../../components/fields/TextAreaField/TextAreaField.tsx
|
|
2722
2724
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
@@ -2797,7 +2799,7 @@ var import_react_fontawesome2 = require("@fortawesome/react-fontawesome");
|
|
|
2797
2799
|
var import_free_solid_svg_icons2 = require("@fortawesome/free-solid-svg-icons");
|
|
2798
2800
|
|
|
2799
2801
|
// ../../components/fields/RichTextField/RichTextField.module.css
|
|
2800
|
-
var RichTextField_default = {"
|
|
2802
|
+
var RichTextField_default = {"error":"opus_6HFqZH_error","modalNumber":"opus_6HFqZH_modalNumber","toolbarButton":"opus_6HFqZH_toolbarButton","modalTitle":"opus_6HFqZH_modalTitle","modalActions":"opus_6HFqZH_modalActions","modalCancel":"opus_6HFqZH_modalCancel","toolbarIcon":"opus_6HFqZH_toolbarIcon","modal":"opus_6HFqZH_modal","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","field":"opus_6HFqZH_field","editor":"opus_6HFqZH_editor","blockSelect":"opus_6HFqZH_blockSelect","divider":"opus_6HFqZH_divider","toolbar":"opus_6HFqZH_toolbar","colorSwatch":"opus_6HFqZH_colorSwatch","readOnly":"opus_6HFqZH_readOnly","modalOverlay":"opus_6HFqZH_modalOverlay","modalField":"opus_6HFqZH_modalField","modalLabel":"opus_6HFqZH_modalLabel","modalInput":"opus_6HFqZH_modalInput","modalConfirm":"opus_6HFqZH_modalConfirm","modalTimes":"opus_6HFqZH_modalTimes","colorInput":"opus_6HFqZH_colorInput","modalDimensions":"opus_6HFqZH_modalDimensions","modalDimensionField":"opus_6HFqZH_modalDimensionField","editorShell":"opus_6HFqZH_editorShell"};
|
|
2801
2803
|
|
|
2802
2804
|
// ../../components/fields/RichTextField/RichTextField.tsx
|
|
2803
2805
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
@@ -3446,7 +3448,7 @@ var import_react_fontawesome4 = require("@fortawesome/react-fontawesome");
|
|
|
3446
3448
|
var import_free_solid_svg_icons4 = require("@fortawesome/free-solid-svg-icons");
|
|
3447
3449
|
|
|
3448
3450
|
// ../../components/fields/shared/fieldControl.module.css
|
|
3449
|
-
var fieldControl_default = {"
|
|
3451
|
+
var fieldControl_default = {"passwordWrap":"opus_1Q5xBh_passwordWrap","searchWrap":"opus_1Q5xBh_searchWrap","prefixIcon":"opus_1Q5xBh_prefixIcon","endAdornment":"opus_1Q5xBh_endAdornment","prefixIconSvg":"opus_1Q5xBh_prefixIconSvg","chevron":"opus_1Q5xBh_chevron","placeholder":"opus_1Q5xBh_placeholder","passwordToggle":"opus_1Q5xBh_passwordToggle","input":"opus_1Q5xBh_input","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","search":"opus_1Q5xBh_search","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot","passwordInput":"opus_1Q5xBh_passwordInput","panelFooter":"opus_1Q5xBh_panelFooter","actionButton":"opus_1Q5xBh_actionButton","list":"opus_1Q5xBh_list","triggerError":"opus_1Q5xBh_triggerError","searchInput":"opus_1Q5xBh_searchInput","searchWrapError":"opus_1Q5xBh_searchWrapError","groupLabel":"opus_1Q5xBh_groupLabel","panel":"opus_1Q5xBh_panel","option":"opus_1Q5xBh_option","trigger":"opus_1Q5xBh_trigger","error":"opus_1Q5xBh_error","triggerOpen":"opus_1Q5xBh_triggerOpen"};
|
|
3450
3452
|
|
|
3451
3453
|
// ../../components/fields/shared/PasswordToggle.tsx
|
|
3452
3454
|
var import_react_fontawesome3 = require("@fortawesome/react-fontawesome");
|
|
@@ -3555,7 +3557,7 @@ var import_react_fontawesome5 = require("@fortawesome/react-fontawesome");
|
|
|
3555
3557
|
var import_free_solid_svg_icons5 = require("@fortawesome/free-solid-svg-icons");
|
|
3556
3558
|
|
|
3557
3559
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.module.css
|
|
3558
|
-
var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","
|
|
3560
|
+
var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","option":"opus_SwerMA_option","active":"opus_SwerMA_active","indicator":"opus_SwerMA_indicator"};
|
|
3559
3561
|
|
|
3560
3562
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.tsx
|
|
3561
3563
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
@@ -3897,7 +3899,7 @@ function MultiSelectField({
|
|
|
3897
3899
|
var import_react13 = require("react");
|
|
3898
3900
|
|
|
3899
3901
|
// ../../components/fields/TransferListField/TransferListField.module.css
|
|
3900
|
-
var TransferListField_default = {"
|
|
3902
|
+
var TransferListField_default = {"controls":"opus_NPBFZk_controls","root":"opus_NPBFZk_root","columnHeader":"opus_NPBFZk_columnHeader","item":"opus_NPBFZk_item","itemActive":"opus_NPBFZk_itemActive","list":"opus_NPBFZk_list","column":"opus_NPBFZk_column","controlButton":"opus_NPBFZk_controlButton"};
|
|
3901
3903
|
|
|
3902
3904
|
// ../../components/fields/TransferListField/TransferListField.tsx
|
|
3903
3905
|
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
@@ -4019,7 +4021,7 @@ var import_react_fontawesome6 = require("@fortawesome/react-fontawesome");
|
|
|
4019
4021
|
var import_free_solid_svg_icons6 = require("@fortawesome/free-solid-svg-icons");
|
|
4020
4022
|
|
|
4021
4023
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.module.css
|
|
4022
|
-
var PasswordStrengthField_default = {"
|
|
4024
|
+
var PasswordStrengthField_default = {"root":"opus_S1A372_root","requirementMet":"opus_S1A372_requirementMet","meterFill":"opus_S1A372_meterFill","meterWrap":"opus_S1A372_meterWrap","meterTrack":"opus_S1A372_meterTrack","requirements":"opus_S1A372_requirements","requirementIcon":"opus_S1A372_requirementIcon","requirement":"opus_S1A372_requirement","meterLabel":"opus_S1A372_meterLabel"};
|
|
4023
4025
|
|
|
4024
4026
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.tsx
|
|
4025
4027
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
@@ -4128,7 +4130,7 @@ function PasswordStrengthField({
|
|
|
4128
4130
|
}
|
|
4129
4131
|
|
|
4130
4132
|
// ../../components/fields/RatingField/RatingField.module.css
|
|
4131
|
-
var RatingField_default = {"
|
|
4133
|
+
var RatingField_default = {"root":"opus_0tdNUz_root","symbol":"opus_0tdNUz_symbol","numeric":"opus_0tdNUz_numeric","numericActive":"opus_0tdNUz_numericActive","symbolActive":"opus_0tdNUz_symbolActive"};
|
|
4132
4134
|
|
|
4133
4135
|
// ../../components/fields/RatingField/RatingField.tsx
|
|
4134
4136
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
@@ -4204,7 +4206,7 @@ function RatingField({
|
|
|
4204
4206
|
}
|
|
4205
4207
|
|
|
4206
4208
|
// ../../components/fields/SegmentedControlField/SegmentedControlField.module.css
|
|
4207
|
-
var SegmentedControlField_default = {"
|
|
4209
|
+
var SegmentedControlField_default = {"root":"opus_ZHwfiN_root","segment":"opus_ZHwfiN_segment","segmentActive":"opus_ZHwfiN_segmentActive"};
|
|
4208
4210
|
|
|
4209
4211
|
// ../../components/fields/SegmentedControlField/SegmentedControlField.tsx
|
|
4210
4212
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
@@ -4260,7 +4262,7 @@ function SegmentedControlField({
|
|
|
4260
4262
|
var import_react15 = require("react");
|
|
4261
4263
|
|
|
4262
4264
|
// ../../components/fields/SliderRangeField/SliderRangeField.module.css
|
|
4263
|
-
var SliderRangeField_default = {"slider":"opus_k3d0sS_slider","footer":"opus_k3d0sS_footer","header":"opus_k3d0sS_header","root":"opus_k3d0sS_root","
|
|
4265
|
+
var SliderRangeField_default = {"slider":"opus_k3d0sS_slider","trackWrap":"opus_k3d0sS_trackWrap","footer":"opus_k3d0sS_footer","header":"opus_k3d0sS_header","root":"opus_k3d0sS_root","track":"opus_k3d0sS_track","value":"opus_k3d0sS_value"};
|
|
4264
4266
|
|
|
4265
4267
|
// ../../components/fields/SliderRangeField/SliderRangeField.tsx
|
|
4266
4268
|
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
@@ -4358,7 +4360,7 @@ function SliderRangeField({
|
|
|
4358
4360
|
var import_react16 = require("react");
|
|
4359
4361
|
|
|
4360
4362
|
// ../../components/fields/PhoneNumberField/PhoneNumberField.module.css
|
|
4361
|
-
var PhoneNumberField_default = {"
|
|
4363
|
+
var PhoneNumberField_default = {"optionActive":"opus_WC4gnN_optionActive","optionLabel":"opus_WC4gnN_optionLabel","empty":"opus_WC4gnN_empty","countryValue":"opus_WC4gnN_countryValue","country":"opus_WC4gnN_country","root":"opus_WC4gnN_root","countryWrap":"opus_WC4gnN_countryWrap","code":"opus_WC4gnN_code","flag":"opus_WC4gnN_flag","option":"opus_WC4gnN_option","optionDial":"opus_WC4gnN_optionDial","dial":"opus_WC4gnN_dial","panel":"opus_WC4gnN_panel","chevron":"opus_WC4gnN_chevron"};
|
|
4362
4364
|
|
|
4363
4365
|
// ../../components/fields/PhoneNumberField/countries.ts
|
|
4364
4366
|
function countryCodeToFlag(code) {
|
|
@@ -4763,7 +4765,7 @@ function PhoneNumberField({
|
|
|
4763
4765
|
var import_react17 = require("react");
|
|
4764
4766
|
|
|
4765
4767
|
// ../../components/fields/CountryPickerField/CountryPickerField.module.css
|
|
4766
|
-
var CountryPickerField_default = {"
|
|
4768
|
+
var CountryPickerField_default = {"optionActive":"opus_O7qqfR_optionActive","root":"opus_O7qqfR_root","option":"opus_O7qqfR_option","triggerValue":"opus_O7qqfR_triggerValue","flag":"opus_O7qqfR_flag","optionLabel":"opus_O7qqfR_optionLabel","empty":"opus_O7qqfR_empty","optionCode":"opus_O7qqfR_optionCode"};
|
|
4767
4769
|
|
|
4768
4770
|
// ../../components/fields/CountryPickerField/CountryPickerField.tsx
|
|
4769
4771
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
@@ -5053,7 +5055,7 @@ function TreeSelectField({
|
|
|
5053
5055
|
var import_react19 = require("react");
|
|
5054
5056
|
|
|
5055
5057
|
// ../../components/fields/CascaderField/CascaderField.module.css
|
|
5056
|
-
var CascaderField_default = {"optionActive":"opus_1Fg59A_optionActive","
|
|
5058
|
+
var CascaderField_default = {"optionActive":"opus_1Fg59A_optionActive","panel":"opus_1Fg59A_panel","option":"opus_1Fg59A_option","root":"opus_1Fg59A_root","column":"opus_1Fg59A_column"};
|
|
5057
5059
|
|
|
5058
5060
|
// ../../components/fields/CascaderField/CascaderField.tsx
|
|
5059
5061
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
@@ -5268,7 +5270,7 @@ function OpusThemeProvider({
|
|
|
5268
5270
|
}
|
|
5269
5271
|
|
|
5270
5272
|
// ../../components/Alert/Alert.module.css
|
|
5271
|
-
var Alert_default = {"
|
|
5273
|
+
var Alert_default = {"iconFlagged":"opus_eh3eeT_iconFlagged","icon":"opus_eh3eeT_icon","alert":"opus_eh3eeT_alert","iconMark":"opus_eh3eeT_iconMark","content":"opus_eh3eeT_content","description":"opus_eh3eeT_description","dismiss":"opus_eh3eeT_dismiss","dismissIcon":"opus_eh3eeT_dismissIcon","iconSvg":"opus_eh3eeT_iconSvg","title":"opus_eh3eeT_title"};
|
|
5272
5274
|
|
|
5273
5275
|
// ../../components/Alert/Alert.tsx
|
|
5274
5276
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
@@ -5490,7 +5492,7 @@ function useOverlayAccessibility(active, containerRef, {
|
|
|
5490
5492
|
}
|
|
5491
5493
|
|
|
5492
5494
|
// ../../components/Dialog/Dialog.module.css
|
|
5493
|
-
var Dialog_default = {"
|
|
5495
|
+
var Dialog_default = {"title":"opus_sz-ZGI_title","dialogIn":"opus_sz-ZGI_dialogIn","body":"opus_sz-ZGI_body","content":"opus_sz-ZGI_content","description":"opus_sz-ZGI_description","iconSvg":"opus_sz-ZGI_iconSvg","dialogOut":"opus_sz-ZGI_dialogOut","iconMark":"opus_sz-ZGI_iconMark","backdrop":"opus_sz-ZGI_backdrop","actions":"opus_sz-ZGI_actions","backdropOut":"opus_sz-ZGI_backdropOut","visuallyHidden":"opus_sz-ZGI_visuallyHidden","backdropIn":"opus_sz-ZGI_backdropIn","dialog":"opus_sz-ZGI_dialog","icon":"opus_sz-ZGI_icon"};
|
|
5494
5496
|
|
|
5495
5497
|
// ../../components/Dialog/Dialog.tsx
|
|
5496
5498
|
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
@@ -5621,7 +5623,7 @@ function Dialog({
|
|
|
5621
5623
|
var import_react24 = require("react");
|
|
5622
5624
|
|
|
5623
5625
|
// ../../components/Modal/Modal.module.css
|
|
5624
|
-
var Modal_default = {"
|
|
5626
|
+
var Modal_default = {"modalPanelIn":"opus_LQbzGS_modalPanelIn","modal":"opus_LQbzGS_modal","heading":"opus_LQbzGS_heading","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","close":"opus_LQbzGS_close","closeIcon":"opus_LQbzGS_closeIcon","header":"opus_LQbzGS_header","actions":"opus_LQbzGS_actions","modalBackdropIn":"opus_LQbzGS_modalBackdropIn","footerContent":"opus_LQbzGS_footerContent","modalPanelOut":"opus_LQbzGS_modalPanelOut","backdrop":"opus_LQbzGS_backdrop","title":"opus_LQbzGS_title","footer":"opus_LQbzGS_footer","body":"opus_LQbzGS_body","description":"opus_LQbzGS_description"};
|
|
5625
5627
|
|
|
5626
5628
|
// ../../components/Modal/Modal.tsx
|
|
5627
5629
|
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
@@ -5752,7 +5754,7 @@ function ModalDefaultActions({ onClose }) {
|
|
|
5752
5754
|
var import_react25 = require("react");
|
|
5753
5755
|
|
|
5754
5756
|
// ../../components/Drawer/Drawer.module.css
|
|
5755
|
-
var Drawer_default = {"
|
|
5757
|
+
var Drawer_default = {"actions":"opus_0CaGbZ_actions","footer":"opus_0CaGbZ_footer","drawerInRight":"opus_0CaGbZ_drawerInRight","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","drawer":"opus_0CaGbZ_drawer","drawerInBottom":"opus_0CaGbZ_drawerInBottom","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","drawerOutTop":"opus_0CaGbZ_drawerOutTop","heading":"opus_0CaGbZ_heading","body":"opus_0CaGbZ_body","closeIcon":"opus_0CaGbZ_closeIcon","drawerOutRight":"opus_0CaGbZ_drawerOutRight","drawerInTop":"opus_0CaGbZ_drawerInTop","drawerInLeft":"opus_0CaGbZ_drawerInLeft","close":"opus_0CaGbZ_close","description":"opus_0CaGbZ_description","header":"opus_0CaGbZ_header","drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","title":"opus_0CaGbZ_title","backdrop":"opus_0CaGbZ_backdrop","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","footerContent":"opus_0CaGbZ_footerContent"};
|
|
5756
5758
|
|
|
5757
5759
|
// ../../components/Drawer/Drawer.tsx
|
|
5758
5760
|
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
@@ -5884,7 +5886,7 @@ function DrawerDefaultActions({ onClose }) {
|
|
|
5884
5886
|
var import_react26 = require("react");
|
|
5885
5887
|
|
|
5886
5888
|
// ../../components/Popover/Popover.module.css
|
|
5887
|
-
var Popover_default = {"
|
|
5889
|
+
var Popover_default = {"title":"opus_yq4OU0_title","content":"opus_yq4OU0_content","arrow":"opus_yq4OU0_arrow","panel":"opus_yq4OU0_panel","root":"opus_yq4OU0_root","popoverIn":"opus_yq4OU0_popoverIn"};
|
|
5888
5890
|
|
|
5889
5891
|
// ../../components/Popover/Popover.tsx
|
|
5890
5892
|
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
@@ -6027,9 +6029,9 @@ function resolveEmojiPickerPortalStyle(anchorRect, panelRect, placement) {
|
|
|
6027
6029
|
);
|
|
6028
6030
|
return { left, top, width: panelWidth };
|
|
6029
6031
|
}
|
|
6030
|
-
function resolveDropdownPortalStyle(anchorRect, menuRect, placement, elevated) {
|
|
6032
|
+
function resolveDropdownPortalStyle(anchorRect, menuRect, placement, elevated, gapOverride) {
|
|
6031
6033
|
var _a2, _b2;
|
|
6032
|
-
const gap = elevated ? 6 : 8;
|
|
6034
|
+
const gap = gapOverride != null ? gapOverride : elevated ? 6 : 8;
|
|
6033
6035
|
const menuWidth = (_a2 = menuRect == null ? void 0 : menuRect.width) != null ? _a2 : Math.min(260, window.innerWidth - 32);
|
|
6034
6036
|
const menuHeight = (_b2 = menuRect == null ? void 0 : menuRect.height) != null ? _b2 : 0;
|
|
6035
6037
|
switch (placement) {
|
|
@@ -6058,7 +6060,7 @@ function resolveMegaMenuPortalStyle(root, inTopNavigation) {
|
|
|
6058
6060
|
}
|
|
6059
6061
|
|
|
6060
6062
|
// ../../components/MegaMenu/MegaMenu.module.css
|
|
6061
|
-
var MegaMenu_default = {"
|
|
6063
|
+
var MegaMenu_default = {"eyebrow":"opus_Y_ikQV_eyebrow","itemIcon":"opus_Y_ikQV_itemIcon","itemCopy":"opus_Y_ikQV_itemCopy","menuBar":"opus_Y_ikQV_menuBar","panel":"opus_Y_ikQV_panel","sections":"opus_Y_ikQV_sections","featuredAction":"opus_Y_ikQV_featuredAction","panelContent":"opus_Y_ikQV_panelContent","megaMenuIn":"opus_Y_ikQV_megaMenuIn","megaMenuOut":"opus_Y_ikQV_megaMenuOut","section":"opus_Y_ikQV_section","trigger":"opus_Y_ikQV_trigger","featured":"opus_Y_ikQV_featured","items":"opus_Y_ikQV_items","item":"opus_Y_ikQV_item","root":"opus_Y_ikQV_root"};
|
|
6062
6064
|
|
|
6063
6065
|
// ../../components/MegaMenu/MegaMenu.tsx
|
|
6064
6066
|
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
@@ -6520,7 +6522,7 @@ function MegaMenu({
|
|
|
6520
6522
|
}
|
|
6521
6523
|
|
|
6522
6524
|
// ../../components/TopNavigation/TopNavigation.module.css
|
|
6523
|
-
var TopNavigation_default = {"
|
|
6525
|
+
var TopNavigation_default = {"nav":"opus_OIomR6_nav","menuTrigger":"opus_OIomR6_menuTrigger","bar":"opus_OIomR6_bar","menuSlot":"opus_OIomR6_menuSlot","menuSlotMega":"opus_OIomR6_menuSlotMega"};
|
|
6524
6526
|
|
|
6525
6527
|
// ../../components/TopNavigation/TopNavigation.tsx
|
|
6526
6528
|
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
@@ -6877,7 +6879,7 @@ function handleMenuKeyDown(event, menu, onEscape) {
|
|
|
6877
6879
|
}
|
|
6878
6880
|
|
|
6879
6881
|
// ../../components/DropdownMenu/DropdownMenu.module.css
|
|
6880
|
-
var DropdownMenu_default = {"
|
|
6882
|
+
var DropdownMenu_default = {"menu":"opus_UUVDVQ_menu","dropdownIn":"opus_UUVDVQ_dropdownIn","root":"opus_UUVDVQ_root","icon":"opus_UUVDVQ_icon","pointer":"opus_UUVDVQ_pointer","dropdownOut":"opus_UUVDVQ_dropdownOut","label":"opus_UUVDVQ_label","shortcut":"opus_UUVDVQ_shortcut","item":"opus_UUVDVQ_item"};
|
|
6881
6883
|
|
|
6882
6884
|
// ../../components/DropdownMenu/DropdownMenu.tsx
|
|
6883
6885
|
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
@@ -6957,6 +6959,8 @@ function DropdownMenu({
|
|
|
6957
6959
|
open,
|
|
6958
6960
|
openOnHover = false,
|
|
6959
6961
|
placement = "bottom-start",
|
|
6962
|
+
showPointer = false,
|
|
6963
|
+
triggerGap,
|
|
6960
6964
|
trigger
|
|
6961
6965
|
}) {
|
|
6962
6966
|
const menuId = (0, import_react30.useId)();
|
|
@@ -6982,6 +6986,12 @@ function DropdownMenu({
|
|
|
6982
6986
|
const resolvedElevated = elevated || inTopNavigation;
|
|
6983
6987
|
const dismissOnOutside = openOnHover ? false : resolvedCloseOnOutside;
|
|
6984
6988
|
const disableClickToggle = openOnHover;
|
|
6989
|
+
const resolvedTriggerGap = Math.min(
|
|
6990
|
+
16,
|
|
6991
|
+
Math.max(0, triggerGap != null ? triggerGap : 8)
|
|
6992
|
+
);
|
|
6993
|
+
const pointerExtent = placement === "bottom-start" ? 9.5 : 9;
|
|
6994
|
+
const portalGap = showPointer ? pointerExtent + resolvedTriggerGap : resolvedTriggerGap;
|
|
6985
6995
|
const setVisible = (0, import_react30.useCallback)((nextOpen) => {
|
|
6986
6996
|
if (!controlled) {
|
|
6987
6997
|
setInternalOpen(nextOpen);
|
|
@@ -7041,18 +7051,27 @@ function DropdownMenu({
|
|
|
7041
7051
|
anchor.getBoundingClientRect(),
|
|
7042
7052
|
(_b2 = (_a2 = menuRef.current) == null ? void 0 : _a2.getBoundingClientRect()) != null ? _b2 : null,
|
|
7043
7053
|
placement,
|
|
7044
|
-
resolvedElevated
|
|
7054
|
+
resolvedElevated,
|
|
7055
|
+
portalGap
|
|
7045
7056
|
)
|
|
7046
7057
|
);
|
|
7047
7058
|
};
|
|
7048
7059
|
updatePosition();
|
|
7060
|
+
const frame = window.requestAnimationFrame(updatePosition);
|
|
7061
|
+
const resizeObserver = new ResizeObserver(updatePosition);
|
|
7062
|
+
resizeObserver.observe(rootRef.current);
|
|
7063
|
+
if (menuRef.current) {
|
|
7064
|
+
resizeObserver.observe(menuRef.current);
|
|
7065
|
+
}
|
|
7049
7066
|
window.addEventListener("resize", updatePosition);
|
|
7050
7067
|
window.addEventListener("scroll", updatePosition, true);
|
|
7051
7068
|
return () => {
|
|
7069
|
+
window.cancelAnimationFrame(frame);
|
|
7070
|
+
resizeObserver.disconnect();
|
|
7052
7071
|
window.removeEventListener("resize", updatePosition);
|
|
7053
7072
|
window.removeEventListener("scroll", updatePosition, true);
|
|
7054
7073
|
};
|
|
7055
|
-
}, [placement, renderMenu, resolvedElevated, phase]);
|
|
7074
|
+
}, [placement, portalGap, renderMenu, resolvedElevated, phase]);
|
|
7056
7075
|
(0, import_react30.useEffect)(() => {
|
|
7057
7076
|
let timeout;
|
|
7058
7077
|
const frame = window.requestAnimationFrame(() => {
|
|
@@ -7130,7 +7149,7 @@ function DropdownMenu({
|
|
|
7130
7149
|
left: portalStyle.left,
|
|
7131
7150
|
top: portalStyle.top
|
|
7132
7151
|
}, portalStyle.width ? { width: portalStyle.width } : {}) : {});
|
|
7133
|
-
const menuNode = renderMenu ? /* @__PURE__ */ (0, import_jsx_runtime44.
|
|
7152
|
+
const menuNode = renderMenu ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
7134
7153
|
"span",
|
|
7135
7154
|
{
|
|
7136
7155
|
ref: menuRef,
|
|
@@ -7140,6 +7159,7 @@ function DropdownMenu({
|
|
|
7140
7159
|
"data-open-on-hover": openOnHover || resolvedElevated ? "true" : void 0,
|
|
7141
7160
|
"data-has-icon-column": showIconColumn ? "true" : void 0,
|
|
7142
7161
|
"data-placement": placement,
|
|
7162
|
+
"data-show-pointer": showPointer ? "true" : void 0,
|
|
7143
7163
|
"data-portaled": "true",
|
|
7144
7164
|
"data-theme": theme,
|
|
7145
7165
|
id: menuId,
|
|
@@ -7148,15 +7168,45 @@ function DropdownMenu({
|
|
|
7148
7168
|
onKeyDown: (event) => {
|
|
7149
7169
|
handleMenuKeyDown(event.nativeEvent, event.currentTarget, () => setVisible(false));
|
|
7150
7170
|
},
|
|
7151
|
-
children:
|
|
7152
|
-
|
|
7153
|
-
|
|
7154
|
-
|
|
7155
|
-
|
|
7156
|
-
|
|
7157
|
-
|
|
7158
|
-
|
|
7159
|
-
|
|
7171
|
+
children: [
|
|
7172
|
+
showPointer ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
7173
|
+
"svg",
|
|
7174
|
+
{
|
|
7175
|
+
"aria-hidden": "true",
|
|
7176
|
+
className: DropdownMenu_default.pointer,
|
|
7177
|
+
focusable: "false",
|
|
7178
|
+
viewBox: "0 0 18 10",
|
|
7179
|
+
children: [
|
|
7180
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
7181
|
+
"path",
|
|
7182
|
+
{
|
|
7183
|
+
d: "M0 10 L9 0 L18 10 Z",
|
|
7184
|
+
fill: "var(--opus-pointed-menu-surface)"
|
|
7185
|
+
}
|
|
7186
|
+
),
|
|
7187
|
+
/* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
7188
|
+
"path",
|
|
7189
|
+
{
|
|
7190
|
+
d: "M0 10 L9 0 L18 10",
|
|
7191
|
+
fill: "none",
|
|
7192
|
+
stroke: "var(--opus-menu-glass-border)",
|
|
7193
|
+
strokeWidth: "1",
|
|
7194
|
+
vectorEffect: "non-scaling-stroke"
|
|
7195
|
+
}
|
|
7196
|
+
)
|
|
7197
|
+
]
|
|
7198
|
+
}
|
|
7199
|
+
) : null,
|
|
7200
|
+
items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
7201
|
+
DropdownMenuItem,
|
|
7202
|
+
{
|
|
7203
|
+
item,
|
|
7204
|
+
showIconColumn,
|
|
7205
|
+
onSelect: handleSelect
|
|
7206
|
+
},
|
|
7207
|
+
item.id
|
|
7208
|
+
))
|
|
7209
|
+
]
|
|
7160
7210
|
}
|
|
7161
7211
|
) : null;
|
|
7162
7212
|
return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
@@ -7208,7 +7258,7 @@ var import_react31 = require("react");
|
|
|
7208
7258
|
var import_react_dom5 = require("react-dom");
|
|
7209
7259
|
|
|
7210
7260
|
// ../../components/ContextMenu/ContextMenu.module.css
|
|
7211
|
-
var ContextMenu_default = {"target":"opus_nMhhae_target","
|
|
7261
|
+
var ContextMenu_default = {"target":"opus_nMhhae_target","menu":"opus_nMhhae_menu","contextMenuIn":"opus_nMhhae_contextMenuIn","backdrop":"opus_nMhhae_backdrop","layer":"opus_nMhhae_layer","contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn"};
|
|
7212
7262
|
|
|
7213
7263
|
// ../../components/ContextMenu/ContextMenuProvider.tsx
|
|
7214
7264
|
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
@@ -7515,7 +7565,7 @@ var import_free_solid_svg_icons7 = require("@fortawesome/free-solid-svg-icons");
|
|
|
7515
7565
|
var import_react_fontawesome7 = require("@fortawesome/react-fontawesome");
|
|
7516
7566
|
|
|
7517
7567
|
// ../../components/CommandPalette/CommandPalette.module.css
|
|
7518
|
-
var CommandPalette_default = {"
|
|
7568
|
+
var CommandPalette_default = {"searchIcon":"opus_k1ypuy_searchIcon","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","searchIconSvg":"opus_k1ypuy_searchIconSvg","groupLabel":"opus_k1ypuy_groupLabel","item":"opus_k1ypuy_item","itemDescription":"opus_k1ypuy_itemDescription","results":"opus_k1ypuy_results","empty":"opus_k1ypuy_empty","visuallyHidden":"opus_k1ypuy_visuallyHidden","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","group":"opus_k1ypuy_group","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","panel":"opus_k1ypuy_panel","footer":"opus_k1ypuy_footer","itemMain":"opus_k1ypuy_itemMain","itemLabel":"opus_k1ypuy_itemLabel","searchInput":"opus_k1ypuy_searchInput","searchWrap":"opus_k1ypuy_searchWrap","shortcut":"opus_k1ypuy_shortcut","backdrop":"opus_k1ypuy_backdrop"};
|
|
7519
7569
|
|
|
7520
7570
|
// ../../components/CommandPalette/CommandPalette.tsx
|
|
7521
7571
|
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
@@ -7851,7 +7901,7 @@ function AccordionGroup({
|
|
|
7851
7901
|
}
|
|
7852
7902
|
|
|
7853
7903
|
// ../../components/Accordion/Accordion.module.css
|
|
7854
|
-
var Accordion_default = {"
|
|
7904
|
+
var Accordion_default = {"standalone":"opus_WNZQMV_standalone","triggerLabel":"opus_WNZQMV_triggerLabel","content":"opus_WNZQMV_content","trigger":"opus_WNZQMV_trigger","chevron":"opus_WNZQMV_chevron","panelInner":"opus_WNZQMV_panelInner","item":"opus_WNZQMV_item","panel":"opus_WNZQMV_panel"};
|
|
7855
7905
|
|
|
7856
7906
|
// ../../components/Accordion/Accordion.tsx
|
|
7857
7907
|
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
@@ -7938,7 +7988,7 @@ function Accordion({
|
|
|
7938
7988
|
var import_react35 = require("react");
|
|
7939
7989
|
|
|
7940
7990
|
// ../../components/ShowMore/ShowMore.module.css
|
|
7941
|
-
var ShowMore_default = {"
|
|
7991
|
+
var ShowMore_default = {"root":"opus_dSk-ve_root","toggle":"opus_dSk-ve_toggle","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn","contentShell":"opus_dSk-ve_contentShell","toggleLabel":"opus_dSk-ve_toggleLabel","chevron":"opus_dSk-ve_chevron","inner":"opus_dSk-ve_inner"};
|
|
7942
7992
|
|
|
7943
7993
|
// ../../components/ShowMore/ShowMore.tsx
|
|
7944
7994
|
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
@@ -8042,7 +8092,7 @@ function ShowMore({
|
|
|
8042
8092
|
}
|
|
8043
8093
|
|
|
8044
8094
|
// ../../components/Toast/Toast.module.css
|
|
8045
|
-
var Toast_default = {"
|
|
8095
|
+
var Toast_default = {"icon":"opus_cklQPW_icon","progressTrack":"opus_cklQPW_progressTrack","toastProgress":"opus_cklQPW_toastProgress","dismissIcon":"opus_cklQPW_dismissIcon","toast":"opus_cklQPW_toast","iconSvg":"opus_cklQPW_iconSvg","progressBar":"opus_cklQPW_progressBar","description":"opus_cklQPW_description","body":"opus_cklQPW_body","iconMark":"opus_cklQPW_iconMark","dismiss":"opus_cklQPW_dismiss","main":"opus_cklQPW_main","title":"opus_cklQPW_title","content":"opus_cklQPW_content"};
|
|
8046
8096
|
|
|
8047
8097
|
// ../../components/Toast/Toast.tsx
|
|
8048
8098
|
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
@@ -8114,7 +8164,7 @@ function Toast({
|
|
|
8114
8164
|
var import_react36 = require("react");
|
|
8115
8165
|
|
|
8116
8166
|
// ../../components/ToastProvider/ToastProvider.module.css
|
|
8117
|
-
var ToastProvider_default = {"
|
|
8167
|
+
var ToastProvider_default = {"viewport":"opus_z3pSp7_viewport","itemClip":"opus_z3pSp7_itemClip","itemSurface":"opus_z3pSp7_itemSurface","item":"opus_z3pSp7_item","viewportRight":"opus_z3pSp7_viewportRight","itemBackdrop":"opus_z3pSp7_itemBackdrop","viewportBottom":"opus_z3pSp7_viewportBottom","viewportTop":"opus_z3pSp7_viewportTop","viewportLeft":"opus_z3pSp7_viewportLeft"};
|
|
8118
8168
|
|
|
8119
8169
|
// ../../components/ToastProvider/ToastProvider.tsx
|
|
8120
8170
|
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
@@ -8501,7 +8551,7 @@ function TabActiveLine({ className, orientation = "horizontal", style }) {
|
|
|
8501
8551
|
}
|
|
8502
8552
|
|
|
8503
8553
|
// ../../components/Tabs/Tabs.module.css
|
|
8504
|
-
var Tabs_default = {"
|
|
8554
|
+
var Tabs_default = {"header":"opus_ADVJmy_header","movingActiveLine":"opus_ADVJmy_movingActiveLine","previousButton":"opus_ADVJmy_previousButton","trailing":"opus_ADVJmy_trailing","cardTabLine":"opus_ADVJmy_cardTabLine","scrollButton":"opus_ADVJmy_scrollButton","panel":"opus_ADVJmy_panel","nextButton":"opus_ADVJmy_nextButton","panelContent":"opus_ADVJmy_panelContent","tabShape":"opus_ADVJmy_tabShape","tab":"opus_ADVJmy_tab","root":"opus_ADVJmy_root","tabLabel":"opus_ADVJmy_tabLabel","list":"opus_ADVJmy_list","cardMovingActiveLine":"opus_ADVJmy_cardMovingActiveLine","containedMovingActiveLine":"opus_ADVJmy_containedMovingActiveLine","listViewport":"opus_ADVJmy_listViewport"};
|
|
8505
8555
|
|
|
8506
8556
|
// ../../components/Tabs/Tabs.tsx
|
|
8507
8557
|
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
@@ -8848,7 +8898,7 @@ function Tabs({
|
|
|
8848
8898
|
}
|
|
8849
8899
|
|
|
8850
8900
|
// ../../components/Card/Card.module.css
|
|
8851
|
-
var Card_default = {"
|
|
8901
|
+
var Card_default = {"footerContent":"opus_qWo1sP_footerContent","footer":"opus_qWo1sP_footer","eyebrow":"opus_qWo1sP_eyebrow","actions":"opus_qWo1sP_actions","body":"opus_qWo1sP_body","heading":"opus_qWo1sP_heading","title":"opus_qWo1sP_title","content":"opus_qWo1sP_content","card":"opus_qWo1sP_card","media":"opus_qWo1sP_media"};
|
|
8852
8902
|
|
|
8853
8903
|
// ../../components/Card/Card.tsx
|
|
8854
8904
|
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
@@ -8879,7 +8929,7 @@ function Card({
|
|
|
8879
8929
|
}
|
|
8880
8930
|
|
|
8881
8931
|
// ../../components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css
|
|
8882
|
-
var dashboardMetricCardLayout_default = {"
|
|
8932
|
+
var dashboardMetricCardLayout_default = {"metaPlaceholder":"opus_6_sptY_metaPlaceholder","value":"opus_6_sptY_value","label":"opus_6_sptY_label","metaSlot":"opus_6_sptY_metaSlot","header":"opus_6_sptY_header","iconPlaceholder":"opus_6_sptY_iconPlaceholder","iconSlot":"opus_6_sptY_iconSlot","shell":"opus_6_sptY_shell"};
|
|
8883
8933
|
|
|
8884
8934
|
// ../../components/StatCard/StatCard.module.css
|
|
8885
8935
|
var StatCard_default = {"change":"opus_KIXsQY_change"};
|
|
@@ -8909,7 +8959,7 @@ function StatCard({
|
|
|
8909
8959
|
}
|
|
8910
8960
|
|
|
8911
8961
|
// ../../components/Gauge/Gauge.module.css
|
|
8912
|
-
var Gauge_default = {"
|
|
8962
|
+
var Gauge_default = {"gaugeValue":"opus_t6IuQe_gaugeValue","change":"opus_t6IuQe_change","title":"opus_t6IuQe_title","footerLabel":"opus_t6IuQe_footerLabel","gaugeSvg":"opus_t6IuQe_gaugeSvg","footerItem":"opus_t6IuQe_footerItem","footerTrend":"opus_t6IuQe_footerTrend","header":"opus_t6IuQe_header","footer":"opus_t6IuQe_footer","footerValue":"opus_t6IuQe_footerValue","summary":"opus_t6IuQe_summary","gauge":"opus_t6IuQe_gauge","body":"opus_t6IuQe_body","gaugeSlot":"opus_t6IuQe_gaugeSlot","gaugeCenter":"opus_t6IuQe_gaugeCenter","heading":"opus_t6IuQe_heading","subtitle":"opus_t6IuQe_subtitle","widget":"opus_t6IuQe_widget","gaugeTrack":"opus_t6IuQe_gaugeTrack"};
|
|
8913
8963
|
|
|
8914
8964
|
// ../../components/Gauge/Gauge.tsx
|
|
8915
8965
|
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
@@ -9043,7 +9093,7 @@ function Gauge({
|
|
|
9043
9093
|
var import_react38 = require("react");
|
|
9044
9094
|
|
|
9045
9095
|
// ../../components/Sparkline/Sparkline.module.css
|
|
9046
|
-
var Sparkline_default = {"
|
|
9096
|
+
var Sparkline_default = {"chart":"opus_xXtB87_chart","area":"opus_xXtB87_area","label":"opus_xXtB87_label","svg":"opus_xXtB87_svg","sparkline":"opus_xXtB87_sparkline","line":"opus_xXtB87_line","endPoint":"opus_xXtB87_endPoint"};
|
|
9047
9097
|
|
|
9048
9098
|
// ../../components/Sparkline/Sparkline.tsx
|
|
9049
9099
|
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
@@ -9110,7 +9160,7 @@ function Sparkline({
|
|
|
9110
9160
|
}
|
|
9111
9161
|
|
|
9112
9162
|
// ../../components/ProgressRing/ProgressRing.module.css
|
|
9113
|
-
var ProgressRing_default = {"
|
|
9163
|
+
var ProgressRing_default = {"track":"opus_YxX6Hh_track","svg":"opus_YxX6Hh_svg","value":"opus_YxX6Hh_value","center":"opus_YxX6Hh_center","ring":"opus_YxX6Hh_ring"};
|
|
9114
9164
|
|
|
9115
9165
|
// ../../components/ProgressRing/ProgressRing.tsx
|
|
9116
9166
|
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
@@ -9143,7 +9193,7 @@ function ProgressRing({ label, max = 100, value }) {
|
|
|
9143
9193
|
}
|
|
9144
9194
|
|
|
9145
9195
|
// ../../components/ProgressBar/ProgressBar.module.css
|
|
9146
|
-
var ProgressBar_default = {"
|
|
9196
|
+
var ProgressBar_default = {"value":"opus_q04AvA_value","bar":"opus_q04AvA_bar","header":"opus_q04AvA_header","label":"opus_q04AvA_label","track":"opus_q04AvA_track","fill":"opus_q04AvA_fill"};
|
|
9147
9197
|
|
|
9148
9198
|
// ../../components/ProgressBar/ProgressBar.tsx
|
|
9149
9199
|
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
@@ -9163,7 +9213,7 @@ function ProgressBar({ label, max = 100, value }) {
|
|
|
9163
9213
|
}
|
|
9164
9214
|
|
|
9165
9215
|
// ../../components/Speedometer/Speedometer.module.css
|
|
9166
|
-
var Speedometer_default = {"
|
|
9216
|
+
var Speedometer_default = {"center":"opus__jpB7z_center","speedometer":"opus__jpB7z_speedometer","value":"opus__jpB7z_value","svg":"opus__jpB7z_svg","hub":"opus__jpB7z_hub","track":"opus__jpB7z_track","needle":"opus__jpB7z_needle"};
|
|
9167
9217
|
|
|
9168
9218
|
// ../../components/Speedometer/Speedometer.tsx
|
|
9169
9219
|
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
@@ -9196,7 +9246,7 @@ function Speedometer({ label, max = 100, value }) {
|
|
|
9196
9246
|
}
|
|
9197
9247
|
|
|
9198
9248
|
// ../../components/MetricTile/MetricTile.module.css
|
|
9199
|
-
var MetricTile_default = {"
|
|
9249
|
+
var MetricTile_default = {"sparklineSlot":"opus_-dz9KL_sparklineSlot","tile":"opus_-dz9KL_tile","topRow":"opus_-dz9KL_topRow"};
|
|
9200
9250
|
|
|
9201
9251
|
// ../../components/MetricTile/MetricTile.tsx
|
|
9202
9252
|
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
@@ -9217,7 +9267,7 @@ var import_react39 = require("react");
|
|
|
9217
9267
|
var import_maplibre_gl = require("maplibre-gl/dist/maplibre-gl.css");
|
|
9218
9268
|
|
|
9219
9269
|
// ../../components/Map/Map.module.css
|
|
9220
|
-
var Map_default = {"
|
|
9270
|
+
var Map_default = {"mapFrame":"opus_srL77d_mapFrame","map":"opus_srL77d_map","searchResults":"opus_srL77d_searchResults","shell":"opus_srL77d_shell","hotspots":"opus_srL77d_hotspots","content":"opus_srL77d_content","search":"opus_srL77d_search","coordinates":"opus_srL77d_coordinates","address":"opus_srL77d_address","hotspotDot":"opus_srL77d_hotspotDot","atmosphere":"opus_srL77d_atmosphere","marker":"opus_srL77d_marker","popupContent":"opus_srL77d_popupContent","searchStatus":"opus_srL77d_searchStatus"};
|
|
9221
9271
|
|
|
9222
9272
|
// ../../components/Map/Map.tsx
|
|
9223
9273
|
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
@@ -9690,7 +9740,7 @@ function TrendBadge({ direction, value }) {
|
|
|
9690
9740
|
var import_react41 = require("react");
|
|
9691
9741
|
|
|
9692
9742
|
// ../../components/Badge/Badge.module.css
|
|
9693
|
-
var Badge_default = {"
|
|
9743
|
+
var Badge_default = {"badge":"opus_1GJHzl_badge","dot":"opus_1GJHzl_dot"};
|
|
9694
9744
|
|
|
9695
9745
|
// ../../components/Badge/Badge.tsx
|
|
9696
9746
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
@@ -9708,7 +9758,7 @@ function Badge({
|
|
|
9708
9758
|
}
|
|
9709
9759
|
|
|
9710
9760
|
// ../../components/DashboardContentContainer/DashboardContentContainer.module.css
|
|
9711
|
-
var DashboardContentContainer_default = {"
|
|
9761
|
+
var DashboardContentContainer_default = {"container":"opus_myuwZ6_container","title":"opus_myuwZ6_title"};
|
|
9712
9762
|
|
|
9713
9763
|
// ../../components/DashboardContentContainer/DashboardContentContainer.tsx
|
|
9714
9764
|
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
@@ -9747,7 +9797,7 @@ function DashboardContentContainer({
|
|
|
9747
9797
|
var import_react40 = require("react");
|
|
9748
9798
|
|
|
9749
9799
|
// ../../components/TreeMenu/TreeMenu.module.css
|
|
9750
|
-
var TreeMenu_default = {"
|
|
9800
|
+
var TreeMenu_default = {"row":"opus_RUNNkf_row","item":"opus_RUNNkf_item","tree":"opus_RUNNkf_tree","label":"opus_RUNNkf_label","toggle":"opus_RUNNkf_toggle","node":"opus_RUNNkf_node","children":"opus_RUNNkf_children","meta":"opus_RUNNkf_meta","icon":"opus_RUNNkf_icon"};
|
|
9751
9801
|
|
|
9752
9802
|
// ../../components/TreeMenu/TreeMenu.tsx
|
|
9753
9803
|
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
@@ -9883,7 +9933,7 @@ function TreeMenu({
|
|
|
9883
9933
|
}
|
|
9884
9934
|
|
|
9885
9935
|
// ../../components/CrmWorkspaceLab/CrmWorkspaceLab.module.css
|
|
9886
|
-
var CrmWorkspaceLab_default = {"
|
|
9936
|
+
var CrmWorkspaceLab_default = {"timelineTime":"opus_7Zs_d5_timelineTime","rowActionOverlay":"opus_7Zs_d5_rowActionOverlay","feed":"opus_7Zs_d5_feed","boardColumn":"opus_7Zs_d5_boardColumn","feedBody":"opus_7Zs_d5_feedBody","timelineBody":"opus_7Zs_d5_timelineBody","docColumns":"opus_7Zs_d5_docColumns","docToolbar":"opus_7Zs_d5_docToolbar","documents":"opus_7Zs_d5_documents","docViewOptions":"opus_7Zs_d5_docViewOptions","toolbar":"opus_7Zs_d5_toolbar","meta":"opus_7Zs_d5_meta","catalogueTitleRow":"opus_7Zs_d5_catalogueTitleRow","timelineItem":"opus_7Zs_d5_timelineItem","boardCards":"opus_7Zs_d5_boardCards","breadcrumb":"opus_7Zs_d5_breadcrumb","feedItem":"opus_7Zs_d5_feedItem","timelineCard":"opus_7Zs_d5_timelineCard","settingsIcon":"opus_7Zs_d5_settingsIcon","docColumnHeading":"opus_7Zs_d5_docColumnHeading","headingIcon":"opus_7Zs_d5_headingIcon","row":"opus_7Zs_d5_row","docTreeHeading":"opus_7Zs_d5_docTreeHeading","openChevron":"opus_7Zs_d5_openChevron","timeline":"opus_7Zs_d5_timeline","settingsRow":"opus_7Zs_d5_settingsRow","docViewButton":"opus_7Zs_d5_docViewButton","docCardHeader":"opus_7Zs_d5_docCardHeader","tableHead":"opus_7Zs_d5_tableHead","docCardIcon":"opus_7Zs_d5_docCardIcon","docBrowser":"opus_7Zs_d5_docBrowser","root":"opus_7Zs_d5_root","resultCount":"opus_7Zs_d5_resultCount","docColumn":"opus_7Zs_d5_docColumn","feedBadge":"opus_7Zs_d5_feedBadge","docToolbarControls":"opus_7Zs_d5_docToolbarControls","docListHeading":"opus_7Zs_d5_docListHeading","price":"opus_7Zs_d5_price","heading":"opus_7Zs_d5_heading","feedTitleRow":"opus_7Zs_d5_feedTitleRow","docCard":"opus_7Zs_d5_docCard","board":"opus_7Zs_d5_board","boardCard":"opus_7Zs_d5_boardCard","identity":"opus_7Zs_d5_identity","feedIcon":"opus_7Zs_d5_feedIcon","headerAction":"opus_7Zs_d5_headerAction","docListRow":"opus_7Zs_d5_docListRow","settings":"opus_7Zs_d5_settings","docGrid":"opus_7Zs_d5_docGrid","timelineTitleRow":"opus_7Zs_d5_timelineTitleRow","docEmpty":"opus_7Zs_d5_docEmpty","docList":"opus_7Zs_d5_docList","boardCardHeader":"opus_7Zs_d5_boardCardHeader","timelineIcon":"opus_7Zs_d5_timelineIcon","catalogueBody":"opus_7Zs_d5_catalogueBody","actionRow":"opus_7Zs_d5_actionRow","docColumnItem":"opus_7Zs_d5_docColumnItem","catalogueCard":"opus_7Zs_d5_catalogueCard","catalogueIcon":"opus_7Zs_d5_catalogueIcon","docTreeItem":"opus_7Zs_d5_docTreeItem","settingsBody":"opus_7Zs_d5_settingsBody","docColumnEmpty":"opus_7Zs_d5_docColumnEmpty","docTree":"opus_7Zs_d5_docTree","header":"opus_7Zs_d5_header","table":"opus_7Zs_d5_table","catalogue":"opus_7Zs_d5_catalogue","rowIcon":"opus_7Zs_d5_rowIcon","docListName":"opus_7Zs_d5_docListName"};
|
|
9887
9937
|
|
|
9888
9938
|
// ../../components/CrmWorkspaceLab/CrmWorkspaceLab.tsx
|
|
9889
9939
|
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
@@ -10682,7 +10732,7 @@ function CrmWorkspaceLab({ variant, onAction }) {
|
|
|
10682
10732
|
var import_react42 = require("react");
|
|
10683
10733
|
|
|
10684
10734
|
// ../../components/fields/OtpField/OtpField.module.css
|
|
10685
|
-
var OtpField_default = {"
|
|
10735
|
+
var OtpField_default = {"input":"opus_7RMR7r_input","inputs":"opus_7RMR7r_inputs"};
|
|
10686
10736
|
|
|
10687
10737
|
// ../../components/fields/OtpField/OtpField.tsx
|
|
10688
10738
|
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
@@ -10756,7 +10806,7 @@ function OtpField({ error, help, id, label, labelPosition = "left", length = 6,
|
|
|
10756
10806
|
var import_react43 = require("react");
|
|
10757
10807
|
|
|
10758
10808
|
// ../../components/fields/AdvancedFields/AdvancedFields.module.css
|
|
10759
|
-
var AdvancedFields_default = {"
|
|
10809
|
+
var AdvancedFields_default = {"formSection":"opus_ymQ4nN_formSection","fileList":"opus_ymQ4nN_fileList","actions":"opus_ymQ4nN_actions","hidden":"opus_ymQ4nN_hidden","bareInput":"opus_ymQ4nN_bareInput","form":"opus_ymQ4nN_form","checkGroup":"opus_ymQ4nN_checkGroup","rangeGrid":"opus_ymQ4nN_rangeGrid","summary":"opus_ymQ4nN_summary","drop":"opus_ymQ4nN_drop","affixed":"opus_ymQ4nN_affixed","input":"opus_ymQ4nN_input"};
|
|
10760
10810
|
|
|
10761
10811
|
// ../../components/fields/AdvancedFields/AdvancedFields.tsx
|
|
10762
10812
|
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
@@ -10845,7 +10895,7 @@ function FormActions({ children }) {
|
|
|
10845
10895
|
}
|
|
10846
10896
|
|
|
10847
10897
|
// ../../components/Panel/Panel.module.css
|
|
10848
|
-
var Panel_default = {"header":"opus_JZHUc__header","
|
|
10898
|
+
var Panel_default = {"header":"opus_JZHUc__header","panel":"opus_JZHUc__panel","body":"opus_JZHUc__body","description":"opus_JZHUc__description","footer":"opus_JZHUc__footer","title":"opus_JZHUc__title","headerActions":"opus_JZHUc__headerActions","heading":"opus_JZHUc__heading"};
|
|
10849
10899
|
|
|
10850
10900
|
// ../../components/Panel/Panel.tsx
|
|
10851
10901
|
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
@@ -11040,7 +11090,7 @@ function resolveSectionGapVars(gap = "md") {
|
|
|
11040
11090
|
}
|
|
11041
11091
|
|
|
11042
11092
|
// ../../components/Section/Section.module.css
|
|
11043
|
-
var Section_default = {"
|
|
11093
|
+
var Section_default = {"section":"opus_FajZiH_section","body":"opus_FajZiH_body","row":"opus_FajZiH_row","header":"opus_FajZiH_header","column":"opus_FajZiH_column","description":"opus_FajZiH_description","title":"opus_FajZiH_title"};
|
|
11044
11094
|
|
|
11045
11095
|
// ../../components/Section/Section.tsx
|
|
11046
11096
|
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
@@ -11121,7 +11171,7 @@ var Section = Object.assign(SectionRoot, {
|
|
|
11121
11171
|
});
|
|
11122
11172
|
|
|
11123
11173
|
// ../../components/Table/Table.module.css
|
|
11124
|
-
var Table_default = {"
|
|
11174
|
+
var Table_default = {"visuallyHidden":"opus_2q7S14_visuallyHidden","table":"opus_2q7S14_table","caption":"opus_2q7S14_caption","empty":"opus_2q7S14_empty","wrap":"opus_2q7S14_wrap"};
|
|
11125
11175
|
|
|
11126
11176
|
// ../../components/Table/Table.tsx
|
|
11127
11177
|
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
@@ -11343,7 +11393,7 @@ function buildPivotGrid(sourceRows, config2) {
|
|
|
11343
11393
|
}
|
|
11344
11394
|
|
|
11345
11395
|
// ../../components/DataGrid/DataGrid.module.css
|
|
11346
|
-
var DataGrid_default = {"
|
|
11396
|
+
var DataGrid_default = {"gridBody":"opus_zN0bNb_gridBody","groupCount":"opus_zN0bNb_groupCount","menuAction":"opus_zN0bNb_menuAction","rowHeader":"opus_zN0bNb_rowHeader","menuHost":"opus_zN0bNb_menuHost","sortButtonLabel":"opus_zN0bNb_sortButtonLabel","menuChevron":"opus_zN0bNb_menuChevron","visuallyHidden":"opus_zN0bNb_visuallyHidden","expandSpacer":"opus_zN0bNb_expandSpacer","detailCell":"opus_zN0bNb_detailCell","corner":"opus_zN0bNb_corner","empty":"opus_zN0bNb_empty","wrap":"opus_zN0bNb_wrap","headerControls":"opus_zN0bNb_headerControls","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","headerMenu":"opus_zN0bNb_headerMenu","frame":"opus_zN0bNb_frame","sortIndicator":"opus_zN0bNb_sortIndicator","menuButton":"opus_zN0bNb_menuButton","sortButton":"opus_zN0bNb_sortButton","groupButton":"opus_zN0bNb_groupButton","detailRow":"opus_zN0bNb_detailRow","caption":"opus_zN0bNb_caption","headerLabel":"opus_zN0bNb_headerLabel","headerCell":"opus_zN0bNb_headerCell","menuLabel":"opus_zN0bNb_menuLabel","menuFilterIcon":"opus_zN0bNb_menuFilterIcon","rowHeaderLabel":"opus_zN0bNb_rowHeaderLabel","filterInput":"opus_zN0bNb_filterInput","chevron":"opus_zN0bNb_chevron","grid":"opus_zN0bNb_grid","rowHeaderInner":"opus_zN0bNb_rowHeaderInner","groupCell":"opus_zN0bNb_groupCell","infiniteFooter":"opus_zN0bNb_infiniteFooter","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","expandButton":"opus_zN0bNb_expandButton","menuSection":"opus_zN0bNb_menuSection","groupRow":"opus_zN0bNb_groupRow","spacerRow":"opus_zN0bNb_spacerRow"};
|
|
11347
11397
|
|
|
11348
11398
|
// ../../components/DataGrid/DataGrid.tsx
|
|
11349
11399
|
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
@@ -14909,7 +14959,7 @@ function SpecializedChart(props) {
|
|
|
14909
14959
|
}
|
|
14910
14960
|
|
|
14911
14961
|
// ../../components/Chart/Chart.module.css
|
|
14912
|
-
var Chart_default = {"
|
|
14962
|
+
var Chart_default = {"radarArea":"opus_L6guCK_radarArea","sankeyLink":"opus_L6guCK_sankeyLink","seriesA":"opus_L6guCK_seriesA","graphNode":"opus_L6guCK_graphNode","slice":"opus_L6guCK_slice","land":"opus_L6guCK_land","seriesD":"opus_L6guCK_seriesD","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","graphNodeRing":"opus_L6guCK_graphNodeRing","legend":"opus_L6guCK_legend","mapLand":"opus_L6guCK_mapLand","grid":"opus_L6guCK_grid","funnel":"opus_L6guCK_funnel","graphLabel":"opus_L6guCK_graphLabel","bar":"opus_L6guCK_bar","seriesE":"opus_L6guCK_seriesE","seriesC":"opus_L6guCK_seriesC","wick":"opus_L6guCK_wick","graphLink":"opus_L6guCK_graphLink","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","funnelText":"opus_L6guCK_funnelText","svg":"opus_L6guCK_svg","meta":"opus_L6guCK_meta","radarGrid":"opus_L6guCK_radarGrid","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","sankeySideLabel":"opus_L6guCK_sankeySideLabel","axisTitle":"opus_L6guCK_axisTitle","mapValue":"opus_L6guCK_mapValue","seriesF":"opus_L6guCK_seriesF","title":"opus_L6guCK_title","axisLabels":"opus_L6guCK_axisLabels","treemapLabel":"opus_L6guCK_treemapLabel","sankeyNode":"opus_L6guCK_sankeyNode","legendItem":"opus_L6guCK_legendItem","sankeySideName":"opus_L6guCK_sankeySideName","funnelGuide":"opus_L6guCK_funnelGuide","ridge":"opus_L6guCK_ridge","mapLabel":"opus_L6guCK_mapLabel","sankeySideValue":"opus_L6guCK_sankeySideValue","violin":"opus_L6guCK_violin","axes":"opus_L6guCK_axes","line":"opus_L6guCK_line","axisLine":"opus_L6guCK_axisLine","legendSwatch":"opus_L6guCK_legendSwatch","graphLinkColored":"opus_L6guCK_graphLinkColored","point":"opus_L6guCK_point","chart":"opus_L6guCK_chart","packLabel":"opus_L6guCK_packLabel","link":"opus_L6guCK_link","ring":"opus_L6guCK_ring","axisTick":"opus_L6guCK_axisTick","axisGuide":"opus_L6guCK_axisGuide","seriesB":"opus_L6guCK_seriesB","area":"opus_L6guCK_area","header":"opus_L6guCK_header","mapRegion":"opus_L6guCK_mapRegion","packParent":"opus_L6guCK_packParent","valueLabel":"opus_L6guCK_valueLabel"};
|
|
14913
14963
|
|
|
14914
14964
|
// ../../components/Chart/Chart.tsx
|
|
14915
14965
|
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
@@ -16048,7 +16098,7 @@ function Chart({
|
|
|
16048
16098
|
}
|
|
16049
16099
|
|
|
16050
16100
|
// ../../components/Skeleton/Skeleton.module.css
|
|
16051
|
-
var Skeleton_default = {"
|
|
16101
|
+
var Skeleton_default = {"skeleton":"opus_27r9Md_skeleton","tableRow":"opus_27r9Md_tableRow","tableCell":"opus_27r9Md_tableCell","line":"opus_27r9Md_line","skeletonShimmer":"opus_27r9Md_skeletonShimmer","avatar":"opus_27r9Md_avatar","avatarContent":"opus_27r9Md_avatarContent","skeletonPulse":"opus_27r9Md_skeletonPulse","stack":"opus_27r9Md_stack","media":"opus_27r9Md_media"};
|
|
16052
16102
|
|
|
16053
16103
|
// ../../components/Skeleton/Skeleton.tsx
|
|
16054
16104
|
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
@@ -16099,7 +16149,7 @@ var import_free_solid_svg_icons9 = require("@fortawesome/free-solid-svg-icons");
|
|
|
16099
16149
|
var import_react_fontawesome9 = require("@fortawesome/react-fontawesome");
|
|
16100
16150
|
|
|
16101
16151
|
// ../../components/Lightbox/Lightbox.module.css
|
|
16102
|
-
var Lightbox_default = {"
|
|
16152
|
+
var Lightbox_default = {"lightbox":"opus_s7Rpyv_lightbox","overlay":"opus_s7Rpyv_overlay","panel":"opus_s7Rpyv_panel","caption":"opus_s7Rpyv_caption","closeIcon":"opus_s7Rpyv_closeIcon","image":"opus_s7Rpyv_image","close":"opus_s7Rpyv_close","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn","trigger":"opus_s7Rpyv_trigger","frame":"opus_s7Rpyv_frame","lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut"};
|
|
16103
16153
|
|
|
16104
16154
|
// ../../components/Lightbox/Lightbox.tsx
|
|
16105
16155
|
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
@@ -16214,7 +16264,7 @@ function Lightbox({
|
|
|
16214
16264
|
}
|
|
16215
16265
|
|
|
16216
16266
|
// ../../components/Carousel/Carousel.module.css
|
|
16217
|
-
var Carousel_default = {"
|
|
16267
|
+
var Carousel_default = {"pip":"opus_N4occJ_pip","caption":"opus_N4occJ_caption","navIcon":"opus_N4occJ_navIcon","stage":"opus_N4occJ_stage","carousel":"opus_N4occJ_carousel","empty":"opus_N4occJ_empty","visuallyHidden":"opus_N4occJ_visuallyHidden","slide":"opus_N4occJ_slide","nav":"opus_N4occJ_nav","footer":"opus_N4occJ_footer","track":"opus_N4occJ_track","image":"opus_N4occJ_image","pips":"opus_N4occJ_pips"};
|
|
16218
16268
|
|
|
16219
16269
|
// ../../components/Carousel/Carousel.tsx
|
|
16220
16270
|
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
@@ -16569,7 +16619,7 @@ async function shareMedia({
|
|
|
16569
16619
|
}
|
|
16570
16620
|
|
|
16571
16621
|
// ../../components/MediaShareCastControl/MediaShareCastControl.module.css
|
|
16572
|
-
var MediaShareCastControl_default = {"
|
|
16622
|
+
var MediaShareCastControl_default = {"itemLabel":"opus_ioyYOy_itemLabel","root":"opus_ioyYOy_root","item":"opus_ioyYOy_item","itemIcon":"opus_ioyYOy_itemIcon","icon":"opus_ioyYOy_icon","itemHint":"opus_ioyYOy_itemHint","trigger":"opus_ioyYOy_trigger","menu":"opus_ioyYOy_menu"};
|
|
16573
16623
|
|
|
16574
16624
|
// ../../components/MediaShareCastControl/MediaShareCastControl.tsx
|
|
16575
16625
|
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
@@ -16863,7 +16913,7 @@ function MediaShareCastControl({
|
|
|
16863
16913
|
}
|
|
16864
16914
|
|
|
16865
16915
|
// ../../components/VideoPlayer/VideoPlayer.module.css
|
|
16866
|
-
var VideoPlayer_default = {"
|
|
16916
|
+
var VideoPlayer_default = {"player":"opus_g_RHVI_player","controls":"opus_g_RHVI_controls","volume":"opus_g_RHVI_volume","title":"opus_g_RHVI_title","progressFill":"opus_g_RHVI_progressFill","titleRow":"opus_g_RHVI_titleRow","progress":"opus_g_RHVI_progress","trackCount":"opus_g_RHVI_trackCount","videoBackdrop":"opus_g_RHVI_videoBackdrop","progressThumb":"opus_g_RHVI_progressThumb","icon":"opus_g_RHVI_icon","stage":"opus_g_RHVI_stage","toolbar":"opus_g_RHVI_toolbar","iconButton":"opus_g_RHVI_iconButton","centerPlay":"opus_g_RHVI_centerPlay","time":"opus_g_RHVI_time","progressTrack":"opus_g_RHVI_progressTrack","video":"opus_g_RHVI_video","spacer":"opus_g_RHVI_spacer"};
|
|
16867
16917
|
|
|
16868
16918
|
// ../../components/VideoPlayer/VideoPlayer.tsx
|
|
16869
16919
|
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
@@ -17507,7 +17557,7 @@ var import_free_solid_svg_icons13 = require("@fortawesome/free-solid-svg-icons")
|
|
|
17507
17557
|
var import_react_fontawesome13 = require("@fortawesome/react-fontawesome");
|
|
17508
17558
|
|
|
17509
17559
|
// ../../components/AudioPlayer/AudioPlayer.module.css
|
|
17510
|
-
var AudioPlayer_default = {"player":"opus_pJZZp1_player","
|
|
17560
|
+
var AudioPlayer_default = {"player":"opus_pJZZp1_player","artworkGlow":"opus_pJZZp1_artworkGlow","artworkImage":"opus_pJZZp1_artworkImage","toolbar":"opus_pJZZp1_toolbar","meta":"opus_pJZZp1_meta","trackCount":"opus_pJZZp1_trackCount","progressFill":"opus_pJZZp1_progressFill","artworkMark":"opus_pJZZp1_artworkMark","progress":"opus_pJZZp1_progress","iconButton":"opus_pJZZp1_iconButton","body":"opus_pJZZp1_body","playButton":"opus_pJZZp1_playButton","volume":"opus_pJZZp1_volume","icon":"opus_pJZZp1_icon","spacer":"opus_pJZZp1_spacer","artist":"opus_pJZZp1_artist","progressThumb":"opus_pJZZp1_progressThumb","time":"opus_pJZZp1_time","progressTrack":"opus_pJZZp1_progressTrack","title":"opus_pJZZp1_title","artwork":"opus_pJZZp1_artwork"};
|
|
17511
17561
|
|
|
17512
17562
|
// ../../components/AudioPlayer/AudioPlayer.tsx
|
|
17513
17563
|
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
@@ -17897,7 +17947,7 @@ function AudioPlayer({
|
|
|
17897
17947
|
}
|
|
17898
17948
|
|
|
17899
17949
|
// ../../components/ImageThumbnail/ImageThumbnail.module.css
|
|
17900
|
-
var ImageThumbnail_default = {"image":"opus_Gp1o-9_image","
|
|
17950
|
+
var ImageThumbnail_default = {"image":"opus_Gp1o-9_image","thumbnail":"opus_Gp1o-9_thumbnail","figure":"opus_Gp1o-9_figure","caption":"opus_Gp1o-9_caption"};
|
|
17901
17951
|
|
|
17902
17952
|
// ../../components/ImageThumbnail/ImageThumbnail.tsx
|
|
17903
17953
|
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
@@ -17936,7 +17986,7 @@ function ImageThumbnail({
|
|
|
17936
17986
|
}
|
|
17937
17987
|
|
|
17938
17988
|
// ../../components/ImageGallery/ImageGallery.module.css
|
|
17939
|
-
var ImageGallery_default = {"
|
|
17989
|
+
var ImageGallery_default = {"empty":"opus_bezg4E_empty","gallery":"opus_bezg4E_gallery"};
|
|
17940
17990
|
|
|
17941
17991
|
// ../../components/ImageGallery/ImageGallery.tsx
|
|
17942
17992
|
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
@@ -17972,7 +18022,7 @@ var import_react52 = require("react");
|
|
|
17972
18022
|
var import_react51 = require("react");
|
|
17973
18023
|
|
|
17974
18024
|
// ../../components/ModelViewer/ModelViewer.module.css
|
|
17975
|
-
var ModelViewer_default = {"
|
|
18025
|
+
var ModelViewer_default = {"caption":"opus_f7gfHI_caption","model":"opus_f7gfHI_model","loading":"opus_f7gfHI_loading","viewer":"opus_f7gfHI_viewer","canvasHost":"opus_f7gfHI_canvasHost","stage":"opus_f7gfHI_stage"};
|
|
17976
18026
|
|
|
17977
18027
|
// ../../components/ModelViewer/FireBarrelModelViewer.tsx
|
|
17978
18028
|
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
@@ -18190,7 +18240,7 @@ var import_free_solid_svg_icons14 = require("@fortawesome/free-solid-svg-icons")
|
|
|
18190
18240
|
var import_react_fontawesome14 = require("@fortawesome/react-fontawesome");
|
|
18191
18241
|
|
|
18192
18242
|
// ../../components/ModelLightbox/ModelLightbox.module.css
|
|
18193
|
-
var ModelLightbox_default = {"
|
|
18243
|
+
var ModelLightbox_default = {"overlay":"opus_YYKGIB_overlay","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","trigger":"opus_YYKGIB_trigger","closeIcon":"opus_YYKGIB_closeIcon","lightbox":"opus_YYKGIB_lightbox","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","close":"opus_YYKGIB_close","modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn","frame":"opus_YYKGIB_frame"};
|
|
18194
18244
|
|
|
18195
18245
|
// ../../components/ModelLightbox/ModelLightbox.tsx
|
|
18196
18246
|
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
@@ -18295,7 +18345,7 @@ function ModelLightbox({
|
|
|
18295
18345
|
}
|
|
18296
18346
|
|
|
18297
18347
|
// ../../components/ModelThumbnail/ModelThumbnail.module.css
|
|
18298
|
-
var ModelThumbnail_default = {"
|
|
18348
|
+
var ModelThumbnail_default = {"content":"opus_NkO9Yb_content","staticThumbnail":"opus_NkO9Yb_staticThumbnail","caption":"opus_NkO9Yb_caption"};
|
|
18299
18349
|
|
|
18300
18350
|
// ../../components/ModelThumbnail/ModelThumbnail.tsx
|
|
18301
18351
|
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
@@ -18365,7 +18415,7 @@ function ModelGallery({
|
|
|
18365
18415
|
var import_react54 = require("react");
|
|
18366
18416
|
|
|
18367
18417
|
// ../../components/EmptyState/EmptyState.module.css
|
|
18368
|
-
var EmptyState_default = {"
|
|
18418
|
+
var EmptyState_default = {"title":"opus_1KckGY_title","description":"opus_1KckGY_description","actions":"opus_1KckGY_actions","iconWrap":"opus_1KckGY_iconWrap","root":"opus_1KckGY_root","copy":"opus_1KckGY_copy"};
|
|
18369
18419
|
|
|
18370
18420
|
// ../../components/EmptyState/EmptyState.tsx
|
|
18371
18421
|
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
@@ -18399,7 +18449,7 @@ function EmptyState({
|
|
|
18399
18449
|
}
|
|
18400
18450
|
|
|
18401
18451
|
// ../../components/Divider/Divider.module.css
|
|
18402
|
-
var Divider_default = {"line":"opus_ux1i0D_line","
|
|
18452
|
+
var Divider_default = {"line":"opus_ux1i0D_line","label":"opus_ux1i0D_label","labelled":"opus_ux1i0D_labelled","divider":"opus_ux1i0D_divider"};
|
|
18403
18453
|
|
|
18404
18454
|
// ../../components/Divider/Divider.tsx
|
|
18405
18455
|
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
@@ -18441,7 +18491,7 @@ function Divider({
|
|
|
18441
18491
|
var import_react55 = require("react");
|
|
18442
18492
|
|
|
18443
18493
|
// ../../components/Avatar/Avatar.module.css
|
|
18444
|
-
var Avatar_default = {"
|
|
18494
|
+
var Avatar_default = {"image":"opus_jsRWxO_image","initials":"opus_jsRWxO_initials","avatar":"opus_jsRWxO_avatar"};
|
|
18445
18495
|
|
|
18446
18496
|
// ../../components/Avatar/Avatar.tsx
|
|
18447
18497
|
var import_jsx_runtime92 = (
|
|
@@ -18491,7 +18541,7 @@ function Avatar({
|
|
|
18491
18541
|
}
|
|
18492
18542
|
|
|
18493
18543
|
// ../../components/AvatarGroup/AvatarGroup.module.css
|
|
18494
|
-
var AvatarGroup_default = {"
|
|
18544
|
+
var AvatarGroup_default = {"group":"opus_Vv36ne_group","item":"opus_Vv36ne_item","overflow":"opus_Vv36ne_overflow"};
|
|
18495
18545
|
|
|
18496
18546
|
// ../../components/AvatarGroup/AvatarGroup.tsx
|
|
18497
18547
|
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
@@ -18517,7 +18567,7 @@ function AvatarGroup({ items, max = 4, size = "md" }) {
|
|
|
18517
18567
|
}
|
|
18518
18568
|
|
|
18519
18569
|
// ../../components/Statistic/Statistic.module.css
|
|
18520
|
-
var Statistic_default = {"
|
|
18570
|
+
var Statistic_default = {"trend":"opus_vCN1bv_trend","value":"opus_vCN1bv_value","label":"opus_vCN1bv_label","root":"opus_vCN1bv_root","affix":"opus_vCN1bv_affix"};
|
|
18521
18571
|
|
|
18522
18572
|
// ../../components/Statistic/Statistic.tsx
|
|
18523
18573
|
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
@@ -18544,7 +18594,7 @@ function Statistic({
|
|
|
18544
18594
|
}
|
|
18545
18595
|
|
|
18546
18596
|
// ../../components/List/List.module.css
|
|
18547
|
-
var List_default = {"
|
|
18597
|
+
var List_default = {"meta":"opus_ys3xlo_meta","description":"opus_ys3xlo_description","item":"opus_ys3xlo_item","itemAction":"opus_ys3xlo_itemAction","body":"opus_ys3xlo_body","title":"opus_ys3xlo_title","list":"opus_ys3xlo_list","head":"opus_ys3xlo_head","icon":"opus_ys3xlo_icon"};
|
|
18548
18598
|
|
|
18549
18599
|
// ../../components/List/List.tsx
|
|
18550
18600
|
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
@@ -18567,7 +18617,7 @@ function List({ density = "comfortable", items, ordered = false, onItemClick })
|
|
|
18567
18617
|
}
|
|
18568
18618
|
|
|
18569
18619
|
// ../../components/DescriptionList/DescriptionList.module.css
|
|
18570
|
-
var DescriptionList_default = {"
|
|
18620
|
+
var DescriptionList_default = {"term":"opus_FY8OsC_term","list":"opus_FY8OsC_list","row":"opus_FY8OsC_row","details":"opus_FY8OsC_details"};
|
|
18571
18621
|
|
|
18572
18622
|
// ../../components/DescriptionList/DescriptionList.tsx
|
|
18573
18623
|
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
@@ -18585,7 +18635,7 @@ function DescriptionList({
|
|
|
18585
18635
|
var import_react56 = require("react");
|
|
18586
18636
|
|
|
18587
18637
|
// ../../components/PropertyGrid/PropertyGrid.module.css
|
|
18588
|
-
var PropertyGrid_default = {"
|
|
18638
|
+
var PropertyGrid_default = {"valueCell":"opus_Bnfsue_valueCell","value":"opus_Bnfsue_value","label":"opus_Bnfsue_label","grid":"opus_Bnfsue_grid","row":"opus_Bnfsue_row","copy":"opus_Bnfsue_copy"};
|
|
18589
18639
|
|
|
18590
18640
|
// ../../components/PropertyGrid/PropertyGrid.tsx
|
|
18591
18641
|
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
@@ -18652,7 +18702,7 @@ function Stack({
|
|
|
18652
18702
|
var import_react57 = require("react");
|
|
18653
18703
|
|
|
18654
18704
|
// ../../components/Columns/Columns.module.css
|
|
18655
|
-
var Columns_default = {"
|
|
18705
|
+
var Columns_default = {"cell":"opus_dI4yQh_cell","root":"opus_dI4yQh_root"};
|
|
18656
18706
|
|
|
18657
18707
|
// ../../components/Columns/Columns.tsx
|
|
18658
18708
|
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
@@ -18710,7 +18760,7 @@ function Grid2({
|
|
|
18710
18760
|
var import_react58 = require("react");
|
|
18711
18761
|
|
|
18712
18762
|
// ../../components/ResizeHandle/ResizeHandle.module.css
|
|
18713
|
-
var ResizeHandle_default = {"
|
|
18763
|
+
var ResizeHandle_default = {"grip":"opus_PaKREB_grip","handle":"opus_PaKREB_handle","dot":"opus_PaKREB_dot"};
|
|
18714
18764
|
|
|
18715
18765
|
// ../../components/ResizeHandle/ResizeHandle.tsx
|
|
18716
18766
|
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
@@ -18747,7 +18797,7 @@ function ResizeHandle(_a2) {
|
|
|
18747
18797
|
}
|
|
18748
18798
|
|
|
18749
18799
|
// ../../components/Splitter/Splitter.module.css
|
|
18750
|
-
var Splitter_default = {"
|
|
18800
|
+
var Splitter_default = {"pane":"opus_Khgx9s_pane","srOnly":"opus_Khgx9s_srOnly","root":"opus_Khgx9s_root"};
|
|
18751
18801
|
|
|
18752
18802
|
// ../../components/Splitter/Splitter.tsx
|
|
18753
18803
|
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
@@ -18857,7 +18907,7 @@ function Splitter({
|
|
|
18857
18907
|
var import_react59 = require("react");
|
|
18858
18908
|
|
|
18859
18909
|
// ../../components/ResizablePanel/ResizablePanel.module.css
|
|
18860
|
-
var ResizablePanel_default = {"handle":"opus_kVJ122_handle","
|
|
18910
|
+
var ResizablePanel_default = {"handle":"opus_kVJ122_handle","root":"opus_kVJ122_root","body":"opus_kVJ122_body"};
|
|
18861
18911
|
|
|
18862
18912
|
// ../../components/ResizablePanel/ResizablePanel.tsx
|
|
18863
18913
|
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
@@ -18940,7 +18990,7 @@ function ResizablePanel({
|
|
|
18940
18990
|
}
|
|
18941
18991
|
|
|
18942
18992
|
// ../../components/DockLayout/DockLayout.module.css
|
|
18943
|
-
var DockLayout_default = {"
|
|
18993
|
+
var DockLayout_default = {"root":"opus_3zzL8C_root","top":"opus_3zzL8C_top","bottom":"opus_3zzL8C_bottom","left":"opus_3zzL8C_left","center":"opus_3zzL8C_center","right":"opus_3zzL8C_right","middle":"opus_3zzL8C_middle"};
|
|
18944
18994
|
|
|
18945
18995
|
// ../../components/DockLayout/DockLayout.tsx
|
|
18946
18996
|
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
@@ -18971,7 +19021,7 @@ var import_react61 = require("react");
|
|
|
18971
19021
|
var import_react60 = require("react");
|
|
18972
19022
|
|
|
18973
19023
|
// ../../components/CustomScrollbar/CustomScrollbar.module.css
|
|
18974
|
-
var CustomScrollbar_default = {"
|
|
19024
|
+
var CustomScrollbar_default = {"viewport":"opus_I9wQcM_viewport","cornerDot":"opus_I9wQcM_cornerDot","root":"opus_I9wQcM_root","content":"opus_I9wQcM_content","track":"opus_I9wQcM_track","thumb":"opus_I9wQcM_thumb"};
|
|
18975
19025
|
|
|
18976
19026
|
// ../../components/CustomScrollbar/CustomScrollbar.tsx
|
|
18977
19027
|
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
@@ -19267,7 +19317,7 @@ function CustomScrollbar({
|
|
|
19267
19317
|
}
|
|
19268
19318
|
|
|
19269
19319
|
// ../../components/ThreePaneLayout/ThreePaneLayout.module.css
|
|
19270
|
-
var ThreePaneLayout_default = {"
|
|
19320
|
+
var ThreePaneLayout_default = {"sidebar":"opus_DtnFdK_sidebar","content":"opus_DtnFdK_content","handle":"opus_DtnFdK_handle","root":"opus_DtnFdK_root"};
|
|
19271
19321
|
|
|
19272
19322
|
// ../../components/ThreePaneLayout/ThreePaneLayout.tsx
|
|
19273
19323
|
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
@@ -19645,7 +19695,7 @@ function ScrollArea({
|
|
|
19645
19695
|
}
|
|
19646
19696
|
|
|
19647
19697
|
// ../../components/AspectRatio/AspectRatio.module.css
|
|
19648
|
-
var AspectRatio_default = {"
|
|
19698
|
+
var AspectRatio_default = {"content":"opus_CZP9Id_content","root":"opus_CZP9Id_root"};
|
|
19649
19699
|
|
|
19650
19700
|
// ../../components/AspectRatio/AspectRatio.tsx
|
|
19651
19701
|
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
@@ -19713,7 +19763,7 @@ function Spacer({ axis = "y", className, flex = false, size = 16, style }) {
|
|
|
19713
19763
|
}
|
|
19714
19764
|
|
|
19715
19765
|
// ../../components/Breadcrumb/Breadcrumb.module.css
|
|
19716
|
-
var Breadcrumb_default = {"separator":"opus_FwZfXe_separator","
|
|
19766
|
+
var Breadcrumb_default = {"separator":"opus_FwZfXe_separator","link":"opus_FwZfXe_link","root":"opus_FwZfXe_root","current":"opus_FwZfXe_current","list":"opus_FwZfXe_list","item":"opus_FwZfXe_item"};
|
|
19717
19767
|
|
|
19718
19768
|
// ../../components/Breadcrumb/Breadcrumb.tsx
|
|
19719
19769
|
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
@@ -19741,7 +19791,7 @@ function Breadcrumb({ ariaLabel = "Breadcrumb", items, onNavigate, separator = "
|
|
|
19741
19791
|
}
|
|
19742
19792
|
|
|
19743
19793
|
// ../../components/Pagination/Pagination.module.css
|
|
19744
|
-
var Pagination_default = {"button":"opus_VkXUKR_button","
|
|
19794
|
+
var Pagination_default = {"button":"opus_VkXUKR_button","ellipsis":"opus_VkXUKR_ellipsis","active":"opus_VkXUKR_active","root":"opus_VkXUKR_root"};
|
|
19745
19795
|
|
|
19746
19796
|
// ../../components/Pagination/Pagination.tsx
|
|
19747
19797
|
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
@@ -19806,7 +19856,7 @@ function Pagination({ page, pageCount, onPageChange, siblingCount = 1 }) {
|
|
|
19806
19856
|
}
|
|
19807
19857
|
|
|
19808
19858
|
// ../../components/PageHeader/PageHeader.module.css
|
|
19809
|
-
var PageHeader_default = {"
|
|
19859
|
+
var PageHeader_default = {"breadcrumbs":"opus_1pSVfU_breadcrumbs","root":"opus_1pSVfU_root","row":"opus_1pSVfU_row","title":"opus_1pSVfU_title","description":"opus_1pSVfU_description","actions":"opus_1pSVfU_actions","eyebrow":"opus_1pSVfU_eyebrow","copy":"opus_1pSVfU_copy"};
|
|
19810
19860
|
|
|
19811
19861
|
// ../../components/PageHeader/PageHeader.tsx
|
|
19812
19862
|
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
@@ -19847,7 +19897,7 @@ function Toolbar({ children, className, dense = false, end, label, start }) {
|
|
|
19847
19897
|
}
|
|
19848
19898
|
|
|
19849
19899
|
// ../../components/BottomNavigation/BottomNavigation.module.css
|
|
19850
|
-
var BottomNavigation_default = {"
|
|
19900
|
+
var BottomNavigation_default = {"item":"opus_Yqcmor_item","active":"opus_Yqcmor_active","root":"opus_Yqcmor_root","icon":"opus_Yqcmor_icon","label":"opus_Yqcmor_label"};
|
|
19851
19901
|
|
|
19852
19902
|
// ../../components/BottomNavigation/BottomNavigation.tsx
|
|
19853
19903
|
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
@@ -19877,7 +19927,7 @@ function BottomNavigation({ items, onChange, value }) {
|
|
|
19877
19927
|
}
|
|
19878
19928
|
|
|
19879
19929
|
// ../../components/NavigationRail/NavigationRail.module.css
|
|
19880
|
-
var NavigationRail_default = {"
|
|
19930
|
+
var NavigationRail_default = {"active":"opus_E7mR15_active","root":"opus_E7mR15_root","srOnly":"opus_E7mR15_srOnly","icon":"opus_E7mR15_icon","item":"opus_E7mR15_item","label":"opus_E7mR15_label"};
|
|
19881
19931
|
|
|
19882
19932
|
// ../../components/NavigationRail/NavigationRail.tsx
|
|
19883
19933
|
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
@@ -19920,7 +19970,7 @@ function NavigationRail({ collapsed = false, items, onChange, value }) {
|
|
|
19920
19970
|
var import_react62 = require("react");
|
|
19921
19971
|
|
|
19922
19972
|
// ../../components/SplitButton/SplitButton.module.css
|
|
19923
|
-
var SplitButton_default = {"
|
|
19973
|
+
var SplitButton_default = {"menuItem":"opus_TVuiQN_menuItem","main":"opus_TVuiQN_main","menu":"opus_TVuiQN_menu","root":"opus_TVuiQN_root","caret":"opus_TVuiQN_caret"};
|
|
19924
19974
|
|
|
19925
19975
|
// ../../components/SplitButton/SplitButton.tsx
|
|
19926
19976
|
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
@@ -19985,7 +20035,7 @@ function SplitButton({
|
|
|
19985
20035
|
}
|
|
19986
20036
|
|
|
19987
20037
|
// ../../components/FloatingActionButton/FloatingActionButton.module.css
|
|
19988
|
-
var FloatingActionButton_default = {"
|
|
20038
|
+
var FloatingActionButton_default = {"icon":"opus_UXPLpX_icon","srOnly":"opus_UXPLpX_srOnly","label":"opus_UXPLpX_label","root":"opus_UXPLpX_root"};
|
|
19989
20039
|
|
|
19990
20040
|
// ../../components/FloatingActionButton/FloatingActionButton.tsx
|
|
19991
20041
|
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
@@ -20321,7 +20371,7 @@ function TileGradientDefs({ primary, secondary } = {}) {
|
|
|
20321
20371
|
}
|
|
20322
20372
|
|
|
20323
20373
|
// ../../components/Tile/Tile.module.css
|
|
20324
|
-
var Tile_default = {"
|
|
20374
|
+
var Tile_default = {"label":"opus_wypm8k_label","icon":"opus_wypm8k_icon","tile":"opus_wypm8k_tile"};
|
|
20325
20375
|
|
|
20326
20376
|
// ../../components/Tile/Tile.tsx
|
|
20327
20377
|
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
@@ -20354,7 +20404,7 @@ function Tile({
|
|
|
20354
20404
|
}
|
|
20355
20405
|
|
|
20356
20406
|
// ../../components/Tiles/Tiles.module.css
|
|
20357
|
-
var Tiles_default = {"
|
|
20407
|
+
var Tiles_default = {"tileItem":"opus_zD82gC_tileItem","row":"opus_zD82gC_row","previousButton":"opus_zD82gC_previousButton","viewport":"opus_zD82gC_viewport","nextButton":"opus_zD82gC_nextButton","tile":"opus_zD82gC_tile","moreButton":"opus_zD82gC_moreButton"};
|
|
20358
20408
|
|
|
20359
20409
|
// ../../components/Tiles/Tiles.tsx
|
|
20360
20410
|
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
@@ -20432,7 +20482,7 @@ function Tiles({ className, items, layout = "fill" }) {
|
|
|
20432
20482
|
}
|
|
20433
20483
|
|
|
20434
20484
|
// ../../components/StatTile/StatTile.module.css
|
|
20435
|
-
var StatTile_default = {"
|
|
20485
|
+
var StatTile_default = {"trend":"opus_8DpwUV_trend","label":"opus_8DpwUV_label","icon":"opus_8DpwUV_icon","comparison":"opus_8DpwUV_comparison","statTile":"opus_8DpwUV_statTile","meta":"opus_8DpwUV_meta","body":"opus_8DpwUV_body","value":"opus_8DpwUV_value"};
|
|
20436
20486
|
|
|
20437
20487
|
// ../../components/StatTile/StatTile.tsx
|
|
20438
20488
|
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
@@ -20487,7 +20537,7 @@ function StatTile({
|
|
|
20487
20537
|
var import_react65 = require("react");
|
|
20488
20538
|
|
|
20489
20539
|
// ../../components/StatTiles/StatTiles.module.css
|
|
20490
|
-
var StatTiles_default = {"moreButton":"opus_uhJd8v_moreButton","
|
|
20540
|
+
var StatTiles_default = {"moreButton":"opus_uhJd8v_moreButton","row":"opus_uhJd8v_row","viewport":"opus_uhJd8v_viewport","nextButton":"opus_uhJd8v_nextButton","previousButton":"opus_uhJd8v_previousButton","statTile":"opus_uhJd8v_statTile","statTileItem":"opus_uhJd8v_statTileItem"};
|
|
20491
20541
|
|
|
20492
20542
|
// ../../components/StatTiles/StatTiles.tsx
|
|
20493
20543
|
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
@@ -20568,7 +20618,7 @@ function StatTiles({ className, items, layout = "fill" }) {
|
|
|
20568
20618
|
var import_react66 = require("react");
|
|
20569
20619
|
|
|
20570
20620
|
// ../../components/PipelineOverview/PipelineOverview.module.css
|
|
20571
|
-
var PipelineOverview_default = {"
|
|
20621
|
+
var PipelineOverview_default = {"legendDot":"opus_1ScjMZ_legendDot","body":"opus_1ScjMZ_body","legend":"opus_1ScjMZ_legend","legendValue":"opus_1ScjMZ_legendValue","footer":"opus_1ScjMZ_footer","period":"opus_1ScjMZ_period","funnelSvg":"opus_1ScjMZ_funnelSvg","legendItem":"opus_1ScjMZ_legendItem","totalLabel":"opus_1ScjMZ_totalLabel","periodLabel":"opus_1ScjMZ_periodLabel","periodChevron":"opus_1ScjMZ_periodChevron","funnel":"opus_1ScjMZ_funnel","totalValue":"opus_1ScjMZ_totalValue","total":"opus_1ScjMZ_total","root":"opus_1ScjMZ_root","legendCopy":"opus_1ScjMZ_legendCopy","periodSelect":"opus_1ScjMZ_periodSelect","legendLabel":"opus_1ScjMZ_legendLabel"};
|
|
20572
20622
|
|
|
20573
20623
|
// ../../components/PipelineOverview/PipelineOverview.tsx
|
|
20574
20624
|
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
@@ -20915,7 +20965,7 @@ function getDealsOverTimePalette(palette, accents) {
|
|
|
20915
20965
|
}
|
|
20916
20966
|
|
|
20917
20967
|
// ../../components/DealsOverTime/DealsOverTime.module.css
|
|
20918
|
-
var DealsOverTime_default = {"
|
|
20968
|
+
var DealsOverTime_default = {"tooltipValue":"opus_Hn1LW1_tooltipValue","root":"opus_Hn1LW1_root","axisLabel":"opus_Hn1LW1_axisLabel","chartWrap":"opus_Hn1LW1_chartWrap","tooltip":"opus_Hn1LW1_tooltip","pointGlow":"opus_Hn1LW1_pointGlow","pointRing":"opus_Hn1LW1_pointRing","pointCore":"opus_Hn1LW1_pointCore","title":"opus_Hn1LW1_title","periodLabel":"opus_Hn1LW1_periodLabel","lineGlowMid":"opus_Hn1LW1_lineGlowMid","lineGlowSoft":"opus_Hn1LW1_lineGlowSoft","tooltipDate":"opus_Hn1LW1_tooltipDate","gridLine":"opus_Hn1LW1_gridLine","line":"opus_Hn1LW1_line","header":"opus_Hn1LW1_header","periodSelect":"opus_Hn1LW1_periodSelect","area":"opus_Hn1LW1_area","chart":"opus_Hn1LW1_chart","pointSolid":"opus_Hn1LW1_pointSolid","period":"opus_Hn1LW1_period","hitTarget":"opus_Hn1LW1_hitTarget"};
|
|
20919
20969
|
|
|
20920
20970
|
// ../../components/DealsOverTime/DealsOverTime.tsx
|
|
20921
20971
|
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
@@ -21319,7 +21369,7 @@ function DealsOverTime({
|
|
|
21319
21369
|
var import_react68 = require("react");
|
|
21320
21370
|
|
|
21321
21371
|
// ../../components/DashboardListWidget/shared.module.css
|
|
21322
|
-
var shared_default = {"
|
|
21372
|
+
var shared_default = {"iconWrap":"opus_8R-PJ3_iconWrap","itemAction":"opus_8R-PJ3_itemAction","footerIcon":"opus_8R-PJ3_footerIcon","footer":"opus_8R-PJ3_footer","list":"opus_8R-PJ3_list","footerAction":"opus_8R-PJ3_footerAction"};
|
|
21323
21373
|
|
|
21324
21374
|
// ../../components/DashboardListWidget/DashboardListFooter.tsx
|
|
21325
21375
|
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
@@ -21332,7 +21382,7 @@ function DashboardListFooter({ footerHref, footerLabel, onFooterClick }) {
|
|
|
21332
21382
|
}
|
|
21333
21383
|
|
|
21334
21384
|
// ../../components/UpcomingTasks/UpcomingTasks.module.css
|
|
21335
|
-
var UpcomingTasks_default = {"
|
|
21385
|
+
var UpcomingTasks_default = {"list":"opus_mFTWWU_list","title":"opus_mFTWWU_title","itemAction":"opus_mFTWWU_itemAction","itemBody":"opus_mFTWWU_itemBody","taskCheckbox":"opus_mFTWWU_taskCheckbox","copy":"opus_mFTWWU_copy","itemTitle":"opus_mFTWWU_itemTitle","header":"opus_mFTWWU_header","item":"opus_mFTWWU_item","itemSubtitle":"opus_mFTWWU_itemSubtitle","time":"opus_mFTWWU_time","root":"opus_mFTWWU_root"};
|
|
21336
21386
|
|
|
21337
21387
|
// ../../components/UpcomingTasks/UpcomingTasks.tsx
|
|
21338
21388
|
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
@@ -21417,7 +21467,7 @@ function UpcomingTasks({
|
|
|
21417
21467
|
}
|
|
21418
21468
|
|
|
21419
21469
|
// ../../components/RecentActivity/RecentActivity.module.css
|
|
21420
|
-
var RecentActivity_default = {"
|
|
21470
|
+
var RecentActivity_default = {"iconWrap":"opus_PR08Ax_iconWrap","itemSubtitle":"opus_PR08Ax_itemSubtitle","item":"opus_PR08Ax_item","title":"opus_PR08Ax_title","list":"opus_PR08Ax_list","time":"opus_PR08Ax_time","header":"opus_PR08Ax_header","itemAction":"opus_PR08Ax_itemAction","root":"opus_PR08Ax_root","itemTitle":"opus_PR08Ax_itemTitle","copy":"opus_PR08Ax_copy"};
|
|
21421
21471
|
|
|
21422
21472
|
// ../../components/RecentActivity/RecentActivity.tsx
|
|
21423
21473
|
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
@@ -43207,7 +43257,7 @@ function opusThemeTokens(theme) {
|
|
|
43207
43257
|
}
|
|
43208
43258
|
|
|
43209
43259
|
// ../../components/EmojiPicker/EmojiPicker.module.css
|
|
43210
|
-
var EmojiPicker_default = {"
|
|
43260
|
+
var EmojiPicker_default = {"categoryButton":"opus__tyRxw_categoryButton","srOnly":"opus__tyRxw_srOnly","categories":"opus__tyRxw_categories","root":"opus__tyRxw_root","panel":"opus__tyRxw_panel","emojiButton":"opus__tyRxw_emojiButton","searchHint":"opus__tyRxw_searchHint","empty":"opus__tyRxw_empty","grid":"opus__tyRxw_grid","search":"opus__tyRxw_search"};
|
|
43211
43261
|
|
|
43212
43262
|
// ../../components/EmojiPicker/EmojiPicker.tsx
|
|
43213
43263
|
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
@@ -43485,7 +43535,7 @@ function EmojiPicker({
|
|
|
43485
43535
|
var import_react70 = require("react");
|
|
43486
43536
|
|
|
43487
43537
|
// ../../components/NoteTag/NoteTag.module.css
|
|
43488
|
-
var NoteTag_default = {"
|
|
43538
|
+
var NoteTag_default = {"menuHeader":"opus__ZnbtA_menuHeader","picker":"opus__ZnbtA_picker","menu":"opus__ZnbtA_menu","list":"opus__ZnbtA_list","option":"opus__ZnbtA_option","options":"opus__ZnbtA_options","removeButton":"opus__ZnbtA_removeButton","tag":"opus__ZnbtA_tag"};
|
|
43489
43539
|
|
|
43490
43540
|
// ../../components/NoteTag/NoteTag.tsx
|
|
43491
43541
|
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
@@ -43635,7 +43685,7 @@ function NoteTagPicker({
|
|
|
43635
43685
|
}
|
|
43636
43686
|
|
|
43637
43687
|
// ../../components/NoteComposer/NoteComposer.module.css
|
|
43638
|
-
var NoteComposer_default = {"
|
|
43688
|
+
var NoteComposer_default = {"tools":"opus_pQVlNo_tools","root":"opus_pQVlNo_root","textarea":"opus_pQVlNo_textarea","toolButton":"opus_pQVlNo_toolButton","footer":"opus_pQVlNo_footer","selectedTags":"opus_pQVlNo_selectedTags","saveButton":"opus_pQVlNo_saveButton"};
|
|
43639
43689
|
|
|
43640
43690
|
// ../../components/NoteComposer/NoteComposer.tsx
|
|
43641
43691
|
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
@@ -43839,7 +43889,7 @@ var import_react73 = require("react");
|
|
|
43839
43889
|
var import_react72 = require("react");
|
|
43840
43890
|
|
|
43841
43891
|
// ../../components/ContentTimeline/ContentTimeline.module.css
|
|
43842
|
-
var ContentTimeline_default = {"
|
|
43892
|
+
var ContentTimeline_default = {"content":"opus_vApy-v_content","itemFooter":"opus_vApy-v_itemFooter","markerSlot":"opus_vApy-v_markerSlot","metaRow":"opus_vApy-v_metaRow","itemAction":"opus_vApy-v_itemAction","statusDot":"opus_vApy-v_statusDot","line":"opus_vApy-v_line","body":"opus_vApy-v_body","tag":"opus_vApy-v_tag","title":"opus_vApy-v_title","tags":"opus_vApy-v_tags","head":"opus_vApy-v_head","dot":"opus_vApy-v_dot","description":"opus_vApy-v_description","children":"opus_vApy-v_children","rail":"opus_vApy-v_rail","item":"opus_vApy-v_item","groupLabel":"opus_vApy-v_groupLabel","time":"opus_vApy-v_time","list":"opus_vApy-v_list"};
|
|
43843
43893
|
|
|
43844
43894
|
// ../../components/ContentTimeline/ContentTimeline.tsx
|
|
43845
43895
|
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
@@ -43956,7 +44006,7 @@ function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, varian
|
|
|
43956
44006
|
}
|
|
43957
44007
|
|
|
43958
44008
|
// ../../components/NotesActivity/NotesActivity.module.css
|
|
43959
|
-
var NotesActivity_default = {"
|
|
44009
|
+
var NotesActivity_default = {"notesActivityEnterFromRight":"opus_ThZ-Bi_notesActivityEnterFromRight","replyBlock":"opus_ThZ-Bi_replyBlock","tabs":"opus_ThZ-Bi_tabs","threadConnectors":"opus_ThZ-Bi_threadConnectors","tabsRow":"opus_ThZ-Bi_tabsRow","replyTools":"opus_ThZ-Bi_replyTools","replyToolButton":"opus_ThZ-Bi_replyToolButton","footerAction":"opus_ThZ-Bi_footerAction","composerPanel":"opus_ThZ-Bi_composerPanel","tab":"opus_ThZ-Bi_tab","composerBar":"opus_ThZ-Bi_composerBar","tabIcon":"opus_ThZ-Bi_tabIcon","composerClose":"opus_ThZ-Bi_composerClose","footerIcon":"opus_ThZ-Bi_footerIcon","feed":"opus_ThZ-Bi_feed","replyInput":"opus_ThZ-Bi_replyInput","notesActivityEnterFromLeft":"opus_ThZ-Bi_notesActivityEnterFromLeft","replyTags":"opus_ThZ-Bi_replyTags","composer":"opus_ThZ-Bi_composer","replyComposer":"opus_ThZ-Bi_replyComposer","root":"opus_ThZ-Bi_root","addNoteButton":"opus_ThZ-Bi_addNoteButton","threadItems":"opus_ThZ-Bi_threadItems","replyInputShell":"opus_ThZ-Bi_replyInputShell","footer":"opus_ThZ-Bi_footer"};
|
|
43960
44010
|
|
|
43961
44011
|
// ../../components/NotesActivity/NotesActivity.tsx
|
|
43962
44012
|
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
@@ -44737,7 +44787,7 @@ function NotesActivity({
|
|
|
44737
44787
|
var import_react74 = require("react");
|
|
44738
44788
|
|
|
44739
44789
|
// ../../components/TopPerformingUsers/TopPerformingUsers.module.css
|
|
44740
|
-
var TopPerformingUsers_default = {"
|
|
44790
|
+
var TopPerformingUsers_default = {"row":"opus_sYx0a6_row","list":"opus_sYx0a6_list","root":"opus_sYx0a6_root","barTrack":"opus_sYx0a6_barTrack","value":"opus_sYx0a6_value","barFill":"opus_sYx0a6_barFill","itemAction":"opus_sYx0a6_itemAction","title":"opus_sYx0a6_title","header":"opus_sYx0a6_header","name":"opus_sYx0a6_name","item":"opus_sYx0a6_item"};
|
|
44741
44791
|
|
|
44742
44792
|
// ../../components/TopPerformingUsers/TopPerformingUsers.tsx
|
|
44743
44793
|
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
@@ -44796,7 +44846,7 @@ function TopPerformingUsers({
|
|
|
44796
44846
|
}
|
|
44797
44847
|
|
|
44798
44848
|
// ../../components/UserProfileWidget/UserProfileWidget.module.css
|
|
44799
|
-
var UserProfileWidget_default = {"chevronButton":"opus_zjR1aT_chevronButton","role":"opus_zjR1aT_role","chevron":"opus_zjR1aT_chevron","
|
|
44849
|
+
var UserProfileWidget_default = {"root":"opus_zjR1aT_root","chevronButton":"opus_zjR1aT_chevronButton","role":"opus_zjR1aT_role","chevron":"opus_zjR1aT_chevron","avatarButton":"opus_zjR1aT_avatarButton","name":"opus_zjR1aT_name","copy":"opus_zjR1aT_copy"};
|
|
44800
44850
|
|
|
44801
44851
|
// ../../components/UserProfileWidget/UserProfileWidget.tsx
|
|
44802
44852
|
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
@@ -44964,7 +45014,7 @@ function ProfilePhotoUploadModal({
|
|
|
44964
45014
|
}
|
|
44965
45015
|
|
|
44966
45016
|
// ../../components/ImageCropUploadWidget/ImageCropUploadWidget.module.css
|
|
44967
|
-
var ImageCropUploadWidget_default = {"
|
|
45017
|
+
var ImageCropUploadWidget_default = {"field":"opus_jO9vJQ_field","title":"opus_jO9vJQ_title","root":"opus_jO9vJQ_root"};
|
|
44968
45018
|
|
|
44969
45019
|
// ../../components/ImageCropUploadWidget/ImageCropUploadWidget.tsx
|
|
44970
45020
|
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
@@ -45012,7 +45062,7 @@ function ImageCropUploadWidget({
|
|
|
45012
45062
|
var import_react76 = require("react");
|
|
45013
45063
|
|
|
45014
45064
|
// ../../components/PropertyInspector/PropertyInspector.module.css
|
|
45015
|
-
var PropertyInspector_default = {"
|
|
45065
|
+
var PropertyInspector_default = {"group":"opus_IrN8Z8_group","groupHeader":"opus_IrN8Z8_groupHeader","root":"opus_IrN8Z8_root","search":"opus_IrN8Z8_search","row":"opus_IrN8Z8_row","valueCell":"opus_IrN8Z8_valueCell","input":"opus_IrN8Z8_input","checkbox":"opus_IrN8Z8_checkbox","searchRow":"opus_IrN8Z8_searchRow","select":"opus_IrN8Z8_select","rows":"opus_IrN8Z8_rows","label":"opus_IrN8Z8_label","value":"opus_IrN8Z8_value"};
|
|
45016
45066
|
|
|
45017
45067
|
// ../../components/PropertyInspector/PropertyInspector.tsx
|
|
45018
45068
|
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
@@ -45132,7 +45182,7 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
45132
45182
|
var import_react77 = require("react");
|
|
45133
45183
|
|
|
45134
45184
|
// ../../components/FilterBuilder/FilterBuilder.module.css
|
|
45135
|
-
var FilterBuilder_default = {"
|
|
45185
|
+
var FilterBuilder_default = {"row":"opus_CtJDHh_row","root":"opus_CtJDHh_root","empty":"opus_CtJDHh_empty","outputLabel":"opus_CtJDHh_outputLabel","list":"opus_CtJDHh_list","select":"opus_CtJDHh_select","input":"opus_CtJDHh_input","payload":"opus_CtJDHh_payload","valuePlaceholder":"opus_CtJDHh_valuePlaceholder","joiner":"opus_CtJDHh_joiner","output":"opus_CtJDHh_output","remove":"opus_CtJDHh_remove","title":"opus_CtJDHh_title","expression":"opus_CtJDHh_expression","header":"opus_CtJDHh_header","add":"opus_CtJDHh_add","joinerSpacer":"opus_CtJDHh_joinerSpacer"};
|
|
45136
45186
|
|
|
45137
45187
|
// ../../components/FilterBuilder/FilterBuilder.tsx
|
|
45138
45188
|
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
@@ -45242,7 +45292,7 @@ function FilterBuilder({ conditions, fields, onChange }) {
|
|
|
45242
45292
|
var import_react78 = require("react");
|
|
45243
45293
|
|
|
45244
45294
|
// ../../components/QueryBuilder/QueryBuilder.module.css
|
|
45245
|
-
var QueryBuilder_default = {"
|
|
45295
|
+
var QueryBuilder_default = {"row":"opus_b7dZwd_row","root":"opus_b7dZwd_root","selectNarrow":"opus_b7dZwd_selectNarrow","outputLabel":"opus_b7dZwd_outputLabel","combinator":"opus_b7dZwd_combinator","expression":"opus_b7dZwd_expression","output":"opus_b7dZwd_output","list":"opus_b7dZwd_list","payload":"opus_b7dZwd_payload","add":"opus_b7dZwd_add","toolbar":"opus_b7dZwd_toolbar","empty":"opus_b7dZwd_empty","input":"opus_b7dZwd_input","select":"opus_b7dZwd_select","chip":"opus_b7dZwd_chip","remove":"opus_b7dZwd_remove","chipSpacer":"opus_b7dZwd_chipSpacer"};
|
|
45246
45296
|
|
|
45247
45297
|
// ../../components/QueryBuilder/QueryBuilder.tsx
|
|
45248
45298
|
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
@@ -45369,7 +45419,7 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
45369
45419
|
var import_react79 = require("react");
|
|
45370
45420
|
|
|
45371
45421
|
// ../../components/RuleBuilder/RuleBuilder.module.css
|
|
45372
|
-
var RuleBuilder_default = {"
|
|
45422
|
+
var RuleBuilder_default = {"output":"opus_O61tUk_output","expression":"opus_O61tUk_expression","action":"opus_O61tUk_action","select":"opus_O61tUk_select","header":"opus_O61tUk_header","input":"opus_O61tUk_input","enabled":"opus_O61tUk_enabled","add":"opus_O61tUk_add","actions":"opus_O61tUk_actions","title":"opus_O61tUk_title","list":"opus_O61tUk_list","card":"opus_O61tUk_card","outputLabel":"opus_O61tUk_outputLabel","root":"opus_O61tUk_root","payload":"opus_O61tUk_payload","subtitle":"opus_O61tUk_subtitle","cardTop":"opus_O61tUk_cardTop","name":"opus_O61tUk_name","field":"opus_O61tUk_field","priority":"opus_O61tUk_priority","empty":"opus_O61tUk_empty"};
|
|
45373
45423
|
|
|
45374
45424
|
// ../../components/RuleBuilder/RuleBuilder.tsx
|
|
45375
45425
|
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
@@ -45512,7 +45562,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
45512
45562
|
}
|
|
45513
45563
|
|
|
45514
45564
|
// ../../components/PermissionsMatrix/PermissionsMatrix.module.css
|
|
45515
|
-
var PermissionsMatrix_default = {"select":"opus_x-xBrX_select","
|
|
45565
|
+
var PermissionsMatrix_default = {"select":"opus_x-xBrX_select","cell":"opus_x-xBrX_cell","corner":"opus_x-xBrX_corner","table":"opus_x-xBrX_table","scroll":"opus_x-xBrX_scroll","head":"opus_x-xBrX_head","rowHead":"opus_x-xBrX_rowHead","root":"opus_x-xBrX_root"};
|
|
45516
45566
|
|
|
45517
45567
|
// ../../components/PermissionsMatrix/PermissionsMatrix.tsx
|
|
45518
45568
|
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
@@ -45548,7 +45598,7 @@ function PermissionsMatrix({ onChange, permissions, resources, roles }) {
|
|
|
45548
45598
|
var import_react80 = require("react");
|
|
45549
45599
|
|
|
45550
45600
|
// ../../components/DualListBuilder/DualListBuilder.module.css
|
|
45551
|
-
var DualListBuilder_default = {"columnTitle":"opus_P6crEX_columnTitle","
|
|
45601
|
+
var DualListBuilder_default = {"columnTitle":"opus_P6crEX_columnTitle","expression":"opus_P6crEX_expression","count":"opus_P6crEX_count","payload":"opus_P6crEX_payload","item":"opus_P6crEX_item","search":"opus_P6crEX_search","columns":"opus_P6crEX_columns","controls":"opus_P6crEX_controls","root":"opus_P6crEX_root","itemActive":"opus_P6crEX_itemActive","output":"opus_P6crEX_output","outputLabel":"opus_P6crEX_outputLabel","list":"opus_P6crEX_list","column":"opus_P6crEX_column","control":"opus_P6crEX_control","searchRow":"opus_P6crEX_searchRow"};
|
|
45552
45602
|
|
|
45553
45603
|
// ../../components/DualListBuilder/DualListBuilder.tsx
|
|
45554
45604
|
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
@@ -45677,7 +45727,7 @@ function ListColumn2({
|
|
|
45677
45727
|
var import_react81 = require("react");
|
|
45678
45728
|
|
|
45679
45729
|
// ../../components/Scheduler/Scheduler.module.css
|
|
45680
|
-
var Scheduler_default = {"grid":"opus_ZqbdMc_grid","
|
|
45730
|
+
var Scheduler_default = {"grid":"opus_ZqbdMc_grid","eventTime":"opus_ZqbdMc_eventTime","eventTitle":"opus_ZqbdMc_eventTitle","root":"opus_ZqbdMc_root","dayHead":"opus_ZqbdMc_dayHead","cell":"opus_ZqbdMc_cell","event":"opus_ZqbdMc_event","time":"opus_ZqbdMc_time","corner":"opus_ZqbdMc_corner"};
|
|
45681
45731
|
|
|
45682
45732
|
// ../../components/Scheduler/Scheduler.tsx
|
|
45683
45733
|
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
@@ -45745,7 +45795,7 @@ function formatHour(hour) {
|
|
|
45745
45795
|
var import_react82 = require("react");
|
|
45746
45796
|
|
|
45747
45797
|
// ../../components/KanbanBoard/KanbanBoard.module.css
|
|
45748
|
-
var KanbanBoard_default = {"
|
|
45798
|
+
var KanbanBoard_default = {"card":"opus_EUh8ei_card","columnTitle":"opus_EUh8ei_columnTitle","count":"opus_EUh8ei_count","cards":"opus_EUh8ei_cards","columnHeader":"opus_EUh8ei_columnHeader","root":"opus_EUh8ei_root","column":"opus_EUh8ei_column","cardMeta":"opus_EUh8ei_cardMeta","cardTitle":"opus_EUh8ei_cardTitle"};
|
|
45749
45799
|
|
|
45750
45800
|
// ../../components/KanbanBoard/KanbanBoard.tsx
|
|
45751
45801
|
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
@@ -45859,7 +45909,7 @@ function sortEventsByTime(events) {
|
|
|
45859
45909
|
var import_react83 = require("react");
|
|
45860
45910
|
|
|
45861
45911
|
// ../../components/Calendar/Calendar.module.css
|
|
45862
|
-
var Calendar_default = {"
|
|
45912
|
+
var Calendar_default = {"weekdays":"opus_IjCc5M_weekdays","yearSelect":"opus_IjCc5M_yearSelect","dayModalList":"opus_IjCc5M_dayModalList","dayModalEmpty":"opus_IjCc5M_dayModalEmpty","dayModalNotice":"opus_IjCc5M_dayModalNotice","nav":"opus_IjCc5M_nav","events":"opus_IjCc5M_events","eventLabel":"opus_IjCc5M_eventLabel","dot":"opus_IjCc5M_dot","dayModalItem":"opus_IjCc5M_dayModalItem","dayModalForm":"opus_IjCc5M_dayModalForm","dayModalItemTime":"opus_IjCc5M_dayModalItemTime","label":"opus_IjCc5M_label","event":"opus_IjCc5M_event","today":"opus_IjCc5M_today","toolbar":"opus_IjCc5M_toolbar","srOnly":"opus_IjCc5M_srOnly","empty":"opus_IjCc5M_empty","weekday":"opus_IjCc5M_weekday","monthSelect":"opus_IjCc5M_monthSelect","grid":"opus_IjCc5M_grid","dayModalHeading":"opus_IjCc5M_dayModalHeading","select":"opus_IjCc5M_select","dayModalItemTitle":"opus_IjCc5M_dayModalItemTitle","pickerField":"opus_IjCc5M_pickerField","dayModalItemBody":"opus_IjCc5M_dayModalItemBody","dayModalItemMeta":"opus_IjCc5M_dayModalItemMeta","dayNumber":"opus_IjCc5M_dayNumber","dayModalDot":"opus_IjCc5M_dayModalDot","moreEvents":"opus_IjCc5M_moreEvents","root":"opus_IjCc5M_root","picker":"opus_IjCc5M_picker","selected":"opus_IjCc5M_selected","dayModalFieldRow":"opus_IjCc5M_dayModalFieldRow","dayModal":"opus_IjCc5M_dayModal","day":"opus_IjCc5M_day","dayModalSection":"opus_IjCc5M_dayModalSection"};
|
|
45863
45913
|
|
|
45864
45914
|
// ../../components/Calendar/CalendarDayModal.tsx
|
|
45865
45915
|
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
@@ -46186,7 +46236,7 @@ function Calendar({
|
|
|
46186
46236
|
var import_react85 = require("react");
|
|
46187
46237
|
|
|
46188
46238
|
// ../../components/ResourcePlanner/ResourcePlanner.module.css
|
|
46189
|
-
var ResourcePlanner_default = {"
|
|
46239
|
+
var ResourcePlanner_default = {"track":"opus_9Mof8o_track","root":"opus_9Mof8o_root","row":"opus_9Mof8o_row","corner":"opus_9Mof8o_corner","resource":"opus_9Mof8o_resource","header":"opus_9Mof8o_header","hour":"opus_9Mof8o_hour","scroll":"opus_9Mof8o_scroll","lanes":"opus_9Mof8o_lanes","lane":"opus_9Mof8o_lane","block":"opus_9Mof8o_block"};
|
|
46190
46240
|
|
|
46191
46241
|
// ../../components/ResourcePlanner/ResourcePlanner.tsx
|
|
46192
46242
|
var import_jsx_runtime148 = require("react/jsx-runtime");
|
|
@@ -46261,7 +46311,7 @@ function resolveContactDetailsContact(contact, defaults) {
|
|
|
46261
46311
|
}
|
|
46262
46312
|
|
|
46263
46313
|
// ../../components/ContactDetails/ContactIdentityCard.module.css
|
|
46264
|
-
var ContactIdentityCard_default = {"
|
|
46314
|
+
var ContactIdentityCard_default = {"avatarEdit":"opus_9xh2Bk_avatarEdit","avatarWrap":"opus_9xh2Bk_avatarWrap","identity":"opus_9xh2Bk_identity","status":"opus_9xh2Bk_status","primaryMark":"opus_9xh2Bk_primaryMark","companyIcon":"opus_9xh2Bk_companyIcon","companyCopy":"opus_9xh2Bk_companyCopy","identityCard":"opus_9xh2Bk_identityCard","headline":"opus_9xh2Bk_headline","companyList":"opus_9xh2Bk_companyList"};
|
|
46265
46315
|
|
|
46266
46316
|
// ../../components/ContactDetails/ContactIdentityCard.tsx
|
|
46267
46317
|
var import_jsx_runtime149 = require("react/jsx-runtime");
|
|
@@ -46352,7 +46402,9 @@ var import_jsx_runtime150 = require("react/jsx-runtime");
|
|
|
46352
46402
|
function MoreActionsMenu({
|
|
46353
46403
|
items,
|
|
46354
46404
|
label = "More actions",
|
|
46355
|
-
onSelect
|
|
46405
|
+
onSelect,
|
|
46406
|
+
showPointer = true,
|
|
46407
|
+
triggerGap = 8
|
|
46356
46408
|
}) {
|
|
46357
46409
|
const dropdownItems = items.map((item) => ({
|
|
46358
46410
|
destructive: item.destructive,
|
|
@@ -46375,13 +46427,15 @@ function MoreActionsMenu({
|
|
|
46375
46427
|
onSelect == null ? void 0 : onSelect(item);
|
|
46376
46428
|
},
|
|
46377
46429
|
placement: "bottom-end",
|
|
46430
|
+
showPointer,
|
|
46431
|
+
triggerGap,
|
|
46378
46432
|
trigger: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Button, { "aria-label": label, className: MoreActionsMenu_default.trigger, variant: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(CatalogIcon, { iconName: "ellipsis-vertical" }) })
|
|
46379
46433
|
}
|
|
46380
46434
|
);
|
|
46381
46435
|
}
|
|
46382
46436
|
|
|
46383
46437
|
// ../../components/ContactDetails/ContactSummaryCard.module.css
|
|
46384
|
-
var ContactSummaryCard_default = {"
|
|
46438
|
+
var ContactSummaryCard_default = {"detailsGrid":"opus_8ccRnS_detailsGrid","summaryTabs":"opus_8ccRnS_summaryTabs","securityAction":"opus_8ccRnS_securityAction","statusValue":"opus_8ccRnS_statusValue","detailItem":"opus_8ccRnS_detailItem","owner":"opus_8ccRnS_owner","summaryPanel":"opus_8ccRnS_summaryPanel","detailsCard":"opus_8ccRnS_detailsCard","tags":"opus_8ccRnS_tags","securityField":"opus_8ccRnS_securityField","companies":"opus_8ccRnS_companies","companyEmployment":"opus_8ccRnS_companyEmployment","detailIcon":"opus_8ccRnS_detailIcon","detailsColumn":"opus_8ccRnS_detailsColumn"};
|
|
46385
46439
|
|
|
46386
46440
|
// ../../components/ContactDetails/ContactSummaryCard.tsx
|
|
46387
46441
|
var import_jsx_runtime151 = require("react/jsx-runtime");
|
|
@@ -46876,7 +46930,7 @@ var import_react90 = require("react");
|
|
|
46876
46930
|
var import_react89 = require("react");
|
|
46877
46931
|
|
|
46878
46932
|
// ../../components/CompactDocuments/CompactDocuments.module.css
|
|
46879
|
-
var CompactDocuments_default = {"
|
|
46933
|
+
var CompactDocuments_default = {"grid":"opus_I18Pjx_grid","column":"opus_I18Pjx_column","columns":"opus_I18Pjx_columns","list":"opus_I18Pjx_list","listRow":"opus_I18Pjx_listRow","columnRow":"opus_I18Pjx_columnRow","cardTop":"opus_I18Pjx_cardTop","columnTitle":"opus_I18Pjx_columnTitle","nodeCopy":"opus_I18Pjx_nodeCopy","nodeIcon":"opus_I18Pjx_nodeIcon","empty":"opus_I18Pjx_empty","toolbar":"opus_I18Pjx_toolbar","card":"opus_I18Pjx_card","viewOptions":"opus_I18Pjx_viewOptions","breadcrumb":"opus_I18Pjx_breadcrumb","root":"opus_I18Pjx_root","controls":"opus_I18Pjx_controls","viewport":"opus_I18Pjx_viewport"};
|
|
46880
46934
|
|
|
46881
46935
|
// ../../components/CompactDocuments/CompactDocuments.tsx
|
|
46882
46936
|
var import_jsx_runtime154 = require("react/jsx-runtime");
|
|
@@ -47050,7 +47104,7 @@ function CompactDocuments({
|
|
|
47050
47104
|
}
|
|
47051
47105
|
|
|
47052
47106
|
// ../../components/ContactDetails/ContactNotesActivity.module.css
|
|
47053
|
-
var ContactNotesActivity_default = {"
|
|
47107
|
+
var ContactNotesActivity_default = {"scrollPanel":"opus_542jf0_scrollPanel","cardNotesPanel":"opus_542jf0_cardNotesPanel","cardNotesPanelContent":"opus_542jf0_cardNotesPanelContent","emptyPanel":"opus_542jf0_emptyPanel","tabsCardCard":"opus_542jf0_tabsCardCard","tabsCardLine":"opus_542jf0_tabsCardLine","notesActivity":"opus_542jf0_notesActivity","compactDocuments":"opus_542jf0_compactDocuments","workspaceAction":"opus_542jf0_workspaceAction","workspaceTabs":"opus_542jf0_workspaceTabs"};
|
|
47054
47108
|
|
|
47055
47109
|
// ../../components/ContactDetails/ContactNotesActivity.tsx
|
|
47056
47110
|
var import_jsx_runtime155 = require("react/jsx-runtime");
|
|
@@ -47302,7 +47356,7 @@ function CompanyLogoUploadModal({
|
|
|
47302
47356
|
}
|
|
47303
47357
|
|
|
47304
47358
|
// ../../components/CompanyDetails/CompanyIdentityCard.module.css
|
|
47305
|
-
var CompanyIdentityCard_default = {"
|
|
47359
|
+
var CompanyIdentityCard_default = {"companyCopy":"opus_VeicQh_companyCopy","identity":"opus_VeicQh_identity","status":"opus_VeicQh_status","companyList":"opus_VeicQh_companyList","primaryMark":"opus_VeicQh_primaryMark","logoFrame":"opus_VeicQh_logoFrame","identityCard":"opus_VeicQh_identityCard","avatarWrap":"opus_VeicQh_avatarWrap","companyIcon":"opus_VeicQh_companyIcon","logo":"opus_VeicQh_logo","avatarEdit":"opus_VeicQh_avatarEdit","headline":"opus_VeicQh_headline"};
|
|
47306
47360
|
|
|
47307
47361
|
// ../../components/CompanyDetails/CompanyIdentityCard.tsx
|
|
47308
47362
|
var import_jsx_runtime157 = require("react/jsx-runtime");
|
|
@@ -47401,7 +47455,7 @@ function resolveCompanyDetailsCompany(company, defaults) {
|
|
|
47401
47455
|
}
|
|
47402
47456
|
|
|
47403
47457
|
// ../../components/CompanyDetails/CompanySummaryCard.module.css
|
|
47404
|
-
var CompanySummaryCard_default = {"
|
|
47458
|
+
var CompanySummaryCard_default = {"summaryPanel":"opus_O7TkMw_summaryPanel","statusValue":"opus_O7TkMw_statusValue","detailsGrid":"opus_O7TkMw_detailsGrid","detailsColumn":"opus_O7TkMw_detailsColumn","companyEmployment":"opus_O7TkMw_companyEmployment","detailIcon":"opus_O7TkMw_detailIcon","securityAction":"opus_O7TkMw_securityAction","owner":"opus_O7TkMw_owner","detailsCard":"opus_O7TkMw_detailsCard","tags":"opus_O7TkMw_tags","detailItem":"opus_O7TkMw_detailItem","branchName":"opus_O7TkMw_branchName","securityField":"opus_O7TkMw_securityField","summaryTabs":"opus_O7TkMw_summaryTabs","companies":"opus_O7TkMw_companies","branchesEmpty":"opus_O7TkMw_branchesEmpty"};
|
|
47405
47459
|
|
|
47406
47460
|
// ../../components/CompanyDetails/CompanySummaryCard.tsx
|
|
47407
47461
|
var import_jsx_runtime158 = require("react/jsx-runtime");
|
|
@@ -47847,7 +47901,7 @@ function CompanyDetails({
|
|
|
47847
47901
|
var import_react94 = require("react");
|
|
47848
47902
|
|
|
47849
47903
|
// ../../components/CompanyDetails/CompanyNotesActivity.module.css
|
|
47850
|
-
var CompanyNotesActivity_default = {"
|
|
47904
|
+
var CompanyNotesActivity_default = {"contactHeadline":"opus_dp6pcp_contactHeadline","scrollPanel":"opus_dp6pcp_scrollPanel","notesActivity":"opus_dp6pcp_notesActivity","tabsCardCard":"opus_dp6pcp_tabsCardCard","emptyPanel":"opus_dp6pcp_emptyPanel","cardNotesPanel":"opus_dp6pcp_cardNotesPanel","contactCopy":"opus_dp6pcp_contactCopy","contactRow":"opus_dp6pcp_contactRow","contactMeta":"opus_dp6pcp_contactMeta","workspaceTabs":"opus_dp6pcp_workspaceTabs","compactDocuments":"opus_dp6pcp_compactDocuments","contactsList":"opus_dp6pcp_contactsList","workspaceAction":"opus_dp6pcp_workspaceAction","cardNotesPanelContent":"opus_dp6pcp_cardNotesPanelContent","tabsCardLine":"opus_dp6pcp_tabsCardLine"};
|
|
47851
47905
|
|
|
47852
47906
|
// ../../components/CompanyDetails/CompanyNotesActivity.tsx
|
|
47853
47907
|
var import_jsx_runtime161 = require("react/jsx-runtime");
|
|
@@ -48037,7 +48091,7 @@ function CompanyNotesActivity({
|
|
|
48037
48091
|
var import_react95 = require("react");
|
|
48038
48092
|
|
|
48039
48093
|
// ../../components/TreeView/TreeView.module.css
|
|
48040
|
-
var TreeView_default = {"
|
|
48094
|
+
var TreeView_default = {"leafMark":"opus_NlkzXy_leafMark","row":"opus_NlkzXy_row","label":"opus_NlkzXy_label","children":"opus_NlkzXy_children","node":"opus_NlkzXy_node","tree":"opus_NlkzXy_tree","toggle":"opus_NlkzXy_toggle"};
|
|
48041
48095
|
|
|
48042
48096
|
// ../../components/TreeView/TreeView.tsx
|
|
48043
48097
|
var import_jsx_runtime162 = require("react/jsx-runtime");
|
|
@@ -48117,7 +48171,7 @@ function TreeView({ defaultExpandedIds, nodes }) {
|
|
|
48117
48171
|
}
|
|
48118
48172
|
|
|
48119
48173
|
// ../../components/MasonryGrid/MasonryGrid.module.css
|
|
48120
|
-
var MasonryGrid_default = {"
|
|
48174
|
+
var MasonryGrid_default = {"card":"opus_Fxxd7-_card","title":"opus_Fxxd7-_title","grid":"opus_Fxxd7-_grid","body":"opus_Fxxd7-_body"};
|
|
48121
48175
|
|
|
48122
48176
|
// ../../components/MasonryGrid/MasonryGrid.tsx
|
|
48123
48177
|
var import_jsx_runtime163 = require("react/jsx-runtime");
|
|
@@ -48162,7 +48216,7 @@ function MasonryGrid({ columns = 3, gap = 12, items, onItemClick }) {
|
|
|
48162
48216
|
var import_react96 = require("react");
|
|
48163
48217
|
|
|
48164
48218
|
// ../../components/JsonViewer/JsonViewer.module.css
|
|
48165
|
-
var JsonViewer_default = {"
|
|
48219
|
+
var JsonViewer_default = {"line":"opus_uLDgXq_line","number":"opus_uLDgXq_number","children":"opus_uLDgXq_children","string":"opus_uLDgXq_string","key":"opus_uLDgXq_key","toggleLine":"opus_uLDgXq_toggleLine","block":"opus_uLDgXq_block","root":"opus_uLDgXq_root","boolean":"opus_uLDgXq_boolean","null":"opus_uLDgXq_null","summary":"opus_uLDgXq_summary","chevron":"opus_uLDgXq_chevron"};
|
|
48166
48220
|
|
|
48167
48221
|
// ../../components/JsonViewer/JsonViewer.tsx
|
|
48168
48222
|
var import_jsx_runtime164 = require("react/jsx-runtime");
|
|
@@ -48278,7 +48332,7 @@ function Icon({ label, name, size = "md", tone = "default" }) {
|
|
|
48278
48332
|
}
|
|
48279
48333
|
|
|
48280
48334
|
// ../../components/Spinner/Spinner.module.css
|
|
48281
|
-
var Spinner_default = {"
|
|
48335
|
+
var Spinner_default = {"opus-spinner-rotate":"opus_g5cd4Q_opus-spinner-rotate","spinner":"opus_g5cd4Q_spinner","ring":"opus_g5cd4Q_ring"};
|
|
48282
48336
|
|
|
48283
48337
|
// ../../components/Spinner/Spinner.tsx
|
|
48284
48338
|
var import_jsx_runtime166 = require("react/jsx-runtime");
|
|
@@ -48300,7 +48354,7 @@ function Spinner({ label = "Loading", size = "md", tone = "accent" }) {
|
|
|
48300
48354
|
var import_react97 = require("react");
|
|
48301
48355
|
|
|
48302
48356
|
// ../../components/Clock/Clock.module.css
|
|
48303
|
-
var Clock_default = {"
|
|
48357
|
+
var Clock_default = {"centreDotInner":"opus_Lj91mC_centreDotInner","secondHand":"opus_Lj91mC_secondHand","digitalTime":"opus_Lj91mC_digitalTime","date":"opus_Lj91mC_date","root":"opus_Lj91mC_root","number":"opus_Lj91mC_number","loading":"opus_Lj91mC_loading","face":"opus_Lj91mC_face","tick":"opus_Lj91mC_tick","hand":"opus_Lj91mC_hand","hourHand":"opus_Lj91mC_hourHand","minuteHand":"opus_Lj91mC_minuteHand","centreDot":"opus_Lj91mC_centreDot"};
|
|
48304
48358
|
|
|
48305
48359
|
// ../../components/Clock/Clock.tsx
|
|
48306
48360
|
var import_jsx_runtime167 = require("react/jsx-runtime");
|
|
@@ -48408,33 +48462,264 @@ function Clock({
|
|
|
48408
48462
|
);
|
|
48409
48463
|
}
|
|
48410
48464
|
|
|
48465
|
+
// ../../components/FlipClock/FlipClock.tsx
|
|
48466
|
+
var import_react98 = require("react");
|
|
48467
|
+
|
|
48468
|
+
// ../../components/FlipClock/FlipClock.module.css
|
|
48469
|
+
var FlipClock_default = {"panel":"opus_U6YEpK_panel","rotor":"opus_U6YEpK_rotor","panelTop":"opus_U6YEpK_panelTop","leafRear":"opus_U6YEpK_leafRear","pair":"opus_U6YEpK_pair","leaf":"opus_U6YEpK_leaf","loading":"opus_U6YEpK_loading","date":"opus_U6YEpK_date","root":"opus_U6YEpK_root","board":"opus_U6YEpK_board","colonPulse":"opus_U6YEpK_colonPulse","figure":"opus_U6YEpK_figure","srOnly":"opus_U6YEpK_srOnly","leafFace":"opus_U6YEpK_leafFace","separator":"opus_U6YEpK_separator","leafFront":"opus_U6YEpK_leafFront","leafFlip":"opus_U6YEpK_leafFlip","panelBottom":"opus_U6YEpK_panelBottom","probe":"opus_U6YEpK_probe","glyph":"opus_U6YEpK_glyph"};
|
|
48470
|
+
|
|
48471
|
+
// ../../components/FlipClock/FlipClock.tsx
|
|
48472
|
+
var import_jsx_runtime168 = require("react/jsx-runtime");
|
|
48473
|
+
var FLIP_CLOCK_FRAME_RATE = 24;
|
|
48474
|
+
function frameFromDate(date) {
|
|
48475
|
+
return Math.floor(date.getMilliseconds() / (1e3 / FLIP_CLOCK_FRAME_RATE)) % FLIP_CLOCK_FRAME_RATE;
|
|
48476
|
+
}
|
|
48477
|
+
function measureInkNudge(glyph, figure) {
|
|
48478
|
+
glyph.style.transform = "none";
|
|
48479
|
+
const range2 = document.createRange();
|
|
48480
|
+
range2.selectNodeContents(glyph);
|
|
48481
|
+
const ink = range2.getBoundingClientRect();
|
|
48482
|
+
const box = figure.getBoundingClientRect();
|
|
48483
|
+
glyph.style.transform = "";
|
|
48484
|
+
if (ink.width < 1 || ink.height < 1 || box.height < 1) {
|
|
48485
|
+
return { x: 0, y: 0 };
|
|
48486
|
+
}
|
|
48487
|
+
return {
|
|
48488
|
+
x: box.left + box.width / 2 - (ink.left + ink.width / 2),
|
|
48489
|
+
y: box.top + box.height / 2 - (ink.top + ink.height / 2)
|
|
48490
|
+
};
|
|
48491
|
+
}
|
|
48492
|
+
function useFlipInkNudge(size) {
|
|
48493
|
+
const rootRef = (0, import_react98.useRef)(null);
|
|
48494
|
+
const probeGlyphRef = (0, import_react98.useRef)(null);
|
|
48495
|
+
const probeFigureRef = (0, import_react98.useRef)(null);
|
|
48496
|
+
const [nudge, setNudge] = (0, import_react98.useState)({ x: 0, y: 0 });
|
|
48497
|
+
(0, import_react98.useLayoutEffect)(() => {
|
|
48498
|
+
const root = rootRef.current;
|
|
48499
|
+
const glyph = probeGlyphRef.current;
|
|
48500
|
+
const figure = probeFigureRef.current;
|
|
48501
|
+
if (!root || !glyph || !figure) {
|
|
48502
|
+
return;
|
|
48503
|
+
}
|
|
48504
|
+
let frame = 0;
|
|
48505
|
+
const timeouts = [];
|
|
48506
|
+
const run = () => {
|
|
48507
|
+
window.cancelAnimationFrame(frame);
|
|
48508
|
+
frame = window.requestAnimationFrame(() => {
|
|
48509
|
+
const next = measureInkNudge(glyph, figure);
|
|
48510
|
+
setNudge(
|
|
48511
|
+
(prev) => Math.abs(prev.x - next.x) < 0.25 && Math.abs(prev.y - next.y) < 0.25 ? prev : next
|
|
48512
|
+
);
|
|
48513
|
+
});
|
|
48514
|
+
};
|
|
48515
|
+
const runSoon = () => {
|
|
48516
|
+
run();
|
|
48517
|
+
timeouts.push(window.setTimeout(run, 60));
|
|
48518
|
+
timeouts.push(window.setTimeout(run, 250));
|
|
48519
|
+
};
|
|
48520
|
+
runSoon();
|
|
48521
|
+
void document.fonts.ready.then(runSoon);
|
|
48522
|
+
document.fonts.addEventListener("loadingdone", runSoon);
|
|
48523
|
+
const rootObserver = new ResizeObserver(runSoon);
|
|
48524
|
+
rootObserver.observe(root);
|
|
48525
|
+
const themeObserver = new MutationObserver(runSoon);
|
|
48526
|
+
themeObserver.observe(document.documentElement, {
|
|
48527
|
+
attributes: true,
|
|
48528
|
+
attributeFilter: ["style", "class"]
|
|
48529
|
+
});
|
|
48530
|
+
return () => {
|
|
48531
|
+
window.cancelAnimationFrame(frame);
|
|
48532
|
+
timeouts.forEach((id) => window.clearTimeout(id));
|
|
48533
|
+
document.fonts.removeEventListener("loadingdone", runSoon);
|
|
48534
|
+
rootObserver.disconnect();
|
|
48535
|
+
themeObserver.disconnect();
|
|
48536
|
+
};
|
|
48537
|
+
}, [size]);
|
|
48538
|
+
return {
|
|
48539
|
+
rootRef,
|
|
48540
|
+
probeGlyphRef,
|
|
48541
|
+
probeFigureRef,
|
|
48542
|
+
inkStyle: {
|
|
48543
|
+
["--flip-ink-x"]: `${nudge.x}px`,
|
|
48544
|
+
["--flip-ink-y"]: `${nudge.y}px`
|
|
48545
|
+
}
|
|
48546
|
+
};
|
|
48547
|
+
}
|
|
48548
|
+
function FlipDigit({ durationMs, value }) {
|
|
48549
|
+
const [upper, setUpper] = (0, import_react98.useState)(value);
|
|
48550
|
+
const [lower, setLower] = (0, import_react98.useState)(value);
|
|
48551
|
+
const [from, setFrom] = (0, import_react98.useState)(value);
|
|
48552
|
+
const [to, setTo] = (0, import_react98.useState)(value);
|
|
48553
|
+
const [flipping, setFlipping] = (0, import_react98.useState)(false);
|
|
48554
|
+
const [flipKey, setFlipKey] = (0, import_react98.useState)(0);
|
|
48555
|
+
const upperRef = (0, import_react98.useRef)(value);
|
|
48556
|
+
const busyRef = (0, import_react98.useRef)(false);
|
|
48557
|
+
const pendingRef = (0, import_react98.useRef)(null);
|
|
48558
|
+
const durationRef = (0, import_react98.useRef)(durationMs);
|
|
48559
|
+
const timerRef = (0, import_react98.useRef)(0);
|
|
48560
|
+
(0, import_react98.useEffect)(() => {
|
|
48561
|
+
durationRef.current = durationMs;
|
|
48562
|
+
}, [durationMs]);
|
|
48563
|
+
(0, import_react98.useEffect)(() => {
|
|
48564
|
+
return () => window.clearTimeout(timerRef.current);
|
|
48565
|
+
}, []);
|
|
48566
|
+
(0, import_react98.useEffect)(() => {
|
|
48567
|
+
const finishFlip = (next) => {
|
|
48568
|
+
setLower(next);
|
|
48569
|
+
setFlipping(false);
|
|
48570
|
+
busyRef.current = false;
|
|
48571
|
+
const pending = pendingRef.current;
|
|
48572
|
+
pendingRef.current = null;
|
|
48573
|
+
if (pending !== null && pending !== upperRef.current) {
|
|
48574
|
+
startFlip(pending);
|
|
48575
|
+
}
|
|
48576
|
+
};
|
|
48577
|
+
const startFlip = (next) => {
|
|
48578
|
+
const previous = upperRef.current;
|
|
48579
|
+
if (next === previous) {
|
|
48580
|
+
return;
|
|
48581
|
+
}
|
|
48582
|
+
busyRef.current = true;
|
|
48583
|
+
setFrom(previous);
|
|
48584
|
+
setTo(next);
|
|
48585
|
+
setLower(previous);
|
|
48586
|
+
setUpper(next);
|
|
48587
|
+
upperRef.current = next;
|
|
48588
|
+
setFlipKey((key) => key + 1);
|
|
48589
|
+
setFlipping(true);
|
|
48590
|
+
window.clearTimeout(timerRef.current);
|
|
48591
|
+
timerRef.current = window.setTimeout(() => {
|
|
48592
|
+
finishFlip(next);
|
|
48593
|
+
}, durationRef.current);
|
|
48594
|
+
};
|
|
48595
|
+
if (value === upperRef.current) {
|
|
48596
|
+
return;
|
|
48597
|
+
}
|
|
48598
|
+
if (busyRef.current) {
|
|
48599
|
+
pendingRef.current = value;
|
|
48600
|
+
return;
|
|
48601
|
+
}
|
|
48602
|
+
startFlip(value);
|
|
48603
|
+
}, [value]);
|
|
48604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
|
|
48605
|
+
"div",
|
|
48606
|
+
{
|
|
48607
|
+
"aria-hidden": "true",
|
|
48608
|
+
className: FlipClock_default.rotor,
|
|
48609
|
+
"data-flipping": flipping ? "true" : "false",
|
|
48610
|
+
style: { ["--flip-duration"]: `${durationMs}ms` },
|
|
48611
|
+
children: [
|
|
48612
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: `${FlipClock_default.panel} ${FlipClock_default.panelTop}`, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, children: upper }) }) }),
|
|
48613
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: `${FlipClock_default.panel} ${FlipClock_default.panelBottom}`, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, children: lower }) }) }),
|
|
48614
|
+
flipping ? /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: FlipClock_default.leaf, children: [
|
|
48615
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: `${FlipClock_default.leafFace} ${FlipClock_default.leafFront}`, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, children: from }) }) }),
|
|
48616
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: `${FlipClock_default.leafFace} ${FlipClock_default.leafRear}`, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, children: to }) }) })
|
|
48617
|
+
] }, flipKey) : null
|
|
48618
|
+
]
|
|
48619
|
+
}
|
|
48620
|
+
);
|
|
48621
|
+
}
|
|
48622
|
+
function DigitPair({ durationMs, value }) {
|
|
48623
|
+
const padded = value.padStart(2, "0");
|
|
48624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: FlipClock_default.pair, children: [
|
|
48625
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)(FlipDigit, { durationMs, value: padded[0] }),
|
|
48626
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)(FlipDigit, { durationMs, value: padded[1] })
|
|
48627
|
+
] });
|
|
48628
|
+
}
|
|
48629
|
+
function Colon() {
|
|
48630
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("span", { className: FlipClock_default.separator, "aria-hidden": "true", children: [
|
|
48631
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", {}),
|
|
48632
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", {})
|
|
48633
|
+
] });
|
|
48634
|
+
}
|
|
48635
|
+
function FlipClock({
|
|
48636
|
+
showDate = true,
|
|
48637
|
+
showSeconds = true,
|
|
48638
|
+
showFrames = false,
|
|
48639
|
+
size = "md"
|
|
48640
|
+
}) {
|
|
48641
|
+
const [time, setTime] = (0, import_react98.useState)(null);
|
|
48642
|
+
const includeSeconds = showSeconds || showFrames;
|
|
48643
|
+
const durationMs = showFrames ? 120 : 650;
|
|
48644
|
+
const tickMs = showFrames ? 1e3 / FLIP_CLOCK_FRAME_RATE : 1e3;
|
|
48645
|
+
const { rootRef, probeGlyphRef, probeFigureRef, inkStyle } = useFlipInkNudge(size);
|
|
48646
|
+
(0, import_react98.useEffect)(() => {
|
|
48647
|
+
setTime(/* @__PURE__ */ new Date());
|
|
48648
|
+
const interval = window.setInterval(() => setTime(/* @__PURE__ */ new Date()), tickMs);
|
|
48649
|
+
return () => window.clearInterval(interval);
|
|
48650
|
+
}, [tickMs]);
|
|
48651
|
+
const hours = time ? String(time.getHours()).padStart(2, "0") : "00";
|
|
48652
|
+
const minutes = time ? String(time.getMinutes()).padStart(2, "0") : "00";
|
|
48653
|
+
const seconds = time ? String(time.getSeconds()).padStart(2, "0") : "00";
|
|
48654
|
+
const frames = time ? String(frameFromDate(time)).padStart(2, "0") : "00";
|
|
48655
|
+
const digitalTime = showFrames ? `${hours}:${minutes}:${seconds}:${frames}` : includeSeconds ? `${hours}:${minutes}:${seconds}` : `${hours}:${minutes}`;
|
|
48656
|
+
const date = time ? time.toLocaleDateString("en-GB", {
|
|
48657
|
+
weekday: "long",
|
|
48658
|
+
day: "numeric",
|
|
48659
|
+
month: "long",
|
|
48660
|
+
year: "numeric"
|
|
48661
|
+
}) : "";
|
|
48662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(
|
|
48663
|
+
"div",
|
|
48664
|
+
{
|
|
48665
|
+
"aria-live": "polite",
|
|
48666
|
+
className: FlipClock_default.root,
|
|
48667
|
+
"data-frames": showFrames ? "true" : "false",
|
|
48668
|
+
"data-seconds": includeSeconds ? "true" : "false",
|
|
48669
|
+
"data-size": size,
|
|
48670
|
+
ref: rootRef,
|
|
48671
|
+
style: inkStyle,
|
|
48672
|
+
children: [
|
|
48673
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.probe, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.figure, ref: probeFigureRef, children: /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("span", { className: FlipClock_default.glyph, ref: probeGlyphRef, children: "8" }) }) }),
|
|
48674
|
+
!time ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: FlipClock_default.loading, children: "Loading flip clock\u2026" }) : /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_jsx_runtime168.Fragment, { children: [
|
|
48675
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsxs)("div", { className: FlipClock_default.board, role: "img", "aria-label": digitalTime, children: [
|
|
48676
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)(DigitPair, { durationMs, value: hours }),
|
|
48677
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Colon, {}),
|
|
48678
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)(DigitPair, { durationMs, value: minutes }),
|
|
48679
|
+
includeSeconds ? /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_jsx_runtime168.Fragment, { children: [
|
|
48680
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Colon, {}),
|
|
48681
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)(DigitPair, { durationMs, value: seconds })
|
|
48682
|
+
] }) : null,
|
|
48683
|
+
showFrames ? /* @__PURE__ */ (0, import_jsx_runtime168.jsxs)(import_jsx_runtime168.Fragment, { children: [
|
|
48684
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)(Colon, {}),
|
|
48685
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)(DigitPair, { durationMs, value: frames })
|
|
48686
|
+
] }) : null
|
|
48687
|
+
] }),
|
|
48688
|
+
/* @__PURE__ */ (0, import_jsx_runtime168.jsx)("time", { className: FlipClock_default.srOnly, dateTime: time.toISOString(), children: digitalTime }),
|
|
48689
|
+
showDate ? /* @__PURE__ */ (0, import_jsx_runtime168.jsx)("div", { className: FlipClock_default.date, children: date }) : null
|
|
48690
|
+
] })
|
|
48691
|
+
]
|
|
48692
|
+
}
|
|
48693
|
+
);
|
|
48694
|
+
}
|
|
48695
|
+
|
|
48411
48696
|
// ../../components/VisuallyHidden/VisuallyHidden.module.css
|
|
48412
48697
|
var VisuallyHidden_default = {"hidden":"opus_DIv7wy_hidden"};
|
|
48413
48698
|
|
|
48414
48699
|
// ../../components/VisuallyHidden/VisuallyHidden.tsx
|
|
48415
|
-
var
|
|
48700
|
+
var import_jsx_runtime169 = require("react/jsx-runtime");
|
|
48416
48701
|
function VisuallyHidden({ as = "span", children }) {
|
|
48417
48702
|
const Tag = as;
|
|
48418
|
-
return /* @__PURE__ */ (0,
|
|
48703
|
+
return /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(Tag, { className: VisuallyHidden_default.hidden, children });
|
|
48419
48704
|
}
|
|
48420
48705
|
|
|
48421
48706
|
// ../../components/FocusTrap/FocusTrap.tsx
|
|
48422
|
-
var
|
|
48707
|
+
var import_react99 = require("react");
|
|
48423
48708
|
|
|
48424
48709
|
// ../../components/FocusTrap/FocusTrap.module.css
|
|
48425
48710
|
var FocusTrap_default = {"trap":"opus_fJckCZ_trap"};
|
|
48426
48711
|
|
|
48427
48712
|
// ../../components/FocusTrap/FocusTrap.tsx
|
|
48428
|
-
var
|
|
48713
|
+
var import_jsx_runtime170 = require("react/jsx-runtime");
|
|
48429
48714
|
function FocusTrap({
|
|
48430
48715
|
active = true,
|
|
48431
48716
|
children,
|
|
48432
48717
|
initialFocusRef,
|
|
48433
48718
|
restoreFocus = true
|
|
48434
48719
|
}) {
|
|
48435
|
-
const containerRef = (0,
|
|
48436
|
-
const previouslyFocusedRef = (0,
|
|
48437
|
-
(0,
|
|
48720
|
+
const containerRef = (0, import_react99.useRef)(null);
|
|
48721
|
+
const previouslyFocusedRef = (0, import_react99.useRef)(null);
|
|
48722
|
+
(0, import_react99.useEffect)(() => {
|
|
48438
48723
|
if (!active) {
|
|
48439
48724
|
return;
|
|
48440
48725
|
}
|
|
@@ -48460,7 +48745,7 @@ function FocusTrap({
|
|
|
48460
48745
|
}
|
|
48461
48746
|
};
|
|
48462
48747
|
}, [active, initialFocusRef, restoreFocus]);
|
|
48463
|
-
(0,
|
|
48748
|
+
(0, import_react99.useEffect)(() => {
|
|
48464
48749
|
if (!active) {
|
|
48465
48750
|
return;
|
|
48466
48751
|
}
|
|
@@ -48495,25 +48780,25 @@ function FocusTrap({
|
|
|
48495
48780
|
document.addEventListener("keydown", onKeyDown);
|
|
48496
48781
|
return () => document.removeEventListener("keydown", onKeyDown);
|
|
48497
48782
|
}, [active]);
|
|
48498
|
-
return /* @__PURE__ */ (0,
|
|
48783
|
+
return /* @__PURE__ */ (0, import_jsx_runtime170.jsx)("div", { className: FocusTrap_default.trap, "data-active": active, ref: containerRef, children });
|
|
48499
48784
|
}
|
|
48500
48785
|
|
|
48501
48786
|
// ../../components/KeyboardShortcut/KeyboardShortcut.module.css
|
|
48502
|
-
var KeyboardShortcut_default = {"
|
|
48787
|
+
var KeyboardShortcut_default = {"plus":"opus_pZh5vX_plus","shortcut":"opus_pZh5vX_shortcut","key":"opus_pZh5vX_key"};
|
|
48503
48788
|
|
|
48504
48789
|
// ../../components/KeyboardShortcut/KeyboardShortcut.tsx
|
|
48505
|
-
var
|
|
48790
|
+
var import_jsx_runtime171 = require("react/jsx-runtime");
|
|
48506
48791
|
function KeyboardShortcut({ keys, size = "md" }) {
|
|
48507
|
-
return /* @__PURE__ */ (0,
|
|
48508
|
-
index > 0 ? /* @__PURE__ */ (0,
|
|
48509
|
-
/* @__PURE__ */ (0,
|
|
48792
|
+
return /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("kbd", { "aria-label": keys.join(" + "), className: KeyboardShortcut_default.shortcut, "data-size": size, children: keys.map((key, index) => /* @__PURE__ */ (0, import_jsx_runtime171.jsxs)("span", { children: [
|
|
48793
|
+
index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { "aria-hidden": "true", className: KeyboardShortcut_default.plus, children: "+" }) : null,
|
|
48794
|
+
/* @__PURE__ */ (0, import_jsx_runtime171.jsx)("span", { className: KeyboardShortcut_default.key, children: key })
|
|
48510
48795
|
] }, `${key}-${index}`)) });
|
|
48511
48796
|
}
|
|
48512
48797
|
|
|
48513
48798
|
// ../../components/HotkeyManager/HotkeyManager.tsx
|
|
48514
|
-
var
|
|
48515
|
-
var
|
|
48516
|
-
var HotkeyManagerContext = (0,
|
|
48799
|
+
var import_react100 = require("react");
|
|
48800
|
+
var import_jsx_runtime172 = require("react/jsx-runtime");
|
|
48801
|
+
var HotkeyManagerContext = (0, import_react100.createContext)(null);
|
|
48517
48802
|
function matchesCombo(event, combo) {
|
|
48518
48803
|
const key = event.key.length === 1 ? event.key.toLowerCase() : event.key;
|
|
48519
48804
|
const expected = combo.key.length === 1 ? combo.key.toLowerCase() : combo.key;
|
|
@@ -48529,13 +48814,13 @@ function shortcutsEqual(a, b) {
|
|
|
48529
48814
|
});
|
|
48530
48815
|
}
|
|
48531
48816
|
function HotkeyManager({ children, enabled = true }) {
|
|
48532
|
-
const handlersRef = (0,
|
|
48533
|
-
const [shortcuts, setShortcuts] = (0,
|
|
48534
|
-
const syncShortcuts = (0,
|
|
48817
|
+
const handlersRef = (0, import_react100.useRef)(/* @__PURE__ */ new Map());
|
|
48818
|
+
const [shortcuts, setShortcuts] = (0, import_react100.useState)([]);
|
|
48819
|
+
const syncShortcuts = (0, import_react100.useCallback)(() => {
|
|
48535
48820
|
const next = Array.from(handlersRef.current.values()).map((entry) => entry.combo);
|
|
48536
48821
|
setShortcuts((current) => shortcutsEqual(current, next) ? current : next);
|
|
48537
48822
|
}, []);
|
|
48538
|
-
const register = (0,
|
|
48823
|
+
const register = (0, import_react100.useCallback)(
|
|
48539
48824
|
(combo, handler) => {
|
|
48540
48825
|
handlersRef.current.set(combo.id, { combo, handler });
|
|
48541
48826
|
syncShortcuts();
|
|
@@ -48546,7 +48831,7 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
48546
48831
|
},
|
|
48547
48832
|
[syncShortcuts]
|
|
48548
48833
|
);
|
|
48549
|
-
(0,
|
|
48834
|
+
(0, import_react100.useEffect)(() => {
|
|
48550
48835
|
if (!enabled) {
|
|
48551
48836
|
return;
|
|
48552
48837
|
}
|
|
@@ -48571,16 +48856,16 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
48571
48856
|
window.addEventListener("keydown", onKeyDown);
|
|
48572
48857
|
return () => window.removeEventListener("keydown", onKeyDown);
|
|
48573
48858
|
}, [enabled]);
|
|
48574
|
-
const value = (0,
|
|
48575
|
-
return /* @__PURE__ */ (0,
|
|
48859
|
+
const value = (0, import_react100.useMemo)(() => ({ register, shortcuts }), [register, shortcuts]);
|
|
48860
|
+
return /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(HotkeyManagerContext.Provider, { value, children });
|
|
48576
48861
|
}
|
|
48577
48862
|
function useHotkey(combo, handler) {
|
|
48578
|
-
const context = (0,
|
|
48863
|
+
const context = (0, import_react100.useContext)(HotkeyManagerContext);
|
|
48579
48864
|
const register = context == null ? void 0 : context.register;
|
|
48580
|
-
const handlerRef = (0,
|
|
48865
|
+
const handlerRef = (0, import_react100.useRef)(handler);
|
|
48581
48866
|
handlerRef.current = handler;
|
|
48582
48867
|
const { alt, ctrl, description, enabled, id, key, meta, shift } = combo;
|
|
48583
|
-
(0,
|
|
48868
|
+
(0, import_react100.useEffect)(() => {
|
|
48584
48869
|
if (!register) {
|
|
48585
48870
|
return;
|
|
48586
48871
|
}
|
|
@@ -48593,7 +48878,7 @@ function useHotkey(combo, handler) {
|
|
|
48593
48878
|
}, [alt, ctrl, description, enabled, id, key, meta, register, shift]);
|
|
48594
48879
|
}
|
|
48595
48880
|
function useHotkeyManager() {
|
|
48596
|
-
const context = (0,
|
|
48881
|
+
const context = (0, import_react100.useContext)(HotkeyManagerContext);
|
|
48597
48882
|
if (!context) {
|
|
48598
48883
|
throw new Error("useHotkeyManager must be used within HotkeyManager");
|
|
48599
48884
|
}
|
|
@@ -48601,13 +48886,13 @@ function useHotkeyManager() {
|
|
|
48601
48886
|
}
|
|
48602
48887
|
|
|
48603
48888
|
// ../../components/CopyButton/CopyButton.tsx
|
|
48604
|
-
var
|
|
48889
|
+
var import_react101 = require("react");
|
|
48605
48890
|
|
|
48606
48891
|
// ../../components/CopyButton/CopyButton.module.css
|
|
48607
48892
|
var CopyButton_default = {"wrap":"opus_Ij6tWr_wrap"};
|
|
48608
48893
|
|
|
48609
48894
|
// ../../components/CopyButton/CopyButton.tsx
|
|
48610
|
-
var
|
|
48895
|
+
var import_jsx_runtime173 = require("react/jsx-runtime");
|
|
48611
48896
|
async function writeClipboard(value) {
|
|
48612
48897
|
var _a2;
|
|
48613
48898
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
|
|
@@ -48636,15 +48921,15 @@ function CopyButton({
|
|
|
48636
48921
|
variant = "secondary",
|
|
48637
48922
|
onCopied
|
|
48638
48923
|
}) {
|
|
48639
|
-
const [copied, setCopied] = (0,
|
|
48640
|
-
(0,
|
|
48924
|
+
const [copied, setCopied] = (0, import_react101.useState)(false);
|
|
48925
|
+
(0, import_react101.useEffect)(() => {
|
|
48641
48926
|
if (!copied) {
|
|
48642
48927
|
return;
|
|
48643
48928
|
}
|
|
48644
48929
|
const timer = window.setTimeout(() => setCopied(false), resetMs);
|
|
48645
48930
|
return () => window.clearTimeout(timer);
|
|
48646
48931
|
}, [copied, resetMs]);
|
|
48647
|
-
const handleCopy = (0,
|
|
48932
|
+
const handleCopy = (0, import_react101.useCallback)(async () => {
|
|
48648
48933
|
try {
|
|
48649
48934
|
await writeClipboard(value);
|
|
48650
48935
|
setCopied(true);
|
|
@@ -48653,13 +48938,13 @@ function CopyButton({
|
|
|
48653
48938
|
setCopied(false);
|
|
48654
48939
|
}
|
|
48655
48940
|
}, [onCopied, value]);
|
|
48656
|
-
return /* @__PURE__ */ (0,
|
|
48941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime173.jsx)("span", { className: CopyButton_default.wrap, children: /* @__PURE__ */ (0, import_jsx_runtime173.jsx)(Button, { onClick: handleCopy, type: "button", variant, children: children != null ? children : copied ? copiedLabel : label }) });
|
|
48657
48942
|
}
|
|
48658
48943
|
|
|
48659
48944
|
// ../../components/Clipboard/Clipboard.tsx
|
|
48660
|
-
var
|
|
48661
|
-
var
|
|
48662
|
-
var ClipboardContext = (0,
|
|
48945
|
+
var import_react102 = require("react");
|
|
48946
|
+
var import_jsx_runtime174 = require("react/jsx-runtime");
|
|
48947
|
+
var ClipboardContext = (0, import_react102.createContext)(null);
|
|
48663
48948
|
async function fallbackWrite(value) {
|
|
48664
48949
|
const textarea = document.createElement("textarea");
|
|
48665
48950
|
textarea.value = value;
|
|
@@ -48675,8 +48960,8 @@ async function fallbackWrite(value) {
|
|
|
48675
48960
|
}
|
|
48676
48961
|
}
|
|
48677
48962
|
function ClipboardProvider({ children }) {
|
|
48678
|
-
const [lastCopied, setLastCopied] = (0,
|
|
48679
|
-
const writeText = (0,
|
|
48963
|
+
const [lastCopied, setLastCopied] = (0, import_react102.useState)(null);
|
|
48964
|
+
const writeText = (0, import_react102.useCallback)(async (value2) => {
|
|
48680
48965
|
var _a2;
|
|
48681
48966
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
|
|
48682
48967
|
await navigator.clipboard.writeText(value2);
|
|
@@ -48685,39 +48970,39 @@ function ClipboardProvider({ children }) {
|
|
|
48685
48970
|
}
|
|
48686
48971
|
setLastCopied(value2);
|
|
48687
48972
|
}, []);
|
|
48688
|
-
const readText = (0,
|
|
48973
|
+
const readText = (0, import_react102.useCallback)(async () => {
|
|
48689
48974
|
var _a2;
|
|
48690
48975
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.readText) {
|
|
48691
48976
|
return navigator.clipboard.readText();
|
|
48692
48977
|
}
|
|
48693
48978
|
return lastCopied != null ? lastCopied : "";
|
|
48694
48979
|
}, [lastCopied]);
|
|
48695
|
-
const value = (0,
|
|
48980
|
+
const value = (0, import_react102.useMemo)(
|
|
48696
48981
|
() => ({ lastCopied, readText, writeText }),
|
|
48697
48982
|
[lastCopied, readText, writeText]
|
|
48698
48983
|
);
|
|
48699
|
-
return /* @__PURE__ */ (0,
|
|
48984
|
+
return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ClipboardContext.Provider, { value, children });
|
|
48700
48985
|
}
|
|
48701
48986
|
function useClipboard() {
|
|
48702
|
-
const context = (0,
|
|
48987
|
+
const context = (0, import_react102.useContext)(ClipboardContext);
|
|
48703
48988
|
if (!context) {
|
|
48704
48989
|
throw new Error("useClipboard must be used within ClipboardProvider");
|
|
48705
48990
|
}
|
|
48706
48991
|
return context;
|
|
48707
48992
|
}
|
|
48708
48993
|
function Clipboard({ children }) {
|
|
48709
|
-
return /* @__PURE__ */ (0,
|
|
48994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime174.jsx)(ClipboardProvider, { children });
|
|
48710
48995
|
}
|
|
48711
48996
|
|
|
48712
48997
|
// ../../components/ThemeSwitcher/ThemeSwitcher.tsx
|
|
48713
|
-
var
|
|
48998
|
+
var import_jsx_runtime175 = require("react/jsx-runtime");
|
|
48714
48999
|
function ThemeSwitcher({
|
|
48715
49000
|
id = "opus-theme-switcher",
|
|
48716
49001
|
label = "Theme",
|
|
48717
49002
|
value,
|
|
48718
49003
|
onChange
|
|
48719
49004
|
}) {
|
|
48720
|
-
return /* @__PURE__ */ (0,
|
|
49005
|
+
return /* @__PURE__ */ (0, import_jsx_runtime175.jsx)(
|
|
48721
49006
|
ThemeToggleField,
|
|
48722
49007
|
{
|
|
48723
49008
|
id,
|
|
@@ -48730,13 +49015,13 @@ function ThemeSwitcher({
|
|
|
48730
49015
|
}
|
|
48731
49016
|
|
|
48732
49017
|
// ../../components/ResizeObserver/ResizeObserver.tsx
|
|
48733
|
-
var
|
|
48734
|
-
var
|
|
49018
|
+
var import_react103 = require("react");
|
|
49019
|
+
var import_jsx_runtime176 = require("react/jsx-runtime");
|
|
48735
49020
|
function ResizeObserver2(_a2) {
|
|
48736
49021
|
var _b2 = _a2, { children, className, onResize, style } = _b2, rest = __objRest(_b2, ["children", "className", "onResize", "style"]);
|
|
48737
|
-
const ref = (0,
|
|
48738
|
-
const [size, setSize] = (0,
|
|
48739
|
-
(0,
|
|
49022
|
+
const ref = (0, import_react103.useRef)(null);
|
|
49023
|
+
const [size, setSize] = (0, import_react103.useState)({ width: 0, height: 0 });
|
|
49024
|
+
(0, import_react103.useEffect)(() => {
|
|
48740
49025
|
const node = ref.current;
|
|
48741
49026
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
48742
49027
|
return;
|
|
@@ -48756,11 +49041,11 @@ function ResizeObserver2(_a2) {
|
|
|
48756
49041
|
observer.observe(node);
|
|
48757
49042
|
return () => observer.disconnect();
|
|
48758
49043
|
}, [onResize]);
|
|
48759
|
-
return /* @__PURE__ */ (0,
|
|
49044
|
+
return /* @__PURE__ */ (0, import_jsx_runtime176.jsx)("div", __spreadProps(__spreadValues({ className, ref, style }, rest), { children: children(size) }));
|
|
48760
49045
|
}
|
|
48761
49046
|
function useResizeObserver(targetRef) {
|
|
48762
|
-
const [size, setSize] = (0,
|
|
48763
|
-
(0,
|
|
49047
|
+
const [size, setSize] = (0, import_react103.useState)({ width: 0, height: 0 });
|
|
49048
|
+
(0, import_react103.useEffect)(() => {
|
|
48764
49049
|
const node = targetRef.current;
|
|
48765
49050
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
48766
49051
|
return;
|
|
@@ -48782,8 +49067,8 @@ function useResizeObserver(targetRef) {
|
|
|
48782
49067
|
}
|
|
48783
49068
|
|
|
48784
49069
|
// ../../components/IntersectionObserver/IntersectionObserver.tsx
|
|
48785
|
-
var
|
|
48786
|
-
var
|
|
49070
|
+
var import_react104 = require("react");
|
|
49071
|
+
var import_jsx_runtime177 = require("react/jsx-runtime");
|
|
48787
49072
|
function IntersectionObserver2({
|
|
48788
49073
|
children,
|
|
48789
49074
|
className,
|
|
@@ -48791,9 +49076,9 @@ function IntersectionObserver2({
|
|
|
48791
49076
|
threshold = 0.25,
|
|
48792
49077
|
onChange
|
|
48793
49078
|
}) {
|
|
48794
|
-
const ref = (0,
|
|
48795
|
-
const [isIntersecting, setIsIntersecting] = (0,
|
|
48796
|
-
(0,
|
|
49079
|
+
const ref = (0, import_react104.useRef)(null);
|
|
49080
|
+
const [isIntersecting, setIsIntersecting] = (0, import_react104.useState)(false);
|
|
49081
|
+
(0, import_react104.useEffect)(() => {
|
|
48797
49082
|
const node = ref.current;
|
|
48798
49083
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
48799
49084
|
return;
|
|
@@ -48812,12 +49097,12 @@ function IntersectionObserver2({
|
|
|
48812
49097
|
observer.observe(node);
|
|
48813
49098
|
return () => observer.disconnect();
|
|
48814
49099
|
}, [onChange, rootMargin, threshold]);
|
|
48815
|
-
return /* @__PURE__ */ (0,
|
|
49100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime177.jsx)("div", { className, ref, children: children(isIntersecting) });
|
|
48816
49101
|
}
|
|
48817
49102
|
function useIntersectionObserver(targetRef, options = {}) {
|
|
48818
49103
|
const { rootMargin = "0px", threshold = 0.25 } = options;
|
|
48819
|
-
const [isIntersecting, setIsIntersecting] = (0,
|
|
48820
|
-
(0,
|
|
49104
|
+
const [isIntersecting, setIsIntersecting] = (0, import_react104.useState)(false);
|
|
49105
|
+
(0, import_react104.useEffect)(() => {
|
|
48821
49106
|
const node = targetRef.current;
|
|
48822
49107
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
48823
49108
|
return;
|
|
@@ -48839,22 +49124,22 @@ function useIntersectionObserver(targetRef, options = {}) {
|
|
|
48839
49124
|
}
|
|
48840
49125
|
|
|
48841
49126
|
// ../../components/Sidebar/Sidebar.tsx
|
|
48842
|
-
var
|
|
49127
|
+
var import_react105 = require("react");
|
|
48843
49128
|
|
|
48844
49129
|
// ../../components/Sidebar/Sidebar.module.css
|
|
48845
|
-
var Sidebar_default = {"
|
|
49130
|
+
var Sidebar_default = {"overflowTooltip":"opus_4Pogux_overflowTooltip","icon":"opus_4Pogux_icon","collapsedGroupWrap":"opus_4Pogux_collapsedGroupWrap","main":"opus_4Pogux_main","collapsedTooltip":"opus_4Pogux_collapsedTooltip","headerTitle":"opus_4Pogux_headerTitle","bodyContent":"opus_4Pogux_bodyContent","sidebar":"opus_4Pogux_sidebar","collapsedGroupChevronOpen":"opus_4Pogux_collapsedGroupChevronOpen","groupHeader":"opus_4Pogux_groupHeader","visuallyHidden":"opus_4Pogux_visuallyHidden","groupLabel":"opus_4Pogux_groupLabel","headerInner":"opus_4Pogux_headerInner","header":"opus_4Pogux_header","group":"opus_4Pogux_group","collapsedSubmenu":"opus_4Pogux_collapsedSubmenu","nav":"opus_4Pogux_nav","body":"opus_4Pogux_body","collapsedGroupChevron":"opus_4Pogux_collapsedGroupChevron","linkActive":"opus_4Pogux_linkActive","footer":"opus_4Pogux_footer","groupItemsWrap":"opus_4Pogux_groupItemsWrap","groupChevronOpen":"opus_4Pogux_groupChevronOpen","layout":"opus_4Pogux_layout","link":"opus_4Pogux_link","linkLabel":"opus_4Pogux_linkLabel","collapsedGroup":"opus_4Pogux_collapsedGroup","groupItems":"opus_4Pogux_groupItems","groupChevron":"opus_4Pogux_groupChevron","overflowLabel":"opus_4Pogux_overflowLabel"};
|
|
48846
49131
|
|
|
48847
49132
|
// ../../components/Sidebar/Sidebar.tsx
|
|
48848
|
-
var
|
|
48849
|
-
var SidebarContext = (0,
|
|
49133
|
+
var import_jsx_runtime178 = require("react/jsx-runtime");
|
|
49134
|
+
var SidebarContext = (0, import_react105.createContext)({
|
|
48850
49135
|
collapsed: false,
|
|
48851
49136
|
density: "comfortable"
|
|
48852
49137
|
});
|
|
48853
49138
|
var SIDEBAR_STORAGE_PREFIX = "opus-sidebar-state";
|
|
48854
49139
|
function SidebarOverflowLabel({ label }) {
|
|
48855
|
-
const labelRef = (0,
|
|
48856
|
-
const [overflowing, setOverflowing] = (0,
|
|
48857
|
-
(0,
|
|
49140
|
+
const labelRef = (0, import_react105.useRef)(null);
|
|
49141
|
+
const [overflowing, setOverflowing] = (0, import_react105.useState)(false);
|
|
49142
|
+
(0, import_react105.useEffect)(() => {
|
|
48858
49143
|
const element = labelRef.current;
|
|
48859
49144
|
if (!element) {
|
|
48860
49145
|
return;
|
|
@@ -48870,14 +49155,14 @@ function SidebarOverflowLabel({ label }) {
|
|
|
48870
49155
|
observer.disconnect();
|
|
48871
49156
|
};
|
|
48872
49157
|
}, [label]);
|
|
48873
|
-
return /* @__PURE__ */ (0,
|
|
49158
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
48874
49159
|
Tooltip,
|
|
48875
49160
|
{
|
|
48876
49161
|
className: Sidebar_default.overflowTooltip,
|
|
48877
49162
|
content: label,
|
|
48878
49163
|
disabled: !overflowing,
|
|
48879
49164
|
placement: "right",
|
|
48880
|
-
children: /* @__PURE__ */ (0,
|
|
49165
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { ref: labelRef, className: Sidebar_default.overflowLabel, children: label })
|
|
48881
49166
|
}
|
|
48882
49167
|
);
|
|
48883
49168
|
}
|
|
@@ -48960,17 +49245,17 @@ function Sidebar({
|
|
|
48960
49245
|
storageKey
|
|
48961
49246
|
}) {
|
|
48962
49247
|
var _a2;
|
|
48963
|
-
const resolvedStorageKey = (0,
|
|
49248
|
+
const resolvedStorageKey = (0, import_react105.useMemo)(
|
|
48964
49249
|
() => `${SIDEBAR_STORAGE_PREFIX}:${storageKey != null ? storageKey : hashString(`${navLabel}:${serialiseSidebarMenu(menu)}`)}`,
|
|
48965
49250
|
[menu, navLabel, storageKey]
|
|
48966
49251
|
);
|
|
48967
|
-
const [persistedState, setPersistedState] = (0,
|
|
49252
|
+
const [persistedState, setPersistedState] = (0, import_react105.useState)(
|
|
48968
49253
|
{}
|
|
48969
49254
|
);
|
|
48970
|
-
const [motionReady, setMotionReady] = (0,
|
|
48971
|
-
const [internalActiveItem, setInternalActiveItem] = (0,
|
|
49255
|
+
const [motionReady, setMotionReady] = (0, import_react105.useState)(!persistState);
|
|
49256
|
+
const [internalActiveItem, setInternalActiveItem] = (0, import_react105.useState)(defaultActiveItem);
|
|
48972
49257
|
const effectiveActiveItem = activeItem != null ? activeItem : persistState ? (_a2 = persistedState.activeItem) != null ? _a2 : internalActiveItem : internalActiveItem;
|
|
48973
|
-
(0,
|
|
49258
|
+
(0, import_react105.useEffect)(() => {
|
|
48974
49259
|
if (!persistState) {
|
|
48975
49260
|
const readyTimeout = window.setTimeout(() => setMotionReady(true), 0);
|
|
48976
49261
|
return () => window.clearTimeout(readyTimeout);
|
|
@@ -48999,7 +49284,7 @@ function Sidebar({
|
|
|
48999
49284
|
}
|
|
49000
49285
|
};
|
|
49001
49286
|
}, [persistState, resolvedStorageKey]);
|
|
49002
|
-
const updatePersistedState = (0,
|
|
49287
|
+
const updatePersistedState = (0, import_react105.useCallback)(
|
|
49003
49288
|
(next) => {
|
|
49004
49289
|
if (!persistState) {
|
|
49005
49290
|
return;
|
|
@@ -49012,7 +49297,7 @@ function Sidebar({
|
|
|
49012
49297
|
},
|
|
49013
49298
|
[persistState, resolvedStorageKey]
|
|
49014
49299
|
);
|
|
49015
|
-
const setSidebarActiveItem = (0,
|
|
49300
|
+
const setSidebarActiveItem = (0, import_react105.useCallback)(
|
|
49016
49301
|
(itemId) => {
|
|
49017
49302
|
if (persistState) {
|
|
49018
49303
|
updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
|
|
@@ -49025,14 +49310,14 @@ function Sidebar({
|
|
|
49025
49310
|
},
|
|
49026
49311
|
[activeItem, persistState, updatePersistedState]
|
|
49027
49312
|
);
|
|
49028
|
-
const getGroupOpenState = (0,
|
|
49313
|
+
const getGroupOpenState = (0, import_react105.useCallback)(
|
|
49029
49314
|
(groupId, fallback) => {
|
|
49030
49315
|
var _a3, _b2;
|
|
49031
49316
|
return (_b2 = (_a3 = persistedState.groups) == null ? void 0 : _a3[groupId]) != null ? _b2 : fallback;
|
|
49032
49317
|
},
|
|
49033
49318
|
[persistedState.groups]
|
|
49034
49319
|
);
|
|
49035
|
-
const setGroupOpenState = (0,
|
|
49320
|
+
const setGroupOpenState = (0, import_react105.useCallback)(
|
|
49036
49321
|
(groupId, open) => {
|
|
49037
49322
|
updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
|
|
49038
49323
|
groups: __spreadProps(__spreadValues({}, current.groups), {
|
|
@@ -49042,7 +49327,7 @@ function Sidebar({
|
|
|
49042
49327
|
},
|
|
49043
49328
|
[updatePersistedState]
|
|
49044
49329
|
);
|
|
49045
|
-
return /* @__PURE__ */ (0,
|
|
49330
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49046
49331
|
SidebarContext.Provider,
|
|
49047
49332
|
{
|
|
49048
49333
|
value: {
|
|
@@ -49055,7 +49340,7 @@ function Sidebar({
|
|
|
49055
49340
|
setActiveItem: setSidebarActiveItem,
|
|
49056
49341
|
setGroupOpenState: persistState ? setGroupOpenState : void 0
|
|
49057
49342
|
},
|
|
49058
|
-
children: /* @__PURE__ */ (0,
|
|
49343
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
|
|
49059
49344
|
"aside",
|
|
49060
49345
|
{
|
|
49061
49346
|
"aria-label": "Sidebar",
|
|
@@ -49073,14 +49358,14 @@ function Sidebar({
|
|
|
49073
49358
|
"data-padding-top": paddingTop ? "true" : "false",
|
|
49074
49359
|
"data-side": side,
|
|
49075
49360
|
children: [
|
|
49076
|
-
header ? /* @__PURE__ */ (0,
|
|
49077
|
-
/* @__PURE__ */ (0,
|
|
49361
|
+
header ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.header, children: header }) : null,
|
|
49362
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49078
49363
|
CustomScrollbar,
|
|
49079
49364
|
{
|
|
49080
49365
|
className: Sidebar_default.body,
|
|
49081
49366
|
label: navLabel,
|
|
49082
49367
|
orientation: "vertical",
|
|
49083
|
-
children: /* @__PURE__ */ (0,
|
|
49368
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.bodyContent, children: menu ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(SidebarNav, { "aria-label": navLabel, children: menu.map(
|
|
49084
49369
|
(item) => renderSidebarMenuItem({
|
|
49085
49370
|
depth: 0,
|
|
49086
49371
|
effectiveActiveItem,
|
|
@@ -49090,7 +49375,7 @@ function Sidebar({
|
|
|
49090
49375
|
) }) : children })
|
|
49091
49376
|
}
|
|
49092
49377
|
),
|
|
49093
|
-
footer ? /* @__PURE__ */ (0,
|
|
49378
|
+
footer ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.footer, children: footer }) : null
|
|
49094
49379
|
]
|
|
49095
49380
|
}
|
|
49096
49381
|
)
|
|
@@ -49098,9 +49383,9 @@ function Sidebar({
|
|
|
49098
49383
|
);
|
|
49099
49384
|
}
|
|
49100
49385
|
function SidebarHeader({ children, title }) {
|
|
49101
|
-
const { collapsed } = (0,
|
|
49102
|
-
return /* @__PURE__ */ (0,
|
|
49103
|
-
/* @__PURE__ */ (0,
|
|
49386
|
+
const { collapsed } = (0, import_react105.useContext)(SidebarContext);
|
|
49387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: Sidebar_default.headerInner, children: [
|
|
49388
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
|
|
49104
49389
|
children
|
|
49105
49390
|
] });
|
|
49106
49391
|
}
|
|
@@ -49108,7 +49393,7 @@ function SidebarNav({
|
|
|
49108
49393
|
"aria-label": ariaLabel,
|
|
49109
49394
|
children
|
|
49110
49395
|
}) {
|
|
49111
|
-
return /* @__PURE__ */ (0,
|
|
49396
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("nav", { "aria-label": ariaLabel, className: Sidebar_default.nav, children });
|
|
49112
49397
|
}
|
|
49113
49398
|
function SidebarLink({
|
|
49114
49399
|
active,
|
|
@@ -49124,7 +49409,7 @@ function SidebarLink({
|
|
|
49124
49409
|
collapsed,
|
|
49125
49410
|
onSelect: onSidebarSelect,
|
|
49126
49411
|
setActiveItem
|
|
49127
|
-
} = (0,
|
|
49412
|
+
} = (0, import_react105.useContext)(SidebarContext);
|
|
49128
49413
|
const isActive = active != null ? active : itemId ? activeItem === itemId : false;
|
|
49129
49414
|
const className = [Sidebar_default.link, isActive ? Sidebar_default.linkActive : ""].filter(Boolean).join(" ");
|
|
49130
49415
|
const label = typeof children === "string" ? children : null;
|
|
@@ -49141,12 +49426,12 @@ function SidebarLink({
|
|
|
49141
49426
|
}
|
|
49142
49427
|
onClick == null ? void 0 : onClick(event);
|
|
49143
49428
|
};
|
|
49144
|
-
const content = /* @__PURE__ */ (0,
|
|
49145
|
-
icon ? /* @__PURE__ */ (0,
|
|
49146
|
-
!icon && collapsed && label ? /* @__PURE__ */ (0,
|
|
49147
|
-
collapsed ? /* @__PURE__ */ (0,
|
|
49429
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(import_jsx_runtime178.Fragment, { children: [
|
|
49430
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: Sidebar_default.icon, children: icon }) : null,
|
|
49431
|
+
!icon && collapsed && label ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: label.charAt(0) }) : null,
|
|
49432
|
+
collapsed ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: Sidebar_default.visuallyHidden, children }) : label ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(SidebarOverflowLabel, { label }) : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: Sidebar_default.linkLabel, children })
|
|
49148
49433
|
] });
|
|
49149
|
-
const control = href ? /* @__PURE__ */ (0,
|
|
49434
|
+
const control = href ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49150
49435
|
"a",
|
|
49151
49436
|
{
|
|
49152
49437
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -49155,7 +49440,7 @@ function SidebarLink({
|
|
|
49155
49440
|
onClick: handleClick,
|
|
49156
49441
|
children: content
|
|
49157
49442
|
}
|
|
49158
|
-
) : /* @__PURE__ */ (0,
|
|
49443
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49159
49444
|
"button",
|
|
49160
49445
|
{
|
|
49161
49446
|
"aria-current": isActive ? "page" : void 0,
|
|
@@ -49166,7 +49451,7 @@ function SidebarLink({
|
|
|
49166
49451
|
}
|
|
49167
49452
|
);
|
|
49168
49453
|
if (collapsed && label) {
|
|
49169
|
-
return /* @__PURE__ */ (0,
|
|
49454
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49170
49455
|
Tooltip,
|
|
49171
49456
|
{
|
|
49172
49457
|
className: Sidebar_default.collapsedTooltip,
|
|
@@ -49195,7 +49480,7 @@ function renderSidebarMenuItem({
|
|
|
49195
49480
|
renderIcon
|
|
49196
49481
|
}) {
|
|
49197
49482
|
if (item.type === "group") {
|
|
49198
|
-
return /* @__PURE__ */ (0,
|
|
49483
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49199
49484
|
SidebarGroup,
|
|
49200
49485
|
{
|
|
49201
49486
|
defaultOpen: item.defaultOpen,
|
|
@@ -49220,7 +49505,7 @@ function renderSidebarMenuItem({
|
|
|
49220
49505
|
event.preventDefault();
|
|
49221
49506
|
}
|
|
49222
49507
|
};
|
|
49223
|
-
return /* @__PURE__ */ (0,
|
|
49508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49224
49509
|
SidebarLink,
|
|
49225
49510
|
{
|
|
49226
49511
|
itemId: item.id,
|
|
@@ -49254,16 +49539,16 @@ function SidebarGroup({
|
|
|
49254
49539
|
getGroupOpenState,
|
|
49255
49540
|
onCollapsedGroupSelect,
|
|
49256
49541
|
setGroupOpenState
|
|
49257
|
-
} = (0,
|
|
49542
|
+
} = (0, import_react105.useContext)(SidebarContext);
|
|
49258
49543
|
const listId = createGroupListId(label, id);
|
|
49259
|
-
const [open, setOpen] = (0,
|
|
49544
|
+
const [open, setOpen] = (0, import_react105.useState)(
|
|
49260
49545
|
() => {
|
|
49261
49546
|
var _a2;
|
|
49262
49547
|
return (_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen;
|
|
49263
49548
|
}
|
|
49264
49549
|
);
|
|
49265
|
-
const [collapsedOpen, setCollapsedOpen] = (0,
|
|
49266
|
-
(0,
|
|
49550
|
+
const [collapsedOpen, setCollapsedOpen] = (0, import_react105.useState)(false);
|
|
49551
|
+
(0, import_react105.useEffect)(() => {
|
|
49267
49552
|
const timeout = window.setTimeout(() => {
|
|
49268
49553
|
var _a2;
|
|
49269
49554
|
setOpen((_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen);
|
|
@@ -49277,14 +49562,14 @@ function SidebarGroup({
|
|
|
49277
49562
|
};
|
|
49278
49563
|
if (collapsed) {
|
|
49279
49564
|
if (depth > 0) {
|
|
49280
|
-
return /* @__PURE__ */ (0,
|
|
49281
|
-
/* @__PURE__ */ (0,
|
|
49565
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)("div", { className: Sidebar_default.collapsedGroupWrap, children: [
|
|
49566
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49282
49567
|
Tooltip,
|
|
49283
49568
|
{
|
|
49284
49569
|
className: Sidebar_default.collapsedTooltip,
|
|
49285
49570
|
content: label,
|
|
49286
49571
|
placement: "right",
|
|
49287
|
-
children: /* @__PURE__ */ (0,
|
|
49572
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
|
|
49288
49573
|
"button",
|
|
49289
49574
|
{
|
|
49290
49575
|
"aria-expanded": collapsedOpen,
|
|
@@ -49296,8 +49581,8 @@ function SidebarGroup({
|
|
|
49296
49581
|
},
|
|
49297
49582
|
type: "button",
|
|
49298
49583
|
children: [
|
|
49299
|
-
/* @__PURE__ */ (0,
|
|
49300
|
-
/* @__PURE__ */ (0,
|
|
49584
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: icon != null ? icon : label.charAt(0) }),
|
|
49585
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49301
49586
|
"span",
|
|
49302
49587
|
{
|
|
49303
49588
|
"aria-hidden": "true",
|
|
@@ -49309,10 +49594,10 @@ function SidebarGroup({
|
|
|
49309
49594
|
)
|
|
49310
49595
|
}
|
|
49311
49596
|
),
|
|
49312
|
-
collapsedOpen ? /* @__PURE__ */ (0,
|
|
49597
|
+
collapsedOpen ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.collapsedSubmenu, children }) : null
|
|
49313
49598
|
] });
|
|
49314
49599
|
}
|
|
49315
|
-
return /* @__PURE__ */ (0,
|
|
49600
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49316
49601
|
"div",
|
|
49317
49602
|
{
|
|
49318
49603
|
"aria-label": label,
|
|
@@ -49323,7 +49608,7 @@ function SidebarGroup({
|
|
|
49323
49608
|
}
|
|
49324
49609
|
);
|
|
49325
49610
|
}
|
|
49326
|
-
return /* @__PURE__ */ (0,
|
|
49611
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
|
|
49327
49612
|
"div",
|
|
49328
49613
|
{
|
|
49329
49614
|
"aria-label": label,
|
|
@@ -49331,7 +49616,7 @@ function SidebarGroup({
|
|
|
49331
49616
|
"data-depth": depth,
|
|
49332
49617
|
role: "group",
|
|
49333
49618
|
children: [
|
|
49334
|
-
/* @__PURE__ */ (0,
|
|
49619
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.groupHeader, children: /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
|
|
49335
49620
|
"button",
|
|
49336
49621
|
{
|
|
49337
49622
|
"aria-controls": listId,
|
|
@@ -49340,9 +49625,9 @@ function SidebarGroup({
|
|
|
49340
49625
|
onClick: toggleOpen,
|
|
49341
49626
|
type: "button",
|
|
49342
49627
|
children: [
|
|
49343
|
-
icon ? /* @__PURE__ */ (0,
|
|
49344
|
-
/* @__PURE__ */ (0,
|
|
49345
|
-
/* @__PURE__ */ (0,
|
|
49628
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime178.jsx)("span", { className: Sidebar_default.icon, children: icon }) : null,
|
|
49629
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(SidebarOverflowLabel, { label }),
|
|
49630
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49346
49631
|
"span",
|
|
49347
49632
|
{
|
|
49348
49633
|
"aria-hidden": "true",
|
|
@@ -49352,12 +49637,12 @@ function SidebarGroup({
|
|
|
49352
49637
|
]
|
|
49353
49638
|
}
|
|
49354
49639
|
) }),
|
|
49355
|
-
/* @__PURE__ */ (0,
|
|
49640
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49356
49641
|
"div",
|
|
49357
49642
|
{
|
|
49358
49643
|
className: Sidebar_default.groupItemsWrap,
|
|
49359
49644
|
"data-open": open ? "true" : "false",
|
|
49360
|
-
children: /* @__PURE__ */ (0,
|
|
49645
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime178.jsx)(
|
|
49361
49646
|
"div",
|
|
49362
49647
|
{
|
|
49363
49648
|
className: Sidebar_default.groupItems,
|
|
@@ -49378,7 +49663,7 @@ function SidebarLayout({
|
|
|
49378
49663
|
main,
|
|
49379
49664
|
side = "left"
|
|
49380
49665
|
}) {
|
|
49381
|
-
return /* @__PURE__ */ (0,
|
|
49666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime178.jsxs)(
|
|
49382
49667
|
"div",
|
|
49383
49668
|
{
|
|
49384
49669
|
className: Sidebar_default.layout,
|
|
@@ -49386,7 +49671,7 @@ function SidebarLayout({
|
|
|
49386
49671
|
"data-side": side,
|
|
49387
49672
|
children: [
|
|
49388
49673
|
side === "left" ? children : null,
|
|
49389
|
-
/* @__PURE__ */ (0,
|
|
49674
|
+
/* @__PURE__ */ (0, import_jsx_runtime178.jsx)("div", { className: Sidebar_default.main, children: main }),
|
|
49390
49675
|
side === "right" ? children : null
|
|
49391
49676
|
]
|
|
49392
49677
|
}
|
|
@@ -49394,15 +49679,15 @@ function SidebarLayout({
|
|
|
49394
49679
|
}
|
|
49395
49680
|
|
|
49396
49681
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
49397
|
-
var
|
|
49682
|
+
var import_react106 = require("react");
|
|
49398
49683
|
var import_free_solid_svg_icons15 = require("@fortawesome/free-solid-svg-icons");
|
|
49399
49684
|
var import_react_fontawesome16 = require("@fortawesome/react-fontawesome");
|
|
49400
49685
|
|
|
49401
49686
|
// ../../components/AccentColorPicker/AccentColorPicker.module.css
|
|
49402
|
-
var AccentColorPicker_default = {"
|
|
49687
|
+
var AccentColorPicker_default = {"swatches":"opus_scMnrW_swatches","section":"opus_scMnrW_section","sectionLabel":"opus_scMnrW_sectionLabel","dropdown":"opus_scMnrW_dropdown","quickSwatches":"opus_scMnrW_quickSwatches","tilePair":"opus_scMnrW_tilePair","swatch":"opus_scMnrW_swatch","panel":"opus_scMnrW_panel","tilePairs":"opus_scMnrW_tilePairs","picker":"opus_scMnrW_picker","panelHeader":"opus_scMnrW_panelHeader","trigger":"opus_scMnrW_trigger","reset":"opus_scMnrW_reset","resetText":"opus_scMnrW_resetText","chevron":"opus_scMnrW_chevron","summary":"opus_scMnrW_summary","footer":"opus_scMnrW_footer","blob":"opus_scMnrW_blob"};
|
|
49403
49688
|
|
|
49404
49689
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
49405
|
-
var
|
|
49690
|
+
var import_jsx_runtime179 = require("react/jsx-runtime");
|
|
49406
49691
|
var TILE_PINK = "#ec4899";
|
|
49407
49692
|
var TILE_TURQUOISE = "#0ea5e9";
|
|
49408
49693
|
var TILE_MAGENTA = "#d946ef";
|
|
@@ -49503,11 +49788,11 @@ function pairLabel(primary, secondary) {
|
|
|
49503
49788
|
return `${colorLabel(primary)} / ${colorLabel(secondary)}`;
|
|
49504
49789
|
}
|
|
49505
49790
|
function useAccentPreference() {
|
|
49506
|
-
const [accent, setAccentState] = (0,
|
|
49507
|
-
const [accentSecondary, setAccentSecondaryState] = (0,
|
|
49508
|
-
const [accentPairId, setAccentPairIdState] = (0,
|
|
49509
|
-
const [ready, setReady] = (0,
|
|
49510
|
-
(0,
|
|
49791
|
+
const [accent, setAccentState] = (0, import_react106.useState)(DEFAULT_ACCENT_COLOR);
|
|
49792
|
+
const [accentSecondary, setAccentSecondaryState] = (0, import_react106.useState)(DEFAULT_ACCENT_SECONDARY);
|
|
49793
|
+
const [accentPairId, setAccentPairIdState] = (0, import_react106.useState)(DEFAULT_ACCENT_PAIR_ID);
|
|
49794
|
+
const [ready, setReady] = (0, import_react106.useState)(false);
|
|
49795
|
+
(0, import_react106.useLayoutEffect)(() => {
|
|
49511
49796
|
var _a2;
|
|
49512
49797
|
const stored = readStoredAccentState();
|
|
49513
49798
|
setAccentState(stored.accent);
|
|
@@ -49520,7 +49805,7 @@ function useAccentPreference() {
|
|
|
49520
49805
|
persistAccentState(stored.accent, stored.accentSecondary, (_a2 = matchedPair == null ? void 0 : matchedPair.id) != null ? _a2 : null);
|
|
49521
49806
|
setReady(true);
|
|
49522
49807
|
}, []);
|
|
49523
|
-
const applyPair = (0,
|
|
49808
|
+
const applyPair = (0, import_react106.useCallback)((pair) => {
|
|
49524
49809
|
setAccentState(pair.primary);
|
|
49525
49810
|
setAccentSecondaryState(pair.secondary);
|
|
49526
49811
|
setAccentPairIdState(pair.id);
|
|
@@ -49528,7 +49813,7 @@ function useAccentPreference() {
|
|
|
49528
49813
|
persistAccentState(pair.primary, pair.secondary, pair.id);
|
|
49529
49814
|
setReady(true);
|
|
49530
49815
|
}, []);
|
|
49531
|
-
const setAccent = (0,
|
|
49816
|
+
const setAccent = (0, import_react106.useCallback)(
|
|
49532
49817
|
(next) => {
|
|
49533
49818
|
var _a2, _b2;
|
|
49534
49819
|
if (!isHexColor2(next)) {
|
|
@@ -49545,7 +49830,7 @@ function useAccentPreference() {
|
|
|
49545
49830
|
},
|
|
49546
49831
|
[accentPairId, accentSecondary]
|
|
49547
49832
|
);
|
|
49548
|
-
const setAccentSecondary = (0,
|
|
49833
|
+
const setAccentSecondary = (0, import_react106.useCallback)(
|
|
49549
49834
|
(next) => {
|
|
49550
49835
|
var _a2, _b2;
|
|
49551
49836
|
if (!isHexColor2(next)) {
|
|
@@ -49562,7 +49847,7 @@ function useAccentPreference() {
|
|
|
49562
49847
|
},
|
|
49563
49848
|
[accent, accentPairId]
|
|
49564
49849
|
);
|
|
49565
|
-
const setAccentPair = (0,
|
|
49850
|
+
const setAccentPair = (0, import_react106.useCallback)(
|
|
49566
49851
|
(pairId) => {
|
|
49567
49852
|
const pair = findPairById(pairId);
|
|
49568
49853
|
if (!pair) {
|
|
@@ -49572,14 +49857,14 @@ function useAccentPreference() {
|
|
|
49572
49857
|
},
|
|
49573
49858
|
[applyPair]
|
|
49574
49859
|
);
|
|
49575
|
-
const resetAccent = (0,
|
|
49860
|
+
const resetAccent = (0, import_react106.useCallback)(() => {
|
|
49576
49861
|
const pair = findPairById(DEFAULT_ACCENT_PAIR_ID);
|
|
49577
49862
|
if (!pair) {
|
|
49578
49863
|
return;
|
|
49579
49864
|
}
|
|
49580
49865
|
applyPair(pair);
|
|
49581
49866
|
}, [applyPair]);
|
|
49582
|
-
const accentStyle = (0,
|
|
49867
|
+
const accentStyle = (0, import_react106.useMemo)(
|
|
49583
49868
|
() => ready ? createAccentStyle(accent, accentSecondary) : void 0,
|
|
49584
49869
|
[accent, accentSecondary, ready]
|
|
49585
49870
|
);
|
|
@@ -49595,10 +49880,10 @@ function useAccentPreference() {
|
|
|
49595
49880
|
};
|
|
49596
49881
|
}
|
|
49597
49882
|
function useTileAccentPreference() {
|
|
49598
|
-
const [tileAccent, setTileAccentState] = (0,
|
|
49599
|
-
const [tileAccentSecondary, setTileAccentSecondaryState] = (0,
|
|
49600
|
-
const [ready, setReady] = (0,
|
|
49601
|
-
(0,
|
|
49883
|
+
const [tileAccent, setTileAccentState] = (0, import_react106.useState)(DEFAULT_TILE_ACCENT);
|
|
49884
|
+
const [tileAccentSecondary, setTileAccentSecondaryState] = (0, import_react106.useState)(DEFAULT_TILE_ACCENT_SECONDARY);
|
|
49885
|
+
const [ready, setReady] = (0, import_react106.useState)(false);
|
|
49886
|
+
(0, import_react106.useLayoutEffect)(() => {
|
|
49602
49887
|
const stored = readStoredTileAccentState();
|
|
49603
49888
|
setTileAccentState(stored.tileAccent);
|
|
49604
49889
|
setTileAccentSecondaryState(stored.tileAccentSecondary);
|
|
@@ -49606,7 +49891,7 @@ function useTileAccentPreference() {
|
|
|
49606
49891
|
persistTileAccentState(stored.tileAccent, stored.tileAccentSecondary);
|
|
49607
49892
|
setReady(true);
|
|
49608
49893
|
}, []);
|
|
49609
|
-
const setTileAccent = (0,
|
|
49894
|
+
const setTileAccent = (0, import_react106.useCallback)(
|
|
49610
49895
|
(next) => {
|
|
49611
49896
|
if (!isHexColor2(next)) {
|
|
49612
49897
|
return;
|
|
@@ -49618,7 +49903,7 @@ function useTileAccentPreference() {
|
|
|
49618
49903
|
},
|
|
49619
49904
|
[tileAccentSecondary]
|
|
49620
49905
|
);
|
|
49621
|
-
const setTileAccentSecondary = (0,
|
|
49906
|
+
const setTileAccentSecondary = (0, import_react106.useCallback)(
|
|
49622
49907
|
(next) => {
|
|
49623
49908
|
if (!isHexColor2(next)) {
|
|
49624
49909
|
return;
|
|
@@ -49630,14 +49915,14 @@ function useTileAccentPreference() {
|
|
|
49630
49915
|
},
|
|
49631
49916
|
[tileAccent]
|
|
49632
49917
|
);
|
|
49633
|
-
const resetTileAccent = (0,
|
|
49918
|
+
const resetTileAccent = (0, import_react106.useCallback)(() => {
|
|
49634
49919
|
setTileAccentState(DEFAULT_TILE_ACCENT);
|
|
49635
49920
|
setTileAccentSecondaryState(DEFAULT_TILE_ACCENT_SECONDARY);
|
|
49636
49921
|
applyDocumentTileAccent(DEFAULT_TILE_ACCENT, DEFAULT_TILE_ACCENT_SECONDARY);
|
|
49637
49922
|
persistTileAccentState(DEFAULT_TILE_ACCENT, DEFAULT_TILE_ACCENT_SECONDARY);
|
|
49638
49923
|
setReady(true);
|
|
49639
49924
|
}, []);
|
|
49640
|
-
const tileAccentStyle = (0,
|
|
49925
|
+
const tileAccentStyle = (0, import_react106.useMemo)(
|
|
49641
49926
|
() => ready ? createTileAccentStyle(tileAccent, tileAccentSecondary) : void 0,
|
|
49642
49927
|
[ready, tileAccent, tileAccentSecondary]
|
|
49643
49928
|
);
|
|
@@ -49655,11 +49940,11 @@ function AccentSwatchGrid({
|
|
|
49655
49940
|
onSelect,
|
|
49656
49941
|
selectedValue
|
|
49657
49942
|
}) {
|
|
49658
|
-
return /* @__PURE__ */ (0,
|
|
49659
|
-
/* @__PURE__ */ (0,
|
|
49660
|
-
/* @__PURE__ */ (0,
|
|
49943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.section, children: [
|
|
49944
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)("p", { className: AccentColorPicker_default.sectionLabel, children: label }),
|
|
49945
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)("div", { "aria-label": label, className: AccentColorPicker_default.swatches, role: "radiogroup", children: accentPalette.map((option) => {
|
|
49661
49946
|
const selected = selectedValue === option.value;
|
|
49662
|
-
return /* @__PURE__ */ (0,
|
|
49947
|
+
return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
49663
49948
|
"button",
|
|
49664
49949
|
{
|
|
49665
49950
|
"aria-checked": selected,
|
|
@@ -49692,16 +49977,17 @@ function AccentColorPicker({
|
|
|
49692
49977
|
defaultSecondaryValue = DEFAULT_ACCENT_SECONDARY,
|
|
49693
49978
|
secondaryValue,
|
|
49694
49979
|
showQuickSwatches = false,
|
|
49980
|
+
showSecondary = true,
|
|
49695
49981
|
variant = "compact",
|
|
49696
49982
|
value
|
|
49697
49983
|
}) {
|
|
49698
49984
|
const resolvedSecondary = secondaryValue != null ? secondaryValue : companionForPrimary(value);
|
|
49699
|
-
const [open, setOpen] = (0,
|
|
49700
|
-
const rootRef = (0,
|
|
49701
|
-
const menuId = (0,
|
|
49702
|
-
const selectedLabel = pairLabel(value, resolvedSecondary);
|
|
49703
|
-
const isDefault = value === defaultValue && resolvedSecondary === defaultSecondaryValue;
|
|
49704
|
-
(0,
|
|
49985
|
+
const [open, setOpen] = (0, import_react106.useState)(false);
|
|
49986
|
+
const rootRef = (0, import_react106.useRef)(null);
|
|
49987
|
+
const menuId = (0, import_react106.useId)();
|
|
49988
|
+
const selectedLabel = showSecondary ? pairLabel(value, resolvedSecondary) : colorLabel(value);
|
|
49989
|
+
const isDefault = value === defaultValue && (!showSecondary || resolvedSecondary === defaultSecondaryValue);
|
|
49990
|
+
(0, import_react106.useEffect)(() => {
|
|
49705
49991
|
if (!open || variant !== "compact") {
|
|
49706
49992
|
return;
|
|
49707
49993
|
}
|
|
@@ -49732,21 +50018,21 @@ function AccentColorPicker({
|
|
|
49732
50018
|
}
|
|
49733
50019
|
setOpen(false);
|
|
49734
50020
|
};
|
|
49735
|
-
const paletteBody = /* @__PURE__ */ (0,
|
|
49736
|
-
/* @__PURE__ */ (0,
|
|
49737
|
-
/* @__PURE__ */ (0,
|
|
50021
|
+
const paletteBody = /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(import_jsx_runtime179.Fragment, { children: [
|
|
50022
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)(AccentSwatchGrid, { label: primarySectionLabel, selectedValue: value, onSelect: onChange }),
|
|
50023
|
+
showSecondary ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
49738
50024
|
AccentSwatchGrid,
|
|
49739
50025
|
{
|
|
49740
50026
|
label: secondarySectionLabel,
|
|
49741
50027
|
selectedValue: resolvedSecondary,
|
|
49742
50028
|
onSelect: (next) => onSecondaryChange == null ? void 0 : onSecondaryChange(next)
|
|
49743
50029
|
}
|
|
49744
|
-
)
|
|
50030
|
+
) : null
|
|
49745
50031
|
] });
|
|
49746
50032
|
if (variant === "panel") {
|
|
49747
|
-
return /* @__PURE__ */ (0,
|
|
49748
|
-
/* @__PURE__ */ (0,
|
|
49749
|
-
/* @__PURE__ */ (0,
|
|
50033
|
+
return /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.panel, id, children: [
|
|
50034
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.panelHeader, children: [
|
|
50035
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
49750
50036
|
"span",
|
|
49751
50037
|
{
|
|
49752
50038
|
"aria-hidden": "true",
|
|
@@ -49757,8 +50043,8 @@ function AccentColorPicker({
|
|
|
49757
50043
|
}
|
|
49758
50044
|
}
|
|
49759
50045
|
),
|
|
49760
|
-
/* @__PURE__ */ (0,
|
|
49761
|
-
/* @__PURE__ */ (0,
|
|
50046
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
|
|
50047
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
49762
50048
|
"button",
|
|
49763
50049
|
{
|
|
49764
50050
|
"aria-label": `Reset ${label.toLowerCase()} colours`,
|
|
@@ -49767,14 +50053,14 @@ function AccentColorPicker({
|
|
|
49767
50053
|
title: `Reset ${label.toLowerCase()}`,
|
|
49768
50054
|
type: "button",
|
|
49769
50055
|
onClick: handleReset,
|
|
49770
|
-
children: /* @__PURE__ */ (0,
|
|
50056
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react_fontawesome16.FontAwesomeIcon, { icon: import_free_solid_svg_icons15.faRotateLeft })
|
|
49771
50057
|
}
|
|
49772
50058
|
)
|
|
49773
50059
|
] }),
|
|
49774
50060
|
paletteBody
|
|
49775
50061
|
] });
|
|
49776
50062
|
}
|
|
49777
|
-
return /* @__PURE__ */ (0,
|
|
50063
|
+
return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
49778
50064
|
FieldShell,
|
|
49779
50065
|
{
|
|
49780
50066
|
fitContent: true,
|
|
@@ -49785,8 +50071,8 @@ function AccentColorPicker({
|
|
|
49785
50071
|
labelPosition,
|
|
49786
50072
|
labelTag: "div",
|
|
49787
50073
|
mode,
|
|
49788
|
-
children: /* @__PURE__ */ (0,
|
|
49789
|
-
showQuickSwatches ? /* @__PURE__ */ (0,
|
|
50074
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.picker, ref: rootRef, children: [
|
|
50075
|
+
showQuickSwatches ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
49790
50076
|
"div",
|
|
49791
50077
|
{
|
|
49792
50078
|
"aria-labelledby": `${id}-label`,
|
|
@@ -49794,7 +50080,7 @@ function AccentColorPicker({
|
|
|
49794
50080
|
role: "radiogroup",
|
|
49795
50081
|
children: accentQuickColors.map((option) => {
|
|
49796
50082
|
const selected = value === option.value;
|
|
49797
|
-
return /* @__PURE__ */ (0,
|
|
50083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
49798
50084
|
"button",
|
|
49799
50085
|
{
|
|
49800
50086
|
"aria-checked": selected,
|
|
@@ -49812,7 +50098,7 @@ function AccentColorPicker({
|
|
|
49812
50098
|
})
|
|
49813
50099
|
}
|
|
49814
50100
|
) : null,
|
|
49815
|
-
/* @__PURE__ */ (0,
|
|
50101
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(
|
|
49816
50102
|
"button",
|
|
49817
50103
|
{
|
|
49818
50104
|
"aria-controls": menuId,
|
|
@@ -49828,12 +50114,12 @@ function AccentColorPicker({
|
|
|
49828
50114
|
type: "button",
|
|
49829
50115
|
onClick: () => setOpen((current) => !current),
|
|
49830
50116
|
children: [
|
|
49831
|
-
/* @__PURE__ */ (0,
|
|
49832
|
-
/* @__PURE__ */ (0,
|
|
50117
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { "aria-hidden": "true", className: AccentColorPicker_default.blob }),
|
|
50118
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)("span", { "aria-hidden": "true", className: AccentColorPicker_default.chevron })
|
|
49833
50119
|
]
|
|
49834
50120
|
}
|
|
49835
50121
|
),
|
|
49836
|
-
!isDefault ? /* @__PURE__ */ (0,
|
|
50122
|
+
!isDefault ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(
|
|
49837
50123
|
"button",
|
|
49838
50124
|
{
|
|
49839
50125
|
"aria-label": `Reset ${label.toLowerCase()} colours`,
|
|
@@ -49841,10 +50127,10 @@ function AccentColorPicker({
|
|
|
49841
50127
|
title: `Reset ${label.toLowerCase()}`,
|
|
49842
50128
|
type: "button",
|
|
49843
50129
|
onClick: handleReset,
|
|
49844
|
-
children: /* @__PURE__ */ (0,
|
|
50130
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime179.jsx)(import_react_fontawesome16.FontAwesomeIcon, { icon: import_free_solid_svg_icons15.faRotateLeft })
|
|
49845
50131
|
}
|
|
49846
50132
|
) : null,
|
|
49847
|
-
open ? /* @__PURE__ */ (0,
|
|
50133
|
+
open ? /* @__PURE__ */ (0, import_jsx_runtime179.jsxs)(
|
|
49848
50134
|
"div",
|
|
49849
50135
|
{
|
|
49850
50136
|
"aria-label": `${label} colours`,
|
|
@@ -49853,9 +50139,9 @@ function AccentColorPicker({
|
|
|
49853
50139
|
role: "dialog",
|
|
49854
50140
|
children: [
|
|
49855
50141
|
paletteBody,
|
|
49856
|
-
/* @__PURE__ */ (0,
|
|
49857
|
-
/* @__PURE__ */ (0,
|
|
49858
|
-
!isDefault ? /* @__PURE__ */ (0,
|
|
50142
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsxs)("div", { className: AccentColorPicker_default.footer, children: [
|
|
50143
|
+
/* @__PURE__ */ (0, import_jsx_runtime179.jsx)("p", { className: AccentColorPicker_default.summary, children: selectedLabel }),
|
|
50144
|
+
!isDefault ? /* @__PURE__ */ (0, import_jsx_runtime179.jsx)("button", { className: AccentColorPicker_default.resetText, type: "button", onClick: handleReset, children: "Reset" }) : null
|
|
49859
50145
|
] })
|
|
49860
50146
|
]
|
|
49861
50147
|
}
|
|
@@ -49866,14 +50152,14 @@ function AccentColorPicker({
|
|
|
49866
50152
|
}
|
|
49867
50153
|
|
|
49868
50154
|
// ../../components/IconPicker/IconPicker.tsx
|
|
49869
|
-
var
|
|
50155
|
+
var import_react107 = require("react");
|
|
49870
50156
|
var import_react_fontawesome17 = require("@fortawesome/react-fontawesome");
|
|
49871
50157
|
|
|
49872
50158
|
// ../../components/IconPicker/IconPicker.module.css
|
|
49873
|
-
var IconPicker_default = {"
|
|
50159
|
+
var IconPicker_default = {"triggerLabel":"opus_4E-Oa1_triggerLabel","triggerIcon":"opus_4E-Oa1_triggerIcon","empty":"opus_4E-Oa1_empty","optionIcon":"opus_4E-Oa1_optionIcon","chevron":"opus_4E-Oa1_chevron","menu":"opus_4E-Oa1_menu","search":"opus_4E-Oa1_search","option":"opus_4E-Oa1_option","root":"opus_4E-Oa1_root","trigger":"opus_4E-Oa1_trigger","grid":"opus_4E-Oa1_grid"};
|
|
49874
50160
|
|
|
49875
50161
|
// ../../components/IconPicker/IconPicker.tsx
|
|
49876
|
-
var
|
|
50162
|
+
var import_jsx_runtime180 = require("react/jsx-runtime");
|
|
49877
50163
|
function IconPicker({
|
|
49878
50164
|
help,
|
|
49879
50165
|
id,
|
|
@@ -49884,14 +50170,14 @@ function IconPicker({
|
|
|
49884
50170
|
searchPlaceholder = "Search icons",
|
|
49885
50171
|
value
|
|
49886
50172
|
}) {
|
|
49887
|
-
const [open, setOpen] = (0,
|
|
49888
|
-
const [query, setQuery] = (0,
|
|
49889
|
-
const rootRef = (0,
|
|
49890
|
-
const searchRef = (0,
|
|
49891
|
-
const listboxId = (0,
|
|
50173
|
+
const [open, setOpen] = (0, import_react107.useState)(false);
|
|
50174
|
+
const [query, setQuery] = (0, import_react107.useState)("");
|
|
50175
|
+
const rootRef = (0, import_react107.useRef)(null);
|
|
50176
|
+
const searchRef = (0, import_react107.useRef)(null);
|
|
50177
|
+
const listboxId = (0, import_react107.useId)();
|
|
49892
50178
|
const selected = getFontAwesomeIconOption(value);
|
|
49893
|
-
const filteredIcons = (0,
|
|
49894
|
-
(0,
|
|
50179
|
+
const filteredIcons = (0, import_react107.useMemo)(() => filterFontAwesomeIcons(query), [query]);
|
|
50180
|
+
(0, import_react107.useEffect)(() => {
|
|
49895
50181
|
if (!open) {
|
|
49896
50182
|
return;
|
|
49897
50183
|
}
|
|
@@ -49918,8 +50204,8 @@ function IconPicker({
|
|
|
49918
50204
|
document.removeEventListener("keydown", handleKeyDown);
|
|
49919
50205
|
};
|
|
49920
50206
|
}, [open]);
|
|
49921
|
-
return /* @__PURE__ */ (0,
|
|
49922
|
-
/* @__PURE__ */ (0,
|
|
50207
|
+
return /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: IconPicker_default.root, ref: rootRef, children: [
|
|
50208
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsxs)(
|
|
49923
50209
|
"button",
|
|
49924
50210
|
{
|
|
49925
50211
|
"aria-controls": open ? listboxId : void 0,
|
|
@@ -49930,14 +50216,14 @@ function IconPicker({
|
|
|
49930
50216
|
type: "button",
|
|
49931
50217
|
onClick: () => setOpen((current) => !current),
|
|
49932
50218
|
children: [
|
|
49933
|
-
/* @__PURE__ */ (0,
|
|
49934
|
-
/* @__PURE__ */ (0,
|
|
50219
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.triggerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_react_fontawesome17.FontAwesomeIcon, { icon: selected.icon }) }),
|
|
50220
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: IconPicker_default.triggerLabel, children: selected.label })
|
|
49935
50221
|
]
|
|
49936
50222
|
}
|
|
49937
50223
|
),
|
|
49938
|
-
/* @__PURE__ */ (0,
|
|
49939
|
-
open ? /* @__PURE__ */ (0,
|
|
49940
|
-
/* @__PURE__ */ (0,
|
|
50224
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
|
|
50225
|
+
open ? /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("div", { className: IconPicker_default.menu, children: [
|
|
50226
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
49941
50227
|
"input",
|
|
49942
50228
|
{
|
|
49943
50229
|
"aria-label": searchPlaceholder,
|
|
@@ -49949,7 +50235,7 @@ function IconPicker({
|
|
|
49949
50235
|
onChange: (event) => setQuery(event.target.value)
|
|
49950
50236
|
}
|
|
49951
50237
|
),
|
|
49952
|
-
/* @__PURE__ */ (0,
|
|
50238
|
+
/* @__PURE__ */ (0, import_jsx_runtime180.jsx)("div", { className: IconPicker_default.grid, id: listboxId, role: "listbox", children: filteredIcons.length ? filteredIcons.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(
|
|
49953
50239
|
"button",
|
|
49954
50240
|
{
|
|
49955
50241
|
"aria-label": entry.label,
|
|
@@ -49964,19 +50250,19 @@ function IconPicker({
|
|
|
49964
50250
|
setOpen(false);
|
|
49965
50251
|
setQuery("");
|
|
49966
50252
|
},
|
|
49967
|
-
children: /* @__PURE__ */ (0,
|
|
50253
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { "aria-hidden": "true", className: IconPicker_default.optionIcon, children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(import_react_fontawesome17.FontAwesomeIcon, { icon: entry.icon }) })
|
|
49968
50254
|
},
|
|
49969
50255
|
entry.iconName
|
|
49970
|
-
)) : /* @__PURE__ */ (0,
|
|
50256
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("p", { className: IconPicker_default.empty, children: "No icons match your search." }) })
|
|
49971
50257
|
] }) : null
|
|
49972
50258
|
] }) });
|
|
49973
50259
|
}
|
|
49974
50260
|
|
|
49975
50261
|
// ../../components/IconBadge/IconBadge.module.css
|
|
49976
|
-
var IconBadge_default = {"
|
|
50262
|
+
var IconBadge_default = {"badge":"opus_H9TUGj_badge","icon":"opus_H9TUGj_icon","root":"opus_H9TUGj_root"};
|
|
49977
50263
|
|
|
49978
50264
|
// ../../components/IconBadge/IconBadge.tsx
|
|
49979
|
-
var
|
|
50265
|
+
var import_jsx_runtime181 = require("react/jsx-runtime");
|
|
49980
50266
|
function formatCount(count, max) {
|
|
49981
50267
|
if (count > max) {
|
|
49982
50268
|
return `${max}+`;
|
|
@@ -50013,12 +50299,12 @@ function IconBadge({
|
|
|
50013
50299
|
const showBadge = shouldShowBadge(count, showZero);
|
|
50014
50300
|
const accessibleLabel = buildAccessibleLabel(label, count, max, showZero);
|
|
50015
50301
|
const rootClassName = [IconBadge_default.root, className].filter(Boolean).join(" ");
|
|
50016
|
-
const content = /* @__PURE__ */ (0,
|
|
50017
|
-
/* @__PURE__ */ (0,
|
|
50018
|
-
showBadge ? /* @__PURE__ */ (0,
|
|
50302
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime181.jsxs)("span", { "aria-hidden": "true", className: IconBadge_default.icon, "data-size": size, "data-tone": tone, children: [
|
|
50303
|
+
/* @__PURE__ */ (0, import_jsx_runtime181.jsx)(CatalogIcon, { iconName }),
|
|
50304
|
+
showBadge ? /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { className: IconBadge_default.badge, "data-urgency": urgency, children: formatCount(count, max) }) : null
|
|
50019
50305
|
] });
|
|
50020
50306
|
if (onClick) {
|
|
50021
|
-
return /* @__PURE__ */ (0,
|
|
50307
|
+
return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)(
|
|
50022
50308
|
"button",
|
|
50023
50309
|
{
|
|
50024
50310
|
"aria-label": accessibleLabel,
|
|
@@ -50030,17 +50316,17 @@ function IconBadge({
|
|
|
50030
50316
|
}
|
|
50031
50317
|
);
|
|
50032
50318
|
}
|
|
50033
|
-
return /* @__PURE__ */ (0,
|
|
50319
|
+
return /* @__PURE__ */ (0, import_jsx_runtime181.jsx)("span", { "aria-label": accessibleLabel, className: rootClassName, "data-size": size, role: "img", children: content });
|
|
50034
50320
|
}
|
|
50035
50321
|
|
|
50036
50322
|
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
50037
|
-
var
|
|
50323
|
+
var import_react108 = require("react");
|
|
50038
50324
|
|
|
50039
50325
|
// ../../components/ApplicationHeader/ApplicationHeader.module.css
|
|
50040
|
-
var ApplicationHeader_default = {"
|
|
50326
|
+
var ApplicationHeader_default = {"profile":"opus_TjZbi8_profile","createMenuIcon":"opus_TjZbi8_createMenuIcon","createButton":"opus_TjZbi8_createButton","root":"opus_TjZbi8_root","content":"opus_TjZbi8_content","brand":"opus_TjZbi8_brand","actions":"opus_TjZbi8_actions","actionGroup":"opus_TjZbi8_actionGroup","search":"opus_TjZbi8_search","logo":"opus_TjZbi8_logo"};
|
|
50041
50327
|
|
|
50042
50328
|
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
50043
|
-
var
|
|
50329
|
+
var import_jsx_runtime182 = require("react/jsx-runtime");
|
|
50044
50330
|
function ApplicationHeader({
|
|
50045
50331
|
actions = [],
|
|
50046
50332
|
brandAlt = "Opus",
|
|
@@ -50059,7 +50345,7 @@ function ApplicationHeader({
|
|
|
50059
50345
|
searchValue = "",
|
|
50060
50346
|
showSearch = true
|
|
50061
50347
|
}) {
|
|
50062
|
-
const searchInputRef = (0,
|
|
50348
|
+
const searchInputRef = (0, import_react108.useRef)(null);
|
|
50063
50349
|
const notificationActions = actions.filter((action) => action.group === "notification" || action.count !== void 0);
|
|
50064
50350
|
const utilityActions = actions.filter((action) => action.group === "utility" || action.group === void 0 && action.count === void 0);
|
|
50065
50351
|
const handleSearchChange = (event) => {
|
|
@@ -50067,12 +50353,12 @@ function ApplicationHeader({
|
|
|
50067
50353
|
};
|
|
50068
50354
|
const createMenuItems = createItems.map((item) => ({
|
|
50069
50355
|
disabled: item.disabled,
|
|
50070
|
-
icon: item.iconName ? /* @__PURE__ */ (0,
|
|
50356
|
+
icon: item.iconName ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", { className: ApplicationHeader_default.createMenuIcon, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CatalogIcon, { iconName: item.iconName }) }) : void 0,
|
|
50071
50357
|
id: item.id,
|
|
50072
50358
|
label: item.label,
|
|
50073
50359
|
onSelect: item.onSelect
|
|
50074
50360
|
}));
|
|
50075
|
-
(0,
|
|
50361
|
+
(0, import_react108.useEffect)(() => {
|
|
50076
50362
|
var _a2;
|
|
50077
50363
|
if (!showSearch) {
|
|
50078
50364
|
return;
|
|
@@ -50093,18 +50379,18 @@ function ApplicationHeader({
|
|
|
50093
50379
|
window.addEventListener("keydown", handleKeyDown);
|
|
50094
50380
|
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
50095
50381
|
}, [searchShortcut, showSearch]);
|
|
50096
|
-
return /* @__PURE__ */ (0,
|
|
50382
|
+
return /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(
|
|
50097
50383
|
"header",
|
|
50098
50384
|
{
|
|
50099
50385
|
className: [ApplicationHeader_default.root, className].filter(Boolean).join(" "),
|
|
50100
50386
|
"data-connected": connected ? "true" : "false",
|
|
50101
50387
|
children: [
|
|
50102
|
-
/* @__PURE__ */ (0,
|
|
50103
|
-
/* @__PURE__ */ (0,
|
|
50104
|
-
showSearch ? /* @__PURE__ */ (0,
|
|
50388
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("a", { "aria-label": brandAlt, className: ApplicationHeader_default.brand, href: brandHref, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("img", { alt: brandAlt, className: ApplicationHeader_default.logo, src: brandSrc }) }),
|
|
50389
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("div", { className: ApplicationHeader_default.content, children: [
|
|
50390
|
+
showSearch ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: ApplicationHeader_default.search, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
50105
50391
|
TextField,
|
|
50106
50392
|
{
|
|
50107
|
-
endAdornment: /* @__PURE__ */ (0,
|
|
50393
|
+
endAdornment: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(KeyboardShortcut, { keys: searchShortcut, size: "sm" }),
|
|
50108
50394
|
id: "application-header-search",
|
|
50109
50395
|
inputRef: searchInputRef,
|
|
50110
50396
|
label: "Search",
|
|
@@ -50115,9 +50401,9 @@ function ApplicationHeader({
|
|
|
50115
50401
|
value: searchValue,
|
|
50116
50402
|
onChange: handleSearchChange
|
|
50117
50403
|
}
|
|
50118
|
-
) }) : /* @__PURE__ */ (0,
|
|
50119
|
-
/* @__PURE__ */ (0,
|
|
50120
|
-
createItems.length ? /* @__PURE__ */ (0,
|
|
50404
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("span", {}),
|
|
50405
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsxs)("nav", { "aria-label": "Application actions", className: ApplicationHeader_default.actions, children: [
|
|
50406
|
+
createItems.length ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
50121
50407
|
DropdownMenu,
|
|
50122
50408
|
{
|
|
50123
50409
|
items: createMenuItems,
|
|
@@ -50129,11 +50415,11 @@ function ApplicationHeader({
|
|
|
50129
50415
|
}
|
|
50130
50416
|
},
|
|
50131
50417
|
placement: "bottom-end",
|
|
50132
|
-
trigger: /* @__PURE__ */ (0,
|
|
50418
|
+
trigger: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CatalogIcon, { iconName: "plus" }) })
|
|
50133
50419
|
}
|
|
50134
|
-
) : onCreate ? /* @__PURE__ */ (0,
|
|
50135
|
-
(createItems.length || onCreate) && actions.length ? /* @__PURE__ */ (0,
|
|
50136
|
-
/* @__PURE__ */ (0,
|
|
50420
|
+
) : onCreate ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Tooltip, { content: createLabel, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, onClick: onCreate, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(CatalogIcon, { iconName: "plus" }) }) }) : null,
|
|
50421
|
+
(createItems.length || onCreate) && actions.length ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
50422
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: ApplicationHeader_default.actionGroup, children: notificationActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
50137
50423
|
IconBadge,
|
|
50138
50424
|
{
|
|
50139
50425
|
count: action.count,
|
|
@@ -50143,8 +50429,8 @@ function ApplicationHeader({
|
|
|
50143
50429
|
urgency: action.urgency
|
|
50144
50430
|
}
|
|
50145
50431
|
) }, action.id)) }),
|
|
50146
|
-
notificationActions.length && utilityActions.length ? /* @__PURE__ */ (0,
|
|
50147
|
-
/* @__PURE__ */ (0,
|
|
50432
|
+
notificationActions.length && utilityActions.length ? /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
50433
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: ApplicationHeader_default.actionGroup, children: utilityActions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
50148
50434
|
IconBadge,
|
|
50149
50435
|
{
|
|
50150
50436
|
count: action.count,
|
|
@@ -50154,9 +50440,9 @@ function ApplicationHeader({
|
|
|
50154
50440
|
urgency: action.urgency
|
|
50155
50441
|
}
|
|
50156
50442
|
) }, action.id)) }),
|
|
50157
|
-
profile ? /* @__PURE__ */ (0,
|
|
50158
|
-
/* @__PURE__ */ (0,
|
|
50159
|
-
/* @__PURE__ */ (0,
|
|
50443
|
+
profile ? /* @__PURE__ */ (0, import_jsx_runtime182.jsxs)(import_jsx_runtime182.Fragment, { children: [
|
|
50444
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)(Divider, { orientation: "vertical", tone: "muted" }),
|
|
50445
|
+
/* @__PURE__ */ (0, import_jsx_runtime182.jsx)("div", { className: ApplicationHeader_default.profile, children: /* @__PURE__ */ (0, import_jsx_runtime182.jsx)(
|
|
50160
50446
|
UserProfileWidget,
|
|
50161
50447
|
{
|
|
50162
50448
|
avatarSize: "md",
|
|
@@ -50175,37 +50461,37 @@ function ApplicationHeader({
|
|
|
50175
50461
|
}
|
|
50176
50462
|
|
|
50177
50463
|
// ../../components/ApplicationFooter/ApplicationFooter.module.css
|
|
50178
|
-
var ApplicationFooter_default = {"
|
|
50464
|
+
var ApplicationFooter_default = {"logo":"opus_mphyzH_logo","root":"opus_mphyzH_root","actions":"opus_mphyzH_actions","version":"opus_mphyzH_version","copyright":"opus_mphyzH_copyright","actionSlot":"opus_mphyzH_actionSlot","brand":"opus_mphyzH_brand","action":"opus_mphyzH_action","product":"opus_mphyzH_product"};
|
|
50179
50465
|
|
|
50180
50466
|
// ../../components/ApplicationFooter/ApplicationFooter.tsx
|
|
50181
|
-
var
|
|
50467
|
+
var import_jsx_runtime183 = require("react/jsx-runtime");
|
|
50182
50468
|
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" }) {
|
|
50183
|
-
return /* @__PURE__ */ (0,
|
|
50184
|
-
/* @__PURE__ */ (0,
|
|
50185
|
-
/* @__PURE__ */ (0,
|
|
50186
|
-
/* @__PURE__ */ (0,
|
|
50187
|
-
/* @__PURE__ */ (0,
|
|
50469
|
+
return /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("footer", { className: ApplicationFooter_default.root, children: [
|
|
50470
|
+
/* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("div", { className: ApplicationFooter_default.brand, children: [
|
|
50471
|
+
/* @__PURE__ */ (0, import_jsx_runtime183.jsx)("img", { alt: brandAlt, className: ApplicationFooter_default.logo, src: brandSrc }),
|
|
50472
|
+
/* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: ApplicationFooter_default.product, children: productName }),
|
|
50473
|
+
/* @__PURE__ */ (0, import_jsx_runtime183.jsx)("span", { className: ApplicationFooter_default.version, children: version })
|
|
50188
50474
|
] }),
|
|
50189
|
-
/* @__PURE__ */ (0,
|
|
50190
|
-
/* @__PURE__ */ (0,
|
|
50191
|
-
index ? /* @__PURE__ */ (0,
|
|
50192
|
-
/* @__PURE__ */ (0,
|
|
50475
|
+
/* @__PURE__ */ (0, import_jsx_runtime183.jsx)("small", { className: ApplicationFooter_default.copyright, children: copyright }),
|
|
50476
|
+
/* @__PURE__ */ (0, import_jsx_runtime183.jsx)("nav", { "aria-label": "Footer actions", className: ApplicationFooter_default.actions, children: actions.map((action, index) => /* @__PURE__ */ (0, import_jsx_runtime183.jsxs)("span", { className: ApplicationFooter_default.actionSlot, children: [
|
|
50477
|
+
index ? /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
50478
|
+
/* @__PURE__ */ (0, import_jsx_runtime183.jsx)(Tooltip, { content: action.label, placement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)("button", { "aria-label": action.label, className: ApplicationFooter_default.action, onClick: () => {
|
|
50193
50479
|
var _a2;
|
|
50194
50480
|
(_a2 = action.onSelect) == null ? void 0 : _a2.call(action);
|
|
50195
50481
|
onActionSelect == null ? void 0 : onActionSelect(action);
|
|
50196
|
-
}, type: "button", children: /* @__PURE__ */ (0,
|
|
50482
|
+
}, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime183.jsx)(CatalogIcon, { iconName: action.iconName }) }) })
|
|
50197
50483
|
] }, action.id)) })
|
|
50198
50484
|
] });
|
|
50199
50485
|
}
|
|
50200
50486
|
|
|
50201
50487
|
// ../../components/WelcomeMessage/WelcomeMessage.tsx
|
|
50202
|
-
var
|
|
50488
|
+
var import_react109 = require("react");
|
|
50203
50489
|
|
|
50204
50490
|
// ../../components/WelcomeMessage/WelcomeMessage.module.css
|
|
50205
|
-
var WelcomeMessage_default = {"
|
|
50491
|
+
var WelcomeMessage_default = {"heading":"opus_cZqjKS_heading","root":"opus_cZqjKS_root","wave":"opus_cZqjKS_wave","welcome-wave":"opus_cZqjKS_welcome-wave","subtitle":"opus_cZqjKS_subtitle"};
|
|
50206
50492
|
|
|
50207
50493
|
// ../../components/WelcomeMessage/WelcomeMessage.tsx
|
|
50208
|
-
var
|
|
50494
|
+
var import_jsx_runtime184 = require("react/jsx-runtime");
|
|
50209
50495
|
function toDate(value) {
|
|
50210
50496
|
if (value instanceof Date) return value;
|
|
50211
50497
|
if (value !== void 0) return new Date(value);
|
|
@@ -50237,8 +50523,8 @@ function WelcomeMessage({
|
|
|
50237
50523
|
timeZone,
|
|
50238
50524
|
updateInterval = 6e4
|
|
50239
50525
|
}) {
|
|
50240
|
-
const [currentDate, setCurrentDate] = (0,
|
|
50241
|
-
(0,
|
|
50526
|
+
const [currentDate, setCurrentDate] = (0, import_react109.useState)(() => toDate(date));
|
|
50527
|
+
(0, import_react109.useEffect)(() => {
|
|
50242
50528
|
if (date !== void 0) {
|
|
50243
50529
|
setCurrentDate(toDate(date));
|
|
50244
50530
|
return;
|
|
@@ -50246,32 +50532,32 @@ function WelcomeMessage({
|
|
|
50246
50532
|
const interval = window.setInterval(() => setCurrentDate(/* @__PURE__ */ new Date()), updateInterval);
|
|
50247
50533
|
return () => window.clearInterval(interval);
|
|
50248
50534
|
}, [date, updateInterval]);
|
|
50249
|
-
const resolvedGreeting = (0,
|
|
50535
|
+
const resolvedGreeting = (0, import_react109.useMemo)(
|
|
50250
50536
|
() => greeting != null ? greeting : `Good ${getWelcomeGreeting(getHour(currentDate, timeZone))}`,
|
|
50251
50537
|
[currentDate, greeting, timeZone]
|
|
50252
50538
|
);
|
|
50253
|
-
return /* @__PURE__ */ (0,
|
|
50254
|
-
/* @__PURE__ */ (0,
|
|
50539
|
+
return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { className: [WelcomeMessage_default.root, className].filter(Boolean).join(" "), children: [
|
|
50540
|
+
/* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(Heading, { className: WelcomeMessage_default.heading, suppressHydrationWarning: true, children: [
|
|
50255
50541
|
resolvedGreeting,
|
|
50256
50542
|
", ",
|
|
50257
50543
|
name,
|
|
50258
|
-
showWave ? /* @__PURE__ */ (0,
|
|
50544
|
+
showWave ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("span", { "aria-hidden": "true", className: WelcomeMessage_default.wave, children: "\u{1F44B}" }) : null
|
|
50259
50545
|
] }),
|
|
50260
|
-
subtitle ? /* @__PURE__ */ (0,
|
|
50546
|
+
subtitle ? /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("p", { className: WelcomeMessage_default.subtitle, children: subtitle }) : null
|
|
50261
50547
|
] });
|
|
50262
50548
|
}
|
|
50263
50549
|
|
|
50264
50550
|
// ../../components/Desktop/Desktop.tsx
|
|
50265
|
-
var
|
|
50551
|
+
var import_react112 = require("react");
|
|
50266
50552
|
|
|
50267
50553
|
// ../../components/DesktopDock/DesktopDock.tsx
|
|
50268
|
-
var
|
|
50554
|
+
var import_react110 = require("react");
|
|
50269
50555
|
|
|
50270
50556
|
// ../../components/DesktopIcon/DesktopIcon.module.css
|
|
50271
|
-
var DesktopIcon_default = {"icon":"opus_Aw_c1o_icon","
|
|
50557
|
+
var DesktopIcon_default = {"icon":"opus_Aw_c1o_icon","root":"opus_Aw_c1o_root","label":"opus_Aw_c1o_label"};
|
|
50272
50558
|
|
|
50273
50559
|
// ../../components/DesktopIcon/DesktopIcon.tsx
|
|
50274
|
-
var
|
|
50560
|
+
var import_jsx_runtime185 = require("react/jsx-runtime");
|
|
50275
50561
|
function DesktopIcon({
|
|
50276
50562
|
active,
|
|
50277
50563
|
className,
|
|
@@ -50283,7 +50569,7 @@ function DesktopIcon({
|
|
|
50283
50569
|
selected,
|
|
50284
50570
|
tone = "purple"
|
|
50285
50571
|
}) {
|
|
50286
|
-
return /* @__PURE__ */ (0,
|
|
50572
|
+
return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)(
|
|
50287
50573
|
"button",
|
|
50288
50574
|
{
|
|
50289
50575
|
"aria-label": `Open ${label}`,
|
|
@@ -50301,18 +50587,18 @@ function DesktopIcon({
|
|
|
50301
50587
|
},
|
|
50302
50588
|
type: "button",
|
|
50303
50589
|
children: [
|
|
50304
|
-
/* @__PURE__ */ (0,
|
|
50305
|
-
/* @__PURE__ */ (0,
|
|
50590
|
+
/* @__PURE__ */ (0, import_jsx_runtime185.jsx)("span", { "aria-hidden": "true", className: DesktopIcon_default.icon, children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(CatalogIcon, { iconName: icon }) }),
|
|
50591
|
+
/* @__PURE__ */ (0, import_jsx_runtime185.jsx)("span", { className: DesktopIcon_default.label, children: label })
|
|
50306
50592
|
]
|
|
50307
50593
|
}
|
|
50308
50594
|
);
|
|
50309
50595
|
}
|
|
50310
50596
|
|
|
50311
50597
|
// ../../components/DesktopDock/DesktopDock.module.css
|
|
50312
|
-
var DesktopDock_default = {"
|
|
50598
|
+
var DesktopDock_default = {"root":"opus_2rzXpn_root","resizeHandle":"opus_2rzXpn_resizeHandle","item":"opus_2rzXpn_item","indicator":"opus_2rzXpn_indicator"};
|
|
50313
50599
|
|
|
50314
50600
|
// ../../components/DesktopDock/DesktopDock.tsx
|
|
50315
|
-
var
|
|
50601
|
+
var import_jsx_runtime186 = require("react/jsx-runtime");
|
|
50316
50602
|
function DesktopDock({
|
|
50317
50603
|
autoHide = false,
|
|
50318
50604
|
className,
|
|
@@ -50325,15 +50611,15 @@ function DesktopDock({
|
|
|
50325
50611
|
resizable = true,
|
|
50326
50612
|
size: controlledSize
|
|
50327
50613
|
}) {
|
|
50328
|
-
const [internalSize, setInternalSize] = (0,
|
|
50614
|
+
const [internalSize, setInternalSize] = (0, import_react110.useState)(40);
|
|
50329
50615
|
const size = controlledSize != null ? controlledSize : internalSize;
|
|
50330
|
-
const dragRef = (0,
|
|
50616
|
+
const dragRef = (0, import_react110.useRef)(null);
|
|
50331
50617
|
const setSize = (next) => {
|
|
50332
50618
|
const bounded = Math.max(minSize, Math.min(maxSize, Math.round(next)));
|
|
50333
50619
|
if (controlledSize === void 0) setInternalSize(bounded);
|
|
50334
50620
|
onSizeChange == null ? void 0 : onSizeChange(bounded);
|
|
50335
50621
|
};
|
|
50336
|
-
(0,
|
|
50622
|
+
(0, import_react110.useEffect)(() => {
|
|
50337
50623
|
const move = (event) => {
|
|
50338
50624
|
const drag = dragRef.current;
|
|
50339
50625
|
if (!drag) return;
|
|
@@ -50358,7 +50644,7 @@ function DesktopDock({
|
|
|
50358
50644
|
event.stopPropagation();
|
|
50359
50645
|
dragRef.current = { origin: size, startX: event.clientX, startY: event.clientY };
|
|
50360
50646
|
};
|
|
50361
|
-
return /* @__PURE__ */ (0,
|
|
50647
|
+
return /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
|
|
50362
50648
|
"nav",
|
|
50363
50649
|
{
|
|
50364
50650
|
"aria-label": "Desktop dock",
|
|
@@ -50367,7 +50653,7 @@ function DesktopDock({
|
|
|
50367
50653
|
"data-position": position,
|
|
50368
50654
|
style: { "--desktop-dock-size": `${size}px` },
|
|
50369
50655
|
children: [
|
|
50370
|
-
resizable ? /* @__PURE__ */ (0,
|
|
50656
|
+
resizable ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
|
|
50371
50657
|
"div",
|
|
50372
50658
|
{
|
|
50373
50659
|
"aria-label": "Resize desktop dock",
|
|
@@ -50385,14 +50671,14 @@ function DesktopDock({
|
|
|
50385
50671
|
tabIndex: 0
|
|
50386
50672
|
}
|
|
50387
50673
|
) : null,
|
|
50388
|
-
items.map((item) => /* @__PURE__ */ (0,
|
|
50674
|
+
items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime186.jsxs)(
|
|
50389
50675
|
"span",
|
|
50390
50676
|
{
|
|
50391
50677
|
className: DesktopDock_default.item,
|
|
50392
50678
|
"data-active": item.active || void 0,
|
|
50393
50679
|
onClick: () => onItemClick == null ? void 0 : onItemClick(item),
|
|
50394
50680
|
children: [
|
|
50395
|
-
/* @__PURE__ */ (0,
|
|
50681
|
+
/* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
|
|
50396
50682
|
DesktopIcon,
|
|
50397
50683
|
{
|
|
50398
50684
|
active: item.active,
|
|
@@ -50402,7 +50688,7 @@ function DesktopDock({
|
|
|
50402
50688
|
tone: item.tone
|
|
50403
50689
|
}
|
|
50404
50690
|
),
|
|
50405
|
-
item.active ? /* @__PURE__ */ (0,
|
|
50691
|
+
item.active ? /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
|
|
50406
50692
|
"span",
|
|
50407
50693
|
{
|
|
50408
50694
|
"aria-hidden": "true",
|
|
@@ -50420,13 +50706,13 @@ function DesktopDock({
|
|
|
50420
50706
|
}
|
|
50421
50707
|
|
|
50422
50708
|
// ../../components/DesktopWindow/DesktopWindow.tsx
|
|
50423
|
-
var
|
|
50709
|
+
var import_react111 = require("react");
|
|
50424
50710
|
|
|
50425
50711
|
// ../../components/DesktopWindow/DesktopWindow.module.css
|
|
50426
|
-
var DesktopWindow_default = {"desktop-window-
|
|
50712
|
+
var DesktopWindow_default = {"desktop-window-restore-right":"opus_o4H-Ol_desktop-window-restore-right","desktop-window-activate":"opus_o4H-Ol_desktop-window-activate","desktop-window-open":"opus_o4H-Ol_desktop-window-open","root":"opus_o4H-Ol_root","body":"opus_o4H-Ol_body","controls":"opus_o4H-Ol_controls","minimize":"opus_o4H-Ol_minimize","titlebar":"opus_o4H-Ol_titlebar","title":"opus_o4H-Ol_title","desktop-window-restore-left":"opus_o4H-Ol_desktop-window-restore-left","desktop-window-restore-bottom":"opus_o4H-Ol_desktop-window-restore-bottom","desktop-window-close":"opus_o4H-Ol_desktop-window-close","close":"opus_o4H-Ol_close","maximize":"opus_o4H-Ol_maximize","resize":"opus_o4H-Ol_resize"};
|
|
50427
50713
|
|
|
50428
50714
|
// ../../components/DesktopWindow/DesktopWindow.tsx
|
|
50429
|
-
var
|
|
50715
|
+
var import_jsx_runtime187 = require("react/jsx-runtime");
|
|
50430
50716
|
var fallbackRect = { height: 330, width: 520, x: 130, y: 70 };
|
|
50431
50717
|
function DesktopWindow({
|
|
50432
50718
|
active,
|
|
@@ -50449,16 +50735,16 @@ function DesktopWindow({
|
|
|
50449
50735
|
tone = "purple",
|
|
50450
50736
|
zIndex = 1
|
|
50451
50737
|
}) {
|
|
50452
|
-
const [closing, setClosing] = (0,
|
|
50453
|
-
const [entering, setEntering] = (0,
|
|
50454
|
-
const [internalRect, setInternalRect] = (0,
|
|
50455
|
-
const [motion, setMotion] = (0,
|
|
50456
|
-
const [present, setPresent] = (0,
|
|
50738
|
+
const [closing, setClosing] = (0, import_react111.useState)(false);
|
|
50739
|
+
const [entering, setEntering] = (0, import_react111.useState)(open && !minimized);
|
|
50740
|
+
const [internalRect, setInternalRect] = (0, import_react111.useState)(defaultRect);
|
|
50741
|
+
const [motion, setMotion] = (0, import_react111.useState)("idle");
|
|
50742
|
+
const [present, setPresent] = (0, import_react111.useState)(open && !minimized);
|
|
50457
50743
|
const rect = controlledRect != null ? controlledRect : internalRect;
|
|
50458
|
-
const rootRef = (0,
|
|
50459
|
-
const sessionRef = (0,
|
|
50460
|
-
const dragLockRef = (0,
|
|
50461
|
-
const selectionStyleRef = (0,
|
|
50744
|
+
const rootRef = (0, import_react111.useRef)(null);
|
|
50745
|
+
const sessionRef = (0, import_react111.useRef)(null);
|
|
50746
|
+
const dragLockRef = (0, import_react111.useRef)(false);
|
|
50747
|
+
const selectionStyleRef = (0, import_react111.useRef)(null);
|
|
50462
50748
|
const lockSelection = () => {
|
|
50463
50749
|
var _a2;
|
|
50464
50750
|
dragLockRef.current = true;
|
|
@@ -50509,7 +50795,7 @@ function DesktopWindow({
|
|
|
50509
50795
|
sessionRef.current = null;
|
|
50510
50796
|
unlockSelection();
|
|
50511
50797
|
};
|
|
50512
|
-
(0,
|
|
50798
|
+
(0, import_react111.useEffect)(() => {
|
|
50513
50799
|
let timer;
|
|
50514
50800
|
if (open) {
|
|
50515
50801
|
setClosing(false);
|
|
@@ -50528,7 +50814,7 @@ function DesktopWindow({
|
|
|
50528
50814
|
if (timer) clearTimeout(timer);
|
|
50529
50815
|
};
|
|
50530
50816
|
}, [open]);
|
|
50531
|
-
(0,
|
|
50817
|
+
(0, import_react111.useEffect)(() => {
|
|
50532
50818
|
let timer;
|
|
50533
50819
|
if (!open) return;
|
|
50534
50820
|
if (minimized) {
|
|
@@ -50544,7 +50830,7 @@ function DesktopWindow({
|
|
|
50544
50830
|
if (timer) clearTimeout(timer);
|
|
50545
50831
|
};
|
|
50546
50832
|
}, [minimized, open]);
|
|
50547
|
-
(0,
|
|
50833
|
+
(0, import_react111.useEffect)(() => {
|
|
50548
50834
|
const move = (event) => {
|
|
50549
50835
|
var _a2, _b2, _c2;
|
|
50550
50836
|
const session = sessionRef.current;
|
|
@@ -50604,7 +50890,7 @@ function DesktopWindow({
|
|
|
50604
50890
|
window.removeEventListener("pointercancel", finishInteraction);
|
|
50605
50891
|
};
|
|
50606
50892
|
});
|
|
50607
|
-
(0,
|
|
50893
|
+
(0, import_react111.useEffect)(() => () => {
|
|
50608
50894
|
unlockSelection();
|
|
50609
50895
|
}, []);
|
|
50610
50896
|
if (!present) return null;
|
|
@@ -50649,7 +50935,7 @@ function DesktopWindow({
|
|
|
50649
50935
|
};
|
|
50650
50936
|
};
|
|
50651
50937
|
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 };
|
|
50652
|
-
return /* @__PURE__ */ (0,
|
|
50938
|
+
return /* @__PURE__ */ (0, import_jsx_runtime187.jsxs)(
|
|
50653
50939
|
"article",
|
|
50654
50940
|
{
|
|
50655
50941
|
"aria-label": `${title} window`,
|
|
@@ -50667,25 +50953,25 @@ function DesktopWindow({
|
|
|
50667
50953
|
ref: rootRef,
|
|
50668
50954
|
style,
|
|
50669
50955
|
children: [
|
|
50670
|
-
/* @__PURE__ */ (0,
|
|
50671
|
-
/* @__PURE__ */ (0,
|
|
50672
|
-
/* @__PURE__ */ (0,
|
|
50673
|
-
/* @__PURE__ */ (0,
|
|
50674
|
-
/* @__PURE__ */ (0,
|
|
50956
|
+
/* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("header", { className: DesktopWindow_default.titlebar, onDoubleClick: () => onMaximize == null ? void 0 : onMaximize(!maximized), onPointerDown: startMove, children: [
|
|
50957
|
+
/* @__PURE__ */ (0, import_jsx_runtime187.jsxs)("div", { "aria-label": "Window controls", className: DesktopWindow_default.controls, children: [
|
|
50958
|
+
/* @__PURE__ */ (0, import_jsx_runtime187.jsx)("button", { "aria-label": `Close ${title}`, className: DesktopWindow_default.close, onClick: onClose, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(CatalogIcon, { iconName: "xmark" }) }),
|
|
50959
|
+
/* @__PURE__ */ (0, import_jsx_runtime187.jsx)("button", { "aria-label": `Minimize ${title}`, className: DesktopWindow_default.minimize, onClick: onMinimize, type: "button", children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(CatalogIcon, { iconName: "minus" }) }),
|
|
50960
|
+
/* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
|
|
50675
50961
|
"button",
|
|
50676
50962
|
{
|
|
50677
50963
|
"aria-label": `${maximized ? "Restore" : "Maximize"} ${title}`,
|
|
50678
50964
|
className: DesktopWindow_default.maximize,
|
|
50679
50965
|
onClick: () => onMaximize == null ? void 0 : onMaximize(!maximized),
|
|
50680
50966
|
type: "button",
|
|
50681
|
-
children: /* @__PURE__ */ (0,
|
|
50967
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(CatalogIcon, { iconName: maximized ? "down-left-and-up-right-to-center" : "expand" })
|
|
50682
50968
|
}
|
|
50683
50969
|
)
|
|
50684
50970
|
] }),
|
|
50685
|
-
/* @__PURE__ */ (0,
|
|
50971
|
+
/* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: DesktopWindow_default.title, children: /* @__PURE__ */ (0, import_jsx_runtime187.jsx)("span", { children: title }) })
|
|
50686
50972
|
] }),
|
|
50687
|
-
/* @__PURE__ */ (0,
|
|
50688
|
-
["n", "ne", "e", "se", "s", "sw", "w", "nw"].map((edge) => /* @__PURE__ */ (0,
|
|
50973
|
+
/* @__PURE__ */ (0, import_jsx_runtime187.jsx)("div", { className: DesktopWindow_default.body, children }),
|
|
50974
|
+
["n", "ne", "e", "se", "s", "sw", "w", "nw"].map((edge) => /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
|
|
50689
50975
|
"span",
|
|
50690
50976
|
{
|
|
50691
50977
|
"aria-hidden": "true",
|
|
@@ -50701,10 +50987,10 @@ function DesktopWindow({
|
|
|
50701
50987
|
}
|
|
50702
50988
|
|
|
50703
50989
|
// ../../components/Desktop/Desktop.module.css
|
|
50704
|
-
var Desktop_default = {"
|
|
50990
|
+
var Desktop_default = {"root":"opus_x1XVZi_root","shortcut":"opus_x1XVZi_shortcut","shortcuts":"opus_x1XVZi_shortcuts"};
|
|
50705
50991
|
|
|
50706
50992
|
// ../../components/Desktop/Desktop.tsx
|
|
50707
|
-
var
|
|
50993
|
+
var import_jsx_runtime188 = require("react/jsx-runtime");
|
|
50708
50994
|
function Desktop({
|
|
50709
50995
|
className,
|
|
50710
50996
|
dockItems = [],
|
|
@@ -50719,9 +51005,9 @@ function Desktop({
|
|
|
50719
51005
|
windows = []
|
|
50720
51006
|
}) {
|
|
50721
51007
|
var _a2;
|
|
50722
|
-
const [items, setItems] = (0,
|
|
50723
|
-
const [selectedShortcut, setSelectedShortcut] = (0,
|
|
50724
|
-
const [shortcutPositions, setShortcutPositions] = (0,
|
|
51008
|
+
const [items, setItems] = (0, import_react112.useState)(windows);
|
|
51009
|
+
const [selectedShortcut, setSelectedShortcut] = (0, import_react112.useState)(null);
|
|
51010
|
+
const [shortcutPositions, setShortcutPositions] = (0, import_react112.useState)(
|
|
50725
51011
|
() => Object.fromEntries(
|
|
50726
51012
|
shortcuts.map((shortcut, index) => {
|
|
50727
51013
|
var _a3, _b2;
|
|
@@ -50732,9 +51018,9 @@ function Desktop({
|
|
|
50732
51018
|
})
|
|
50733
51019
|
)
|
|
50734
51020
|
);
|
|
50735
|
-
const rootRef = (0,
|
|
50736
|
-
const shortcutDragRef = (0,
|
|
50737
|
-
const suppressShortcutOpenRef = (0,
|
|
51021
|
+
const rootRef = (0, import_react112.useRef)(null);
|
|
51022
|
+
const shortcutDragRef = (0, import_react112.useRef)(null);
|
|
51023
|
+
const suppressShortcutOpenRef = (0, import_react112.useRef)(null);
|
|
50738
51024
|
const maxZ = Math.max(1, ...items.map((item) => {
|
|
50739
51025
|
var _a3;
|
|
50740
51026
|
return (_a3 = item.zIndex) != null ? _a3 : 1;
|
|
@@ -50756,7 +51042,7 @@ function Desktop({
|
|
|
50756
51042
|
update(id, { minimized: false, open: true, tone, zIndex: maxZ + 1 });
|
|
50757
51043
|
onAction == null ? void 0 : onAction("open", id);
|
|
50758
51044
|
};
|
|
50759
|
-
(0,
|
|
51045
|
+
(0, import_react112.useEffect)(() => {
|
|
50760
51046
|
const move = (event) => {
|
|
50761
51047
|
const drag = shortcutDragRef.current;
|
|
50762
51048
|
const root = rootRef.current;
|
|
@@ -50787,7 +51073,7 @@ function Desktop({
|
|
|
50787
51073
|
window.removeEventListener("pointercancel", end);
|
|
50788
51074
|
};
|
|
50789
51075
|
}, []);
|
|
50790
|
-
(0,
|
|
51076
|
+
(0, import_react112.useEffect)(() => {
|
|
50791
51077
|
setItems((current) => {
|
|
50792
51078
|
const existingIds = new Set(current.map((item) => item.id));
|
|
50793
51079
|
const additions = windows.filter((item) => !existingIds.has(item.id));
|
|
@@ -50823,7 +51109,7 @@ function Desktop({
|
|
|
50823
51109
|
startY: event.clientY
|
|
50824
51110
|
};
|
|
50825
51111
|
};
|
|
50826
|
-
return /* @__PURE__ */ (0,
|
|
51112
|
+
return /* @__PURE__ */ (0, import_jsx_runtime188.jsxs)(
|
|
50827
51113
|
"section",
|
|
50828
51114
|
{
|
|
50829
51115
|
"aria-label": "Desktop",
|
|
@@ -50836,17 +51122,17 @@ function Desktop({
|
|
|
50836
51122
|
},
|
|
50837
51123
|
ref: rootRef,
|
|
50838
51124
|
children: [
|
|
50839
|
-
/* @__PURE__ */ (0,
|
|
51125
|
+
/* @__PURE__ */ (0, import_jsx_runtime188.jsx)("div", { className: Desktop_default.shortcuts, "aria-label": "Desktop shortcuts", children: shortcuts.map((shortcut) => {
|
|
50840
51126
|
var _a3;
|
|
50841
51127
|
const position = (_a3 = shortcutPositions[shortcut.id]) != null ? _a3 : { x: 14, y: 18 };
|
|
50842
|
-
return /* @__PURE__ */ (0,
|
|
51128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
|
|
50843
51129
|
"div",
|
|
50844
51130
|
{
|
|
50845
51131
|
className: Desktop_default.shortcut,
|
|
50846
51132
|
onDragStart: (event) => event.preventDefault(),
|
|
50847
51133
|
onPointerDown: startShortcutDrag(shortcut),
|
|
50848
51134
|
style: { transform: `translate3d(${position.x}px, ${position.y}px, 0)` },
|
|
50849
|
-
children: /* @__PURE__ */ (0,
|
|
51135
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
|
|
50850
51136
|
DesktopIcon,
|
|
50851
51137
|
{
|
|
50852
51138
|
icon: shortcut.icon,
|
|
@@ -50870,7 +51156,7 @@ function Desktop({
|
|
|
50870
51156
|
}) }),
|
|
50871
51157
|
items.map((item) => {
|
|
50872
51158
|
var _a3, _b2;
|
|
50873
|
-
return /* @__PURE__ */ (0,
|
|
51159
|
+
return /* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
|
|
50874
51160
|
DesktopWindow,
|
|
50875
51161
|
{
|
|
50876
51162
|
active: item.id === activeId,
|
|
@@ -50902,7 +51188,7 @@ function Desktop({
|
|
|
50902
51188
|
item.id
|
|
50903
51189
|
);
|
|
50904
51190
|
}),
|
|
50905
|
-
/* @__PURE__ */ (0,
|
|
51191
|
+
/* @__PURE__ */ (0, import_jsx_runtime188.jsx)(
|
|
50906
51192
|
DesktopDock,
|
|
50907
51193
|
{
|
|
50908
51194
|
autoHide: dockAutoHide,
|
|
@@ -50944,39 +51230,39 @@ var demoVideoTracks = [
|
|
|
50944
51230
|
];
|
|
50945
51231
|
|
|
50946
51232
|
// ../../components/DesktopLab/DesktopLab.module.css
|
|
50947
|
-
var DesktopLab_default = {"activity":"opus_dES1xR_activity","
|
|
51233
|
+
var DesktopLab_default = {"activity":"opus_dES1xR_activity","settingsList":"opus_dES1xR_settingsList","contactList":"opus_dES1xR_contactList","files":"opus_dES1xR_files","video":"opus_dES1xR_video","explorer":"opus_dES1xR_explorer","contacts":"opus_dES1xR_contacts","settings":"opus_dES1xR_settings","contactAvatar":"opus_dES1xR_contactAvatar"};
|
|
50948
51234
|
|
|
50949
51235
|
// ../../components/DesktopLab/DesktopLab.tsx
|
|
50950
|
-
var
|
|
51236
|
+
var import_jsx_runtime189 = require("react/jsx-runtime");
|
|
50951
51237
|
function ExplorerContent({ onAction }) {
|
|
50952
|
-
return /* @__PURE__ */ (0,
|
|
50953
|
-
/* @__PURE__ */ (0,
|
|
50954
|
-
/* @__PURE__ */ (0,
|
|
51238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: DesktopLab_default.explorer, children: [
|
|
51239
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("aside", { children: ["Home", "Documents", "Pictures", "Shared"].map((label) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${label}`), type: "button", children: [
|
|
51240
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "folder" }),
|
|
50955
51241
|
label
|
|
50956
51242
|
] }, label)) }),
|
|
50957
|
-
/* @__PURE__ */ (0,
|
|
50958
|
-
/* @__PURE__ */ (0,
|
|
50959
|
-
/* @__PURE__ */ (0,
|
|
50960
|
-
/* @__PURE__ */ (0,
|
|
50961
|
-
/* @__PURE__ */ (0,
|
|
51243
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("main", { children: [
|
|
51244
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("h2", { children: "Recent documents" }),
|
|
51245
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: DesktopLab_default.files, children: ["CRM brief.pdf", "Q3 forecast.xlsx", "Brand assets", "Customer notes.docx"].map((name, index) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction(`Open ${name}`), type: "button", children: [
|
|
51246
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: index === 2 ? "folder" : "file-lines" }),
|
|
51247
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { children: name })
|
|
50962
51248
|
] }, name)) })
|
|
50963
51249
|
] })
|
|
50964
51250
|
] });
|
|
50965
51251
|
}
|
|
50966
51252
|
function ActivityContent({ onAction }) {
|
|
50967
|
-
return /* @__PURE__ */ (0,
|
|
50968
|
-
/* @__PURE__ */ (0,
|
|
51253
|
+
return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: DesktopLab_default.activity, children: [
|
|
51254
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("h2", { children: "Activity" }),
|
|
50969
51255
|
[
|
|
50970
51256
|
["Emma Davis", "Proposal approved", "success"],
|
|
50971
51257
|
["Michael Brown", "New task assigned", "accent"],
|
|
50972
51258
|
["Olivia Wilson", "Invoice needs review", "warning"]
|
|
50973
|
-
].map(([name, detail, tone]) => /* @__PURE__ */ (0,
|
|
50974
|
-
/* @__PURE__ */ (0,
|
|
50975
|
-
/* @__PURE__ */ (0,
|
|
50976
|
-
/* @__PURE__ */ (0,
|
|
50977
|
-
/* @__PURE__ */ (0,
|
|
51259
|
+
].map(([name, detail, tone]) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction(`Open activity for ${name}`), type: "button", children: [
|
|
51260
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "bell" }),
|
|
51261
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("span", { children: [
|
|
51262
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("strong", { children: name }),
|
|
51263
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("small", { children: detail })
|
|
50978
51264
|
] }),
|
|
50979
|
-
/* @__PURE__ */ (0,
|
|
51265
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(Badge, { label: "Open", size: "sm", tone })
|
|
50980
51266
|
] }, name))
|
|
50981
51267
|
] });
|
|
50982
51268
|
}
|
|
@@ -50987,21 +51273,21 @@ function SettingsContent({ onAction }) {
|
|
|
50987
51273
|
{ detail: "Privacy and account protection", icon: "shield-halved", id: "privacy", label: "Privacy & Security" },
|
|
50988
51274
|
{ detail: "Keyboard, display and accessibility", icon: "universal-access", id: "accessibility", label: "Accessibility" }
|
|
50989
51275
|
];
|
|
50990
|
-
return /* @__PURE__ */ (0,
|
|
50991
|
-
/* @__PURE__ */ (0,
|
|
50992
|
-
/* @__PURE__ */ (0,
|
|
50993
|
-
/* @__PURE__ */ (0,
|
|
51276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: DesktopLab_default.settings, children: [
|
|
51277
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("h2", { children: "Settings" }),
|
|
51278
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("p", { children: "Choose an area to configure your workspace." }),
|
|
51279
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: DesktopLab_default.settingsList, children: settings.map((setting) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
|
|
50994
51280
|
"button",
|
|
50995
51281
|
{
|
|
50996
51282
|
onClick: () => onAction == null ? void 0 : onAction(`Open ${setting.label} settings`),
|
|
50997
51283
|
type: "button",
|
|
50998
51284
|
children: [
|
|
50999
|
-
/* @__PURE__ */ (0,
|
|
51000
|
-
/* @__PURE__ */ (0,
|
|
51001
|
-
/* @__PURE__ */ (0,
|
|
51002
|
-
/* @__PURE__ */ (0,
|
|
51285
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: setting.icon }),
|
|
51286
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("span", { children: [
|
|
51287
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("strong", { children: setting.label }),
|
|
51288
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("small", { children: setting.detail })
|
|
51003
51289
|
] }),
|
|
51004
|
-
/* @__PURE__ */ (0,
|
|
51290
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "chevron-right" })
|
|
51005
51291
|
]
|
|
51006
51292
|
},
|
|
51007
51293
|
setting.id
|
|
@@ -51015,30 +51301,30 @@ function ContactsContent({ onAction }) {
|
|
|
51015
51301
|
{ company: "Global Corp", initials: "OW", name: "Olivia Wilson", status: "Away" },
|
|
51016
51302
|
{ company: "Northstar", initials: "NP", name: "Noah Patel", status: "Online" }
|
|
51017
51303
|
];
|
|
51018
|
-
return /* @__PURE__ */ (0,
|
|
51019
|
-
/* @__PURE__ */ (0,
|
|
51020
|
-
/* @__PURE__ */ (0,
|
|
51021
|
-
/* @__PURE__ */ (0,
|
|
51022
|
-
/* @__PURE__ */ (0,
|
|
51304
|
+
return /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { className: DesktopLab_default.contacts, children: [
|
|
51305
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("header", { children: [
|
|
51306
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("div", { children: [
|
|
51307
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("h2", { children: "Contacts" }),
|
|
51308
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("p", { children: "Your recent CRM contacts." })
|
|
51023
51309
|
] }),
|
|
51024
|
-
/* @__PURE__ */ (0,
|
|
51025
|
-
/* @__PURE__ */ (0,
|
|
51310
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("button", { onClick: () => onAction == null ? void 0 : onAction("Add contact"), type: "button", children: [
|
|
51311
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "plus" }),
|
|
51026
51312
|
"Add contact"
|
|
51027
51313
|
] })
|
|
51028
51314
|
] }),
|
|
51029
|
-
/* @__PURE__ */ (0,
|
|
51315
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: DesktopLab_default.contactList, children: contacts.map((contact) => /* @__PURE__ */ (0, import_jsx_runtime189.jsxs)(
|
|
51030
51316
|
"button",
|
|
51031
51317
|
{
|
|
51032
51318
|
onClick: () => onAction == null ? void 0 : onAction(`Open contact ${contact.name}`),
|
|
51033
51319
|
type: "button",
|
|
51034
51320
|
children: [
|
|
51035
|
-
/* @__PURE__ */ (0,
|
|
51036
|
-
/* @__PURE__ */ (0,
|
|
51037
|
-
/* @__PURE__ */ (0,
|
|
51038
|
-
/* @__PURE__ */ (0,
|
|
51321
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("span", { className: DesktopLab_default.contactAvatar, children: contact.initials }),
|
|
51322
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsxs)("span", { children: [
|
|
51323
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("strong", { children: contact.name }),
|
|
51324
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("small", { children: contact.company })
|
|
51039
51325
|
] }),
|
|
51040
|
-
/* @__PURE__ */ (0,
|
|
51041
|
-
/* @__PURE__ */ (0,
|
|
51326
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)("small", { children: contact.status }),
|
|
51327
|
+
/* @__PURE__ */ (0, import_jsx_runtime189.jsx)(CatalogIcon, { iconName: "chevron-right" })
|
|
51042
51328
|
]
|
|
51043
51329
|
},
|
|
51044
51330
|
contact.name
|
|
@@ -51046,7 +51332,7 @@ function ContactsContent({ onAction }) {
|
|
|
51046
51332
|
] });
|
|
51047
51333
|
}
|
|
51048
51334
|
function VideoContent({ onAction }) {
|
|
51049
|
-
return /* @__PURE__ */ (0,
|
|
51335
|
+
return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)("div", { className: DesktopLab_default.video, children: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
|
|
51050
51336
|
VideoPlayer,
|
|
51051
51337
|
{
|
|
51052
51338
|
edgeToEdge: true,
|
|
@@ -51065,7 +51351,7 @@ function DesktopLab({
|
|
|
51065
51351
|
}) {
|
|
51066
51352
|
const apps = [
|
|
51067
51353
|
{
|
|
51068
|
-
content: /* @__PURE__ */ (0,
|
|
51354
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(ExplorerContent, { onAction }),
|
|
51069
51355
|
dock: true,
|
|
51070
51356
|
icon: "folder-open",
|
|
51071
51357
|
id: "files",
|
|
@@ -51077,7 +51363,7 @@ function DesktopLab({
|
|
|
51077
51363
|
zIndex: 2
|
|
51078
51364
|
},
|
|
51079
51365
|
{
|
|
51080
|
-
content: /* @__PURE__ */ (0,
|
|
51366
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(ActivityContent, { onAction }),
|
|
51081
51367
|
dock: true,
|
|
51082
51368
|
icon: "bell",
|
|
51083
51369
|
id: "activity",
|
|
@@ -51088,7 +51374,7 @@ function DesktopLab({
|
|
|
51088
51374
|
zIndex: 3
|
|
51089
51375
|
},
|
|
51090
51376
|
{
|
|
51091
|
-
content: /* @__PURE__ */ (0,
|
|
51377
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(SettingsContent, { onAction }),
|
|
51092
51378
|
dock: true,
|
|
51093
51379
|
icon: "gear",
|
|
51094
51380
|
id: "settings",
|
|
@@ -51100,7 +51386,7 @@ function DesktopLab({
|
|
|
51100
51386
|
zIndex: 4
|
|
51101
51387
|
},
|
|
51102
51388
|
{
|
|
51103
|
-
content: /* @__PURE__ */ (0,
|
|
51389
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(ContactsContent, { onAction }),
|
|
51104
51390
|
dock: true,
|
|
51105
51391
|
icon: "users",
|
|
51106
51392
|
id: "contacts",
|
|
@@ -51112,7 +51398,7 @@ function DesktopLab({
|
|
|
51112
51398
|
zIndex: 5
|
|
51113
51399
|
},
|
|
51114
51400
|
{
|
|
51115
|
-
content: /* @__PURE__ */ (0,
|
|
51401
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(VideoContent, { onAction }),
|
|
51116
51402
|
dock: true,
|
|
51117
51403
|
icon: "circle-play",
|
|
51118
51404
|
id: "video",
|
|
@@ -51134,7 +51420,7 @@ function DesktopLab({
|
|
|
51134
51420
|
tone: app.tone,
|
|
51135
51421
|
zIndex: app.zIndex
|
|
51136
51422
|
}));
|
|
51137
|
-
return /* @__PURE__ */ (0,
|
|
51423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime189.jsx)(
|
|
51138
51424
|
Desktop,
|
|
51139
51425
|
{
|
|
51140
51426
|
dockAutoHide,
|
|
@@ -51160,7 +51446,7 @@ function DesktopLab({
|
|
|
51160
51446
|
}
|
|
51161
51447
|
|
|
51162
51448
|
// ../../components/FontPicker/FontPicker.tsx
|
|
51163
|
-
var
|
|
51449
|
+
var import_react113 = require("react");
|
|
51164
51450
|
var import_free_solid_svg_icons16 = require("@fortawesome/free-solid-svg-icons");
|
|
51165
51451
|
var import_react_fontawesome18 = require("@fortawesome/react-fontawesome");
|
|
51166
51452
|
|
|
@@ -51274,10 +51560,10 @@ var googleFonts = [
|
|
|
51274
51560
|
];
|
|
51275
51561
|
|
|
51276
51562
|
// ../../components/FontPicker/FontPicker.module.css
|
|
51277
|
-
var FontPicker_default = {"
|
|
51563
|
+
var FontPicker_default = {"dropdown":"opus_ub1fhz_dropdown","empty":"opus_ub1fhz_empty","options":"opus_ub1fhz_options","optionPreview":"opus_ub1fhz_optionPreview","searchWrap":"opus_ub1fhz_searchWrap","reset":"opus_ub1fhz_reset","search":"opus_ub1fhz_search","chevron":"opus_ub1fhz_chevron","triggerText":"opus_ub1fhz_triggerText","trigger":"opus_ub1fhz_trigger","label":"opus_ub1fhz_label","field":"opus_ub1fhz_field","optionName":"opus_ub1fhz_optionName","picker":"opus_ub1fhz_picker","option":"opus_ub1fhz_option","fieldCompact":"opus_ub1fhz_fieldCompact"};
|
|
51278
51564
|
|
|
51279
51565
|
// ../../components/FontPicker/FontPicker.tsx
|
|
51280
|
-
var
|
|
51566
|
+
var import_jsx_runtime190 = require("react/jsx-runtime");
|
|
51281
51567
|
var FONT_STORAGE_KEY = "opus-components-font";
|
|
51282
51568
|
var DEFAULT_FONT_FAMILY = "Space Grotesk";
|
|
51283
51569
|
var fontSet = new Set(googleFonts);
|
|
@@ -51325,8 +51611,8 @@ function applyDocumentFont(family) {
|
|
|
51325
51611
|
loadSelectedFont(family);
|
|
51326
51612
|
}
|
|
51327
51613
|
function useFontPreference() {
|
|
51328
|
-
const [fontFamily, setFontFamilyState] = (0,
|
|
51329
|
-
(0,
|
|
51614
|
+
const [fontFamily, setFontFamilyState] = (0, import_react113.useState)(DEFAULT_FONT_FAMILY);
|
|
51615
|
+
(0, import_react113.useEffect)(() => {
|
|
51330
51616
|
const timeout = window.setTimeout(() => {
|
|
51331
51617
|
const stored = window.localStorage.getItem(FONT_STORAGE_KEY);
|
|
51332
51618
|
const initial = isGoogleFont(stored) ? stored : DEFAULT_FONT_FAMILY;
|
|
@@ -51335,7 +51621,7 @@ function useFontPreference() {
|
|
|
51335
51621
|
}, 0);
|
|
51336
51622
|
return () => window.clearTimeout(timeout);
|
|
51337
51623
|
}, []);
|
|
51338
|
-
const setFontFamily = (0,
|
|
51624
|
+
const setFontFamily = (0, import_react113.useCallback)((next) => {
|
|
51339
51625
|
if (!isGoogleFont(next)) return;
|
|
51340
51626
|
setFontFamilyState(next);
|
|
51341
51627
|
applyDocumentFont(next);
|
|
@@ -51344,15 +51630,15 @@ function useFontPreference() {
|
|
|
51344
51630
|
return { fontFamily, setFontFamily };
|
|
51345
51631
|
}
|
|
51346
51632
|
function FontPicker({ compact = false, id, onChange, value }) {
|
|
51347
|
-
const [open, setOpen] = (0,
|
|
51348
|
-
const [query, setQuery] = (0,
|
|
51349
|
-
const rootRef = (0,
|
|
51350
|
-
const searchRef = (0,
|
|
51351
|
-
const filteredFonts = (0,
|
|
51633
|
+
const [open, setOpen] = (0, import_react113.useState)(false);
|
|
51634
|
+
const [query, setQuery] = (0, import_react113.useState)("");
|
|
51635
|
+
const rootRef = (0, import_react113.useRef)(null);
|
|
51636
|
+
const searchRef = (0, import_react113.useRef)(null);
|
|
51637
|
+
const filteredFonts = (0, import_react113.useMemo)(() => {
|
|
51352
51638
|
const normalized = query.trim().toLocaleLowerCase();
|
|
51353
51639
|
return normalized ? googleFonts.filter((font) => font.toLocaleLowerCase().includes(normalized)) : googleFonts;
|
|
51354
51640
|
}, [query]);
|
|
51355
|
-
(0,
|
|
51641
|
+
(0, import_react113.useEffect)(() => {
|
|
51356
51642
|
var _a2;
|
|
51357
51643
|
if (!open) return;
|
|
51358
51644
|
loadFontLinks(googleFonts);
|
|
@@ -51371,10 +51657,10 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51371
51657
|
document.removeEventListener("keydown", closeOnEscape);
|
|
51372
51658
|
};
|
|
51373
51659
|
}, [open]);
|
|
51374
|
-
return /* @__PURE__ */ (0,
|
|
51375
|
-
compact ? null : /* @__PURE__ */ (0,
|
|
51376
|
-
/* @__PURE__ */ (0,
|
|
51377
|
-
/* @__PURE__ */ (0,
|
|
51660
|
+
return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: compact ? `${FontPicker_default.field} ${FontPicker_default.fieldCompact}` : FontPicker_default.field, ref: rootRef, children: [
|
|
51661
|
+
compact ? null : /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: FontPicker_default.label, children: "Font" }),
|
|
51662
|
+
/* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: FontPicker_default.picker, children: [
|
|
51663
|
+
/* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
|
|
51378
51664
|
"button",
|
|
51379
51665
|
{
|
|
51380
51666
|
"aria-controls": `${id}-options`,
|
|
@@ -51387,14 +51673,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51387
51673
|
type: "button",
|
|
51388
51674
|
onClick: () => setOpen((current) => !current),
|
|
51389
51675
|
children: [
|
|
51390
|
-
/* @__PURE__ */ (0,
|
|
51391
|
-
/* @__PURE__ */ (0,
|
|
51676
|
+
/* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: FontPicker_default.triggerText, children: value }),
|
|
51677
|
+
/* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { "aria-hidden": "true", className: FontPicker_default.chevron })
|
|
51392
51678
|
]
|
|
51393
51679
|
}
|
|
51394
51680
|
),
|
|
51395
|
-
open ? /* @__PURE__ */ (0,
|
|
51396
|
-
/* @__PURE__ */ (0,
|
|
51397
|
-
/* @__PURE__ */ (0,
|
|
51681
|
+
open ? /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: FontPicker_default.dropdown, children: [
|
|
51682
|
+
/* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { className: FontPicker_default.searchWrap, children: [
|
|
51683
|
+
/* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
|
|
51398
51684
|
"input",
|
|
51399
51685
|
{
|
|
51400
51686
|
"aria-label": "Search Google Fonts",
|
|
@@ -51406,7 +51692,7 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51406
51692
|
onChange: (event) => setQuery(event.target.value)
|
|
51407
51693
|
}
|
|
51408
51694
|
),
|
|
51409
|
-
value !== DEFAULT_FONT_FAMILY ? /* @__PURE__ */ (0,
|
|
51695
|
+
value !== DEFAULT_FONT_FAMILY ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(
|
|
51410
51696
|
"button",
|
|
51411
51697
|
{
|
|
51412
51698
|
"aria-label": "Reset font",
|
|
@@ -51418,14 +51704,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51418
51704
|
setQuery("");
|
|
51419
51705
|
setOpen(false);
|
|
51420
51706
|
},
|
|
51421
|
-
children: /* @__PURE__ */ (0,
|
|
51707
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime190.jsx)(import_react_fontawesome18.FontAwesomeIcon, { icon: import_free_solid_svg_icons16.faRotateLeft })
|
|
51422
51708
|
}
|
|
51423
51709
|
) : null
|
|
51424
51710
|
] }),
|
|
51425
|
-
/* @__PURE__ */ (0,
|
|
51711
|
+
/* @__PURE__ */ (0, import_jsx_runtime190.jsxs)("div", { "aria-label": "Google Fonts", className: FontPicker_default.options, id: `${id}-options`, role: "listbox", children: [
|
|
51426
51712
|
filteredFonts.map((font) => {
|
|
51427
51713
|
const selected = font === value;
|
|
51428
|
-
return /* @__PURE__ */ (0,
|
|
51714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime190.jsxs)(
|
|
51429
51715
|
"button",
|
|
51430
51716
|
{
|
|
51431
51717
|
"aria-selected": selected,
|
|
@@ -51440,14 +51726,14 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51440
51726
|
setQuery("");
|
|
51441
51727
|
},
|
|
51442
51728
|
children: [
|
|
51443
|
-
/* @__PURE__ */ (0,
|
|
51444
|
-
/* @__PURE__ */ (0,
|
|
51729
|
+
/* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: FontPicker_default.optionName, children: font }),
|
|
51730
|
+
/* @__PURE__ */ (0, import_jsx_runtime190.jsx)("span", { className: FontPicker_default.optionPreview, children: "The quick brown fox" })
|
|
51445
51731
|
]
|
|
51446
51732
|
},
|
|
51447
51733
|
font
|
|
51448
51734
|
);
|
|
51449
51735
|
}),
|
|
51450
|
-
filteredFonts.length === 0 ? /* @__PURE__ */ (0,
|
|
51736
|
+
filteredFonts.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime190.jsx)("p", { className: FontPicker_default.empty, children: "No matching fonts" }) : null
|
|
51451
51737
|
] })
|
|
51452
51738
|
] }) : null
|
|
51453
51739
|
] })
|
|
@@ -51455,16 +51741,16 @@ function FontPicker({ compact = false, id, onChange, value }) {
|
|
|
51455
51741
|
}
|
|
51456
51742
|
|
|
51457
51743
|
// ../../components/ColourClouds/ColourClouds.tsx
|
|
51458
|
-
var
|
|
51744
|
+
var import_react114 = require("react");
|
|
51459
51745
|
var import_react_dom7 = require("react-dom");
|
|
51460
51746
|
var import_free_solid_svg_icons17 = require("@fortawesome/free-solid-svg-icons");
|
|
51461
51747
|
var import_react_fontawesome19 = require("@fortawesome/react-fontawesome");
|
|
51462
51748
|
|
|
51463
51749
|
// ../../components/ColourClouds/ColourClouds.module.css
|
|
51464
|
-
var ColourClouds_default = {"
|
|
51750
|
+
var ColourClouds_default = {"menuRow":"opus_mKFpa5_menuRow","trigger":"opus_mKFpa5_trigger","triggerStatic":"opus_mKFpa5_triggerStatic","menuHex":"opus_mKFpa5_menuHex","menuMeta":"opus_mKFpa5_menuMeta","dropdown":"opus_mKFpa5_dropdown","dropdownTitle":"opus_mKFpa5_dropdownTitle","menuLabel":"opus_mKFpa5_menuLabel","clouds":"opus_mKFpa5_clouds","control":"opus_mKFpa5_control","menu":"opus_mKFpa5_menu","menuSwatch":"opus_mKFpa5_menuSwatch","label":"opus_mKFpa5_label","controlCompact":"opus_mKFpa5_controlCompact","reset":"opus_mKFpa5_reset","menuEmpty":"opus_mKFpa5_menuEmpty","cloud":"opus_mKFpa5_cloud","dropdownBody":"opus_mKFpa5_dropdownBody"};
|
|
51465
51751
|
|
|
51466
51752
|
// ../../components/ColourClouds/ColourClouds.tsx
|
|
51467
|
-
var
|
|
51753
|
+
var import_jsx_runtime191 = require("react/jsx-runtime");
|
|
51468
51754
|
var COLOUR_CLOUDS_MAX = 5;
|
|
51469
51755
|
function normalizeCloud(raw, index) {
|
|
51470
51756
|
if (!raw || typeof raw !== "object") {
|
|
@@ -51522,12 +51808,12 @@ function serializeColourClouds(clouds) {
|
|
|
51522
51808
|
}
|
|
51523
51809
|
function ColourCloudsMenu({ clouds }) {
|
|
51524
51810
|
if (clouds.length === 0) {
|
|
51525
|
-
return /* @__PURE__ */ (0,
|
|
51811
|
+
return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("p", { className: ColourClouds_default.menuEmpty, children: "No colours" });
|
|
51526
51812
|
}
|
|
51527
|
-
return /* @__PURE__ */ (0,
|
|
51813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("ul", { className: ColourClouds_default.menu, children: clouds.map((cloud) => {
|
|
51528
51814
|
var _a2, _b2, _c2, _d2, _e2;
|
|
51529
|
-
return /* @__PURE__ */ (0,
|
|
51530
|
-
/* @__PURE__ */ (0,
|
|
51815
|
+
return /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("li", { className: ColourClouds_default.menuRow, children: [
|
|
51816
|
+
/* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
|
|
51531
51817
|
"span",
|
|
51532
51818
|
{
|
|
51533
51819
|
"aria-hidden": "true",
|
|
@@ -51538,9 +51824,9 @@ function ColourCloudsMenu({ clouds }) {
|
|
|
51538
51824
|
}
|
|
51539
51825
|
}
|
|
51540
51826
|
),
|
|
51541
|
-
/* @__PURE__ */ (0,
|
|
51542
|
-
/* @__PURE__ */ (0,
|
|
51543
|
-
/* @__PURE__ */ (0,
|
|
51827
|
+
/* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("span", { className: ColourClouds_default.menuMeta, children: [
|
|
51828
|
+
/* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: ColourClouds_default.menuLabel, children: (_e2 = (_d2 = cloud.label) != null ? _d2 : cloud.id) != null ? _e2 : "Colour" }),
|
|
51829
|
+
/* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("span", { className: ColourClouds_default.menuHex, children: [
|
|
51544
51830
|
cloud.color,
|
|
51545
51831
|
cloud.secondary ? ` \xB7 ${cloud.secondary}` : ""
|
|
51546
51832
|
] })
|
|
@@ -51568,19 +51854,19 @@ function ColourClouds({
|
|
|
51568
51854
|
title,
|
|
51569
51855
|
value
|
|
51570
51856
|
}) {
|
|
51571
|
-
const menuId = (0,
|
|
51572
|
-
const titleId = (0,
|
|
51573
|
-
const rootRef = (0,
|
|
51574
|
-
const triggerRef = (0,
|
|
51575
|
-
const panelRef = (0,
|
|
51576
|
-
const [portalReady, setPortalReady] = (0,
|
|
51577
|
-
const [internalOpen, setInternalOpen] = (0,
|
|
51578
|
-
const [portalStyle, setPortalStyle] = (0,
|
|
51857
|
+
const menuId = (0, import_react114.useId)();
|
|
51858
|
+
const titleId = (0, import_react114.useId)();
|
|
51859
|
+
const rootRef = (0, import_react114.useRef)(null);
|
|
51860
|
+
const triggerRef = (0, import_react114.useRef)(null);
|
|
51861
|
+
const panelRef = (0, import_react114.useRef)(null);
|
|
51862
|
+
const [portalReady, setPortalReady] = (0, import_react114.useState)(false);
|
|
51863
|
+
const [internalOpen, setInternalOpen] = (0, import_react114.useState)(false);
|
|
51864
|
+
const [portalStyle, setPortalStyle] = (0, import_react114.useState)({ left: 0, top: 0 });
|
|
51579
51865
|
const clouds = items ? parseColourClouds(items) : parseColourClouds(value);
|
|
51580
51866
|
const hasMenu = children != null;
|
|
51581
51867
|
const controlled = open !== void 0;
|
|
51582
51868
|
const visible = hasMenu ? controlled ? Boolean(open) : internalOpen : false;
|
|
51583
|
-
const setVisible = (0,
|
|
51869
|
+
const setVisible = (0, import_react114.useCallback)(
|
|
51584
51870
|
(next) => {
|
|
51585
51871
|
if (!controlled) {
|
|
51586
51872
|
setInternalOpen(next);
|
|
@@ -51589,10 +51875,10 @@ function ColourClouds({
|
|
|
51589
51875
|
},
|
|
51590
51876
|
[controlled, onOpenChange]
|
|
51591
51877
|
);
|
|
51592
|
-
(0,
|
|
51878
|
+
(0, import_react114.useEffect)(() => {
|
|
51593
51879
|
setPortalReady(true);
|
|
51594
51880
|
}, []);
|
|
51595
|
-
(0,
|
|
51881
|
+
(0, import_react114.useLayoutEffect)(() => {
|
|
51596
51882
|
if (!visible || !triggerRef.current) {
|
|
51597
51883
|
return;
|
|
51598
51884
|
}
|
|
@@ -51626,7 +51912,7 @@ function ColourClouds({
|
|
|
51626
51912
|
window.removeEventListener("scroll", updatePosition, true);
|
|
51627
51913
|
};
|
|
51628
51914
|
}, [placement, visible, children, clouds.length]);
|
|
51629
|
-
(0,
|
|
51915
|
+
(0, import_react114.useEffect)(() => {
|
|
51630
51916
|
if (!visible) {
|
|
51631
51917
|
return;
|
|
51632
51918
|
}
|
|
@@ -51658,9 +51944,9 @@ function ColourClouds({
|
|
|
51658
51944
|
compact ? ColourClouds_default.controlCompact : null,
|
|
51659
51945
|
className
|
|
51660
51946
|
].filter(Boolean).join(" ");
|
|
51661
|
-
const cloudsNode = /* @__PURE__ */ (0,
|
|
51947
|
+
const cloudsNode = /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { "aria-hidden": "true", className: ColourClouds_default.clouds, children: clouds.map((cloud) => {
|
|
51662
51948
|
var _a2, _b2, _c2;
|
|
51663
|
-
return /* @__PURE__ */ (0,
|
|
51949
|
+
return /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
|
|
51664
51950
|
"span",
|
|
51665
51951
|
{
|
|
51666
51952
|
className: ColourClouds_default.cloud,
|
|
@@ -51673,13 +51959,13 @@ function ColourClouds({
|
|
|
51673
51959
|
(_b2 = cloud.id) != null ? _b2 : `${cloud.color}-${(_a2 = cloud.secondary) != null ? _a2 : ""}`
|
|
51674
51960
|
);
|
|
51675
51961
|
}) });
|
|
51676
|
-
const labelNode = label ? /* @__PURE__ */ (0,
|
|
51677
|
-
const content = /* @__PURE__ */ (0,
|
|
51962
|
+
const labelNode = label ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)("span", { className: ColourClouds_default.label, children: label }) : null;
|
|
51963
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(import_jsx_runtime191.Fragment, { children: [
|
|
51678
51964
|
cloudsNode,
|
|
51679
51965
|
labelNode
|
|
51680
51966
|
] });
|
|
51681
51967
|
const triggerClass = compact ? `${ColourClouds_default.trigger} ${ColourClouds_default.triggerCompact}` : ColourClouds_default.trigger;
|
|
51682
|
-
const triggerButton = /* @__PURE__ */ (0,
|
|
51968
|
+
const triggerButton = /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
|
|
51683
51969
|
"button",
|
|
51684
51970
|
{
|
|
51685
51971
|
ref: triggerRef,
|
|
@@ -51700,7 +51986,7 @@ function ColourClouds({
|
|
|
51700
51986
|
children: content
|
|
51701
51987
|
}
|
|
51702
51988
|
);
|
|
51703
|
-
const trigger = hasMenu || onClick ? triggerButton : /* @__PURE__ */ (0,
|
|
51989
|
+
const trigger = hasMenu || onClick ? triggerButton : /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
|
|
51704
51990
|
"span",
|
|
51705
51991
|
{
|
|
51706
51992
|
"aria-label": ariaLabel,
|
|
@@ -51711,7 +51997,7 @@ function ColourClouds({
|
|
|
51711
51997
|
}
|
|
51712
51998
|
);
|
|
51713
51999
|
const menu = hasMenu && visible && portalReady ? (0, import_react_dom7.createPortal)(
|
|
51714
|
-
/* @__PURE__ */ (0,
|
|
52000
|
+
/* @__PURE__ */ (0, import_jsx_runtime191.jsxs)(
|
|
51715
52001
|
"div",
|
|
51716
52002
|
{
|
|
51717
52003
|
ref: panelRef,
|
|
@@ -51725,16 +52011,16 @@ function ColourClouds({
|
|
|
51725
52011
|
width: portalStyle.width
|
|
51726
52012
|
},
|
|
51727
52013
|
children: [
|
|
51728
|
-
/* @__PURE__ */ (0,
|
|
51729
|
-
/* @__PURE__ */ (0,
|
|
52014
|
+
/* @__PURE__ */ (0, import_jsx_runtime191.jsx)("h3", { className: ColourClouds_default.dropdownTitle, id: titleId, children: menuTitle }),
|
|
52015
|
+
/* @__PURE__ */ (0, import_jsx_runtime191.jsx)("div", { className: ColourClouds_default.dropdownBody, children })
|
|
51730
52016
|
]
|
|
51731
52017
|
}
|
|
51732
52018
|
),
|
|
51733
52019
|
document.body
|
|
51734
52020
|
) : null;
|
|
51735
|
-
return /* @__PURE__ */ (0,
|
|
52021
|
+
return /* @__PURE__ */ (0, import_jsx_runtime191.jsxs)("div", { className: rootClass, "data-fit-content": "true", ref: rootRef, children: [
|
|
51736
52022
|
trigger,
|
|
51737
|
-
showReset && onReset ? /* @__PURE__ */ (0,
|
|
52023
|
+
showReset && onReset ? /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(
|
|
51738
52024
|
"button",
|
|
51739
52025
|
{
|
|
51740
52026
|
"aria-label": "Reset colours",
|
|
@@ -51743,7 +52029,7 @@ function ColourClouds({
|
|
|
51743
52029
|
title: "Reset colours",
|
|
51744
52030
|
type: "button",
|
|
51745
52031
|
onClick: onReset,
|
|
51746
|
-
children: /* @__PURE__ */ (0,
|
|
52032
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime191.jsx)(import_react_fontawesome19.FontAwesomeIcon, { icon: import_free_solid_svg_icons17.faRotateLeft })
|
|
51747
52033
|
}
|
|
51748
52034
|
) : null,
|
|
51749
52035
|
menu
|
|
@@ -51832,11 +52118,13 @@ function ColourClouds({
|
|
|
51832
52118
|
DualListBuilder,
|
|
51833
52119
|
EmojiPicker,
|
|
51834
52120
|
EmptyState,
|
|
52121
|
+
FLIP_CLOCK_FRAME_RATE,
|
|
51835
52122
|
FONT_STORAGE_KEY,
|
|
51836
52123
|
FieldShell,
|
|
51837
52124
|
FileField,
|
|
51838
52125
|
FilterBuilder,
|
|
51839
52126
|
FilterSelectField,
|
|
52127
|
+
FlipClock,
|
|
51840
52128
|
FloatingActionButton,
|
|
51841
52129
|
FocusTrap,
|
|
51842
52130
|
FontPicker,
|