opus-react 0.3.1 → 0.3.3
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 +692 -529
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +261 -20
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +21 -3
- package/dist/index.d.ts +21 -3
- package/dist/index.js +829 -668
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -427,7 +427,7 @@ var init_setupFireBarrelScene = __esm({
|
|
|
427
427
|
});
|
|
428
428
|
|
|
429
429
|
// ../../components/fields/shared/inputControlSizes.module.css
|
|
430
|
-
var inputControlSizes_default = {"sizeMd":"opus_8ChDQJ_sizeMd","
|
|
430
|
+
var inputControlSizes_default = {"sizeMd":"opus_8ChDQJ_sizeMd","sizeLg":"opus_8ChDQJ_sizeLg","sizeSm":"opus_8ChDQJ_sizeSm"};
|
|
431
431
|
|
|
432
432
|
// ../../components/fields/shared/inputControlSizes.ts
|
|
433
433
|
var inputControlSizeClassName = {
|
|
@@ -437,7 +437,7 @@ var inputControlSizeClassName = {
|
|
|
437
437
|
};
|
|
438
438
|
|
|
439
439
|
// ../../components/fields/Button/Button.module.css
|
|
440
|
-
var Button_default = {"
|
|
440
|
+
var Button_default = {"info":"opus_lZkc26_info","danger":"opus_lZkc26_danger","success":"opus_lZkc26_success","secondary":"opus_lZkc26_secondary","dark":"opus_lZkc26_dark","link":"opus_lZkc26_link","light":"opus_lZkc26_light","primary":"opus_lZkc26_primary","button":"opus_lZkc26_button","warning":"opus_lZkc26_warning"};
|
|
441
441
|
|
|
442
442
|
// ../../components/fields/Button/Button.tsx
|
|
443
443
|
import { jsx } from "react/jsx-runtime";
|
|
@@ -486,7 +486,7 @@ import {
|
|
|
486
486
|
import { createPortal } from "react-dom";
|
|
487
487
|
|
|
488
488
|
// ../../components/Tooltip/Tooltip.module.css
|
|
489
|
-
var Tooltip_default = {"
|
|
489
|
+
var Tooltip_default = {"top":"opus_R70RbH_top","left":"opus_R70RbH_left","popup":"opus_R70RbH_popup","root":"opus_R70RbH_root","trigger":"opus_R70RbH_trigger","arrow":"opus_R70RbH_arrow","right":"opus_R70RbH_right","triggerWrap":"opus_R70RbH_triggerWrap","bottom":"opus_R70RbH_bottom"};
|
|
490
490
|
|
|
491
491
|
// ../../components/Tooltip/Tooltip.tsx
|
|
492
492
|
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
@@ -655,7 +655,7 @@ function Tooltip({
|
|
|
655
655
|
}
|
|
656
656
|
|
|
657
657
|
// ../../components/fields/FieldShell/FieldShell.module.css
|
|
658
|
-
var FieldShell_default = {"
|
|
658
|
+
var FieldShell_default = {"stacked":"opus_zNi12Z_stacked","flagged":"opus_zNi12Z_flagged","flaggedStart":"opus_zNi12Z_flaggedStart","labelLeft":"opus_zNi12Z_labelLeft","root":"opus_zNi12Z_root","stackedRight":"opus_zNi12Z_stackedRight","errorFlagged":"opus_zNi12Z_errorFlagged","labelFlagged":"opus_zNi12Z_labelFlagged","fitContent":"opus_zNi12Z_fitContent","required":"opus_zNi12Z_required","visuallyHidden":"opus_zNi12Z_visuallyHidden","error":"opus_zNi12Z_error","stackedLeft":"opus_zNi12Z_stackedLeft","labelRight":"opus_zNi12Z_labelRight","flaggedCenter":"opus_zNi12Z_flaggedCenter","controlFlagged":"opus_zNi12Z_controlFlagged","control":"opus_zNi12Z_control","label":"opus_zNi12Z_label","compactControl":"opus_zNi12Z_compactControl"};
|
|
659
659
|
|
|
660
660
|
// ../../components/fields/FieldShell/FieldShell.tsx
|
|
661
661
|
import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
@@ -780,10 +780,10 @@ function FieldShell({
|
|
|
780
780
|
}
|
|
781
781
|
|
|
782
782
|
// ../../components/fields/CheckboxField/CheckboxField.module.css
|
|
783
|
-
var CheckboxField_default = {"toggleLabel":"opus_g-5tlR_toggleLabel","
|
|
783
|
+
var CheckboxField_default = {"toggleLabel":"opus_g-5tlR_toggleLabel","round":"opus_g-5tlR_round","visual":"opus_g-5tlR_visual","nativeInput":"opus_g-5tlR_nativeInput","shell":"opus_g-5tlR_shell","error":"opus_g-5tlR_error","square":"opus_g-5tlR_square","toggle":"opus_g-5tlR_toggle"};
|
|
784
784
|
|
|
785
785
|
// ../../components/fields/shared/choiceControlSizes.module.css
|
|
786
|
-
var choiceControlSizes_default = {"
|
|
786
|
+
var choiceControlSizes_default = {"sizeLg":"opus_4er5Uc_sizeLg","sizeMd":"opus_4er5Uc_sizeMd","sizeSm":"opus_4er5Uc_sizeSm"};
|
|
787
787
|
|
|
788
788
|
// ../../components/fields/shared/choiceControlSizes.ts
|
|
789
789
|
var choiceControlSizeClassName = {
|
|
@@ -853,7 +853,7 @@ function CheckboxField({
|
|
|
853
853
|
}
|
|
854
854
|
|
|
855
855
|
// ../../components/fields/ColorField/ColorField.module.css
|
|
856
|
-
var ColorField_default = {"
|
|
856
|
+
var ColorField_default = {"picker":"opus_Z7jeX4_picker","swatch":"opus_Z7jeX4_swatch","nativeInput":"opus_Z7jeX4_nativeInput","value":"opus_Z7jeX4_value","icon":"opus_Z7jeX4_icon","error":"opus_Z7jeX4_error"};
|
|
857
857
|
|
|
858
858
|
// ../../components/fields/ColorField/ColorField.tsx
|
|
859
859
|
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
@@ -962,7 +962,7 @@ function DateField({
|
|
|
962
962
|
}
|
|
963
963
|
|
|
964
964
|
// ../../components/fields/HiddenField/HiddenField.module.css
|
|
965
|
-
var HiddenField_default = {"
|
|
965
|
+
var HiddenField_default = {"meta":"opus_kL1YXS_meta","preview":"opus_kL1YXS_preview","note":"opus_kL1YXS_note"};
|
|
966
966
|
|
|
967
967
|
// ../../components/fields/HiddenField/HiddenField.tsx
|
|
968
968
|
import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
@@ -1011,7 +1011,7 @@ function HiddenField({
|
|
|
1011
1011
|
}
|
|
1012
1012
|
|
|
1013
1013
|
// ../../components/fields/FileField/FileField.module.css
|
|
1014
|
-
var FileField_default = {"
|
|
1014
|
+
var FileField_default = {"dropError":"opus_aOsPA7_dropError","footnote":"opus_aOsPA7_footnote","action":"opus_aOsPA7_action","content":"opus_aOsPA7_content","drop":"opus_aOsPA7_drop","title":"opus_aOsPA7_title","hint":"opus_aOsPA7_hint","wrapper":"opus_aOsPA7_wrapper","dragging":"opus_aOsPA7_dragging","iconSvg":"opus_aOsPA7_iconSvg","icon":"opus_aOsPA7_icon","input":"opus_aOsPA7_input"};
|
|
1015
1015
|
|
|
1016
1016
|
// ../../components/fields/FileField/FileField.tsx
|
|
1017
1017
|
import {
|
|
@@ -1278,7 +1278,7 @@ async function cropCircularImage(image, viewportSize, outputSize, state, fileNam
|
|
|
1278
1278
|
}
|
|
1279
1279
|
|
|
1280
1280
|
// ../../components/fields/ImageCropUploadField/ImageCropUploadField.module.css
|
|
1281
|
-
var ImageCropUploadField_default = {"
|
|
1281
|
+
var ImageCropUploadField_default = {"dropIconSvg":"opus_itxBv9_dropIconSvg","dropError":"opus_itxBv9_dropError","viewport":"opus_itxBv9_viewport","previewRow":"opus_itxBv9_previewRow","viewportDragging":"opus_itxBv9_viewportDragging","changeLink":"opus_itxBv9_changeLink","actions":"opus_itxBv9_actions","previewCameraButton":"opus_itxBv9_previewCameraButton","dropAction":"opus_itxBv9_dropAction","zoomSlider":"opus_itxBv9_zoomSlider","previewTitle":"opus_itxBv9_previewTitle","root":"opus_itxBv9_root","zoomButton":"opus_itxBv9_zoomButton","dragging":"opus_itxBv9_dragging","previewImage":"opus_itxBv9_previewImage","dropTitle":"opus_itxBv9_dropTitle","editor":"opus_itxBv9_editor","previewHint":"opus_itxBv9_previewHint","instruction":"opus_itxBv9_instruction","zoomRow":"opus_itxBv9_zoomRow","previewFrame":"opus_itxBv9_previewFrame","dropHint":"opus_itxBv9_dropHint","previewCard":"opus_itxBv9_previewCard","viewportImage":"opus_itxBv9_viewportImage","viewportRing":"opus_itxBv9_viewportRing","dropContent":"opus_itxBv9_dropContent","zoomLabel":"opus_itxBv9_zoomLabel","hiddenInput":"opus_itxBv9_hiddenInput","previewCopy":"opus_itxBv9_previewCopy","drop":"opus_itxBv9_drop","dropIcon":"opus_itxBv9_dropIcon"};
|
|
1282
1282
|
|
|
1283
1283
|
// ../../components/fields/ImageCropUploadField/ImageCropUploadField.tsx
|
|
1284
1284
|
import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
@@ -1702,7 +1702,7 @@ function ImageCropUploadField({
|
|
|
1702
1702
|
import { useEffect as useEffect3, useState as useState4 } from "react";
|
|
1703
1703
|
|
|
1704
1704
|
// ../../components/fields/NumberField/NumberField.module.css
|
|
1705
|
-
var NumberField_default = {"
|
|
1705
|
+
var NumberField_default = {"error":"opus_L272Dk_error","stepper":"opus_L272Dk_stepper","button":"opus_L272Dk_button","input":"opus_L272Dk_input"};
|
|
1706
1706
|
|
|
1707
1707
|
// ../../components/fields/numericUtils.ts
|
|
1708
1708
|
function decimalPlacesFromStep(step) {
|
|
@@ -1881,7 +1881,7 @@ function NumberField({
|
|
|
1881
1881
|
import { createContext as createContext2, useContext as useContext2, useId as useId3 } from "react";
|
|
1882
1882
|
|
|
1883
1883
|
// ../../components/fields/RadioGroup/RadioGroup.module.css
|
|
1884
|
-
var RadioGroup_default = {"
|
|
1884
|
+
var RadioGroup_default = {"option":"opus_O-1nor_option","square":"opus_O-1nor_square","nativeInput":"opus_O-1nor_nativeInput","visual":"opus_O-1nor_visual","options":"opus_O-1nor_options","error":"opus_O-1nor_error","round":"opus_O-1nor_round","shell":"opus_O-1nor_shell","choice":"opus_O-1nor_choice"};
|
|
1885
1885
|
|
|
1886
1886
|
// ../../components/fields/RadioGroup/RadioGroup.tsx
|
|
1887
1887
|
import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
@@ -1979,7 +1979,7 @@ function Radio({ children, error, name, shape, value, defaultChecked }) {
|
|
|
1979
1979
|
import { useId as useId4, useRef as useRef4, useState as useState5 } from "react";
|
|
1980
1980
|
|
|
1981
1981
|
// ../../components/fields/ChipInputField/ChipInputField.module.css
|
|
1982
|
-
var ChipInputField_default = {"
|
|
1982
|
+
var ChipInputField_default = {"error":"opus_IOOYwh_error","remove":"opus_IOOYwh_remove","field":"opus_IOOYwh_field","shell":"opus_IOOYwh_shell","readOnly":"opus_IOOYwh_readOnly","chip":"opus_IOOYwh_chip","chipLabel":"opus_IOOYwh_chipLabel","input":"opus_IOOYwh_input","disabled":"opus_IOOYwh_disabled"};
|
|
1983
1983
|
|
|
1984
1984
|
// ../../components/fields/ChipInputField/ChipInputField.tsx
|
|
1985
1985
|
import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
@@ -2116,7 +2116,7 @@ function ChipInput({
|
|
|
2116
2116
|
var ChipInputField = ChipInput;
|
|
2117
2117
|
|
|
2118
2118
|
// ../../components/fields/ChoiceChipsField/ChoiceChipsField.module.css
|
|
2119
|
-
var ChoiceChipsField_default = {"
|
|
2119
|
+
var ChoiceChipsField_default = {"chip":"opus_X6xFEA_chip","shell":"opus_X6xFEA_shell","optionDisabled":"opus_X6xFEA_optionDisabled","disabled":"opus_X6xFEA_disabled","root":"opus_X6xFEA_root","indicator":"opus_X6xFEA_indicator","selected":"opus_X6xFEA_selected"};
|
|
2120
2120
|
|
|
2121
2121
|
// ../../components/fields/ChoiceChipsField/ChoiceChipsField.tsx
|
|
2122
2122
|
import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
@@ -2202,7 +2202,7 @@ function ChoiceChips({
|
|
|
2202
2202
|
var ChoiceChipsField = ChoiceChips;
|
|
2203
2203
|
|
|
2204
2204
|
// ../../components/fields/RangeField/RangeField.module.css
|
|
2205
|
-
var RangeField_default = {"
|
|
2205
|
+
var RangeField_default = {"topRow":"opus_iRHQuG_topRow","wrap":"opus_iRHQuG_wrap","slider":"opus_iRHQuG_slider","fieldLabel":"opus_iRHQuG_fieldLabel","error":"opus_iRHQuG_error","footer":"opus_iRHQuG_footer","value":"opus_iRHQuG_value"};
|
|
2206
2206
|
|
|
2207
2207
|
// ../../components/fields/RangeField/RangeField.tsx
|
|
2208
2208
|
import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
@@ -2275,7 +2275,7 @@ function RangeField({
|
|
|
2275
2275
|
}
|
|
2276
2276
|
|
|
2277
2277
|
// ../../components/fields/SelectField/SelectField.module.css
|
|
2278
|
-
var SelectField_default = {"
|
|
2278
|
+
var SelectField_default = {"wrap":"opus_m2ObG0_wrap","error":"opus_m2ObG0_error","select":"opus_m2ObG0_select"};
|
|
2279
2279
|
|
|
2280
2280
|
// ../../components/fields/SelectField/SelectField.tsx
|
|
2281
2281
|
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
@@ -2372,7 +2372,7 @@ function SwitchField({
|
|
|
2372
2372
|
import { useId as useId5 } from "react";
|
|
2373
2373
|
|
|
2374
2374
|
// ../../components/fields/TextAreaField/TextAreaField.module.css
|
|
2375
|
-
var TextAreaField_default = {"
|
|
2375
|
+
var TextAreaField_default = {"footerError":"opus_FjhWmh_footerError","inputWrap":"opus_FjhWmh_inputWrap","field":"opus_FjhWmh_field","inlineCount":"opus_FjhWmh_inlineCount","footer":"opus_FjhWmh_footer","textarea":"opus_FjhWmh_textarea","externalCount":"opus_FjhWmh_externalCount","withCount":"opus_FjhWmh_withCount","error":"opus_FjhWmh_error"};
|
|
2376
2376
|
|
|
2377
2377
|
// ../../components/fields/TextAreaField/TextAreaField.tsx
|
|
2378
2378
|
import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
@@ -2479,7 +2479,7 @@ import {
|
|
|
2479
2479
|
} from "@fortawesome/free-solid-svg-icons";
|
|
2480
2480
|
|
|
2481
2481
|
// ../../components/fields/RichTextField/RichTextField.module.css
|
|
2482
|
-
var RichTextField_default = {"
|
|
2482
|
+
var RichTextField_default = {"modalCancel":"opus_6HFqZH_modalCancel","toolbar":"opus_6HFqZH_toolbar","editor":"opus_6HFqZH_editor","modalOverlay":"opus_6HFqZH_modalOverlay","modalLabel":"opus_6HFqZH_modalLabel","colorSwatch":"opus_6HFqZH_colorSwatch","modalInput":"opus_6HFqZH_modalInput","blockSelect":"opus_6HFqZH_blockSelect","colorInput":"opus_6HFqZH_colorInput","modalField":"opus_6HFqZH_modalField","modalDimensions":"opus_6HFqZH_modalDimensions","modalTimes":"opus_6HFqZH_modalTimes","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","toolbarIcon":"opus_6HFqZH_toolbarIcon","field":"opus_6HFqZH_field","modalNumber":"opus_6HFqZH_modalNumber","editorShell":"opus_6HFqZH_editorShell","error":"opus_6HFqZH_error","modal":"opus_6HFqZH_modal","divider":"opus_6HFqZH_divider","modalDimensionField":"opus_6HFqZH_modalDimensionField","modalActions":"opus_6HFqZH_modalActions","modalConfirm":"opus_6HFqZH_modalConfirm","toolbarButton":"opus_6HFqZH_toolbarButton","readOnly":"opus_6HFqZH_readOnly","modalTitle":"opus_6HFqZH_modalTitle"};
|
|
2483
2483
|
|
|
2484
2484
|
// ../../components/fields/RichTextField/RichTextField.tsx
|
|
2485
2485
|
import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
@@ -3128,7 +3128,7 @@ import { FontAwesomeIcon as FontAwesomeIcon4 } from "@fortawesome/react-fontawes
|
|
|
3128
3128
|
import { faMagnifyingGlass } from "@fortawesome/free-solid-svg-icons";
|
|
3129
3129
|
|
|
3130
3130
|
// ../../components/fields/shared/fieldControl.module.css
|
|
3131
|
-
var fieldControl_default = {"prefixIcon":"opus_1Q5xBh_prefixIcon","
|
|
3131
|
+
var fieldControl_default = {"prefixIcon":"opus_1Q5xBh_prefixIcon","endAdornment":"opus_1Q5xBh_endAdornment","triggerError":"opus_1Q5xBh_triggerError","triggerOpen":"opus_1Q5xBh_triggerOpen","searchWrapError":"opus_1Q5xBh_searchWrapError","panelFooter":"opus_1Q5xBh_panelFooter","searchInput":"opus_1Q5xBh_searchInput","error":"opus_1Q5xBh_error","passwordInput":"opus_1Q5xBh_passwordInput","input":"opus_1Q5xBh_input","trigger":"opus_1Q5xBh_trigger","searchWrap":"opus_1Q5xBh_searchWrap","prefixIconSvg":"opus_1Q5xBh_prefixIconSvg","placeholder":"opus_1Q5xBh_placeholder","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot","chevron":"opus_1Q5xBh_chevron","passwordWrap":"opus_1Q5xBh_passwordWrap","actionButton":"opus_1Q5xBh_actionButton","search":"opus_1Q5xBh_search","passwordToggle":"opus_1Q5xBh_passwordToggle","panel":"opus_1Q5xBh_panel","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary","groupLabel":"opus_1Q5xBh_groupLabel","option":"opus_1Q5xBh_option","list":"opus_1Q5xBh_list"};
|
|
3132
3132
|
|
|
3133
3133
|
// ../../components/fields/shared/PasswordToggle.tsx
|
|
3134
3134
|
import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
|
|
@@ -3237,7 +3237,7 @@ import { FontAwesomeIcon as FontAwesomeIcon5 } from "@fortawesome/react-fontawes
|
|
|
3237
3237
|
import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons";
|
|
3238
3238
|
|
|
3239
3239
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.module.css
|
|
3240
|
-
var ThemeToggleField_default = {"indicator":"opus_SwerMA_indicator","option":"opus_SwerMA_option","active":"opus_SwerMA_active"
|
|
3240
|
+
var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","indicator":"opus_SwerMA_indicator","option":"opus_SwerMA_option","active":"opus_SwerMA_active"};
|
|
3241
3241
|
|
|
3242
3242
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.tsx
|
|
3243
3243
|
import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
@@ -3579,7 +3579,7 @@ function MultiSelectField({
|
|
|
3579
3579
|
import { useState as useState10 } from "react";
|
|
3580
3580
|
|
|
3581
3581
|
// ../../components/fields/TransferListField/TransferListField.module.css
|
|
3582
|
-
var TransferListField_default = {"
|
|
3582
|
+
var TransferListField_default = {"list":"opus_NPBFZk_list","root":"opus_NPBFZk_root","item":"opus_NPBFZk_item","column":"opus_NPBFZk_column","controlButton":"opus_NPBFZk_controlButton","columnHeader":"opus_NPBFZk_columnHeader","controls":"opus_NPBFZk_controls","itemActive":"opus_NPBFZk_itemActive"};
|
|
3583
3583
|
|
|
3584
3584
|
// ../../components/fields/TransferListField/TransferListField.tsx
|
|
3585
3585
|
import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
@@ -3701,7 +3701,7 @@ import { FontAwesomeIcon as FontAwesomeIcon6 } from "@fortawesome/react-fontawes
|
|
|
3701
3701
|
import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons";
|
|
3702
3702
|
|
|
3703
3703
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.module.css
|
|
3704
|
-
var PasswordStrengthField_default = {"
|
|
3704
|
+
var PasswordStrengthField_default = {"requirementMet":"opus_S1A372_requirementMet","meterFill":"opus_S1A372_meterFill","requirements":"opus_S1A372_requirements","meterTrack":"opus_S1A372_meterTrack","root":"opus_S1A372_root","meterLabel":"opus_S1A372_meterLabel","meterWrap":"opus_S1A372_meterWrap","requirementIcon":"opus_S1A372_requirementIcon","requirement":"opus_S1A372_requirement"};
|
|
3705
3705
|
|
|
3706
3706
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.tsx
|
|
3707
3707
|
import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
@@ -3810,7 +3810,7 @@ function PasswordStrengthField({
|
|
|
3810
3810
|
}
|
|
3811
3811
|
|
|
3812
3812
|
// ../../components/fields/RatingField/RatingField.module.css
|
|
3813
|
-
var RatingField_default = {"
|
|
3813
|
+
var RatingField_default = {"numeric":"opus_0tdNUz_numeric","symbolActive":"opus_0tdNUz_symbolActive","root":"opus_0tdNUz_root","numericActive":"opus_0tdNUz_numericActive","symbol":"opus_0tdNUz_symbol"};
|
|
3814
3814
|
|
|
3815
3815
|
// ../../components/fields/RatingField/RatingField.tsx
|
|
3816
3816
|
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
@@ -3942,7 +3942,7 @@ function SegmentedControlField({
|
|
|
3942
3942
|
import { useMemo as useMemo5 } from "react";
|
|
3943
3943
|
|
|
3944
3944
|
// ../../components/fields/SliderRangeField/SliderRangeField.module.css
|
|
3945
|
-
var SliderRangeField_default = {"
|
|
3945
|
+
var SliderRangeField_default = {"track":"opus_k3d0sS_track","root":"opus_k3d0sS_root","value":"opus_k3d0sS_value","header":"opus_k3d0sS_header","slider":"opus_k3d0sS_slider","trackWrap":"opus_k3d0sS_trackWrap","footer":"opus_k3d0sS_footer"};
|
|
3946
3946
|
|
|
3947
3947
|
// ../../components/fields/SliderRangeField/SliderRangeField.tsx
|
|
3948
3948
|
import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
@@ -4040,7 +4040,7 @@ function SliderRangeField({
|
|
|
4040
4040
|
import { useEffect as useEffect7, useMemo as useMemo6, useRef as useRef8, useState as useState12 } from "react";
|
|
4041
4041
|
|
|
4042
4042
|
// ../../components/fields/PhoneNumberField/PhoneNumberField.module.css
|
|
4043
|
-
var PhoneNumberField_default = {"
|
|
4043
|
+
var PhoneNumberField_default = {"countryWrap":"opus_WC4gnN_countryWrap","flag":"opus_WC4gnN_flag","chevron":"opus_WC4gnN_chevron","option":"opus_WC4gnN_option","dial":"opus_WC4gnN_dial","optionLabel":"opus_WC4gnN_optionLabel","empty":"opus_WC4gnN_empty","optionDial":"opus_WC4gnN_optionDial","panel":"opus_WC4gnN_panel","code":"opus_WC4gnN_code","optionActive":"opus_WC4gnN_optionActive","country":"opus_WC4gnN_country","root":"opus_WC4gnN_root","countryValue":"opus_WC4gnN_countryValue"};
|
|
4044
4044
|
|
|
4045
4045
|
// ../../components/fields/PhoneNumberField/countries.ts
|
|
4046
4046
|
function countryCodeToFlag(code) {
|
|
@@ -4445,7 +4445,7 @@ function PhoneNumberField({
|
|
|
4445
4445
|
import { useEffect as useEffect8, useMemo as useMemo7, useRef as useRef9, useState as useState13 } from "react";
|
|
4446
4446
|
|
|
4447
4447
|
// ../../components/fields/CountryPickerField/CountryPickerField.module.css
|
|
4448
|
-
var CountryPickerField_default = {"
|
|
4448
|
+
var CountryPickerField_default = {"empty":"opus_O7qqfR_empty","optionCode":"opus_O7qqfR_optionCode","option":"opus_O7qqfR_option","optionActive":"opus_O7qqfR_optionActive","optionLabel":"opus_O7qqfR_optionLabel","flag":"opus_O7qqfR_flag","root":"opus_O7qqfR_root","triggerValue":"opus_O7qqfR_triggerValue"};
|
|
4449
4449
|
|
|
4450
4450
|
// ../../components/fields/CountryPickerField/CountryPickerField.tsx
|
|
4451
4451
|
import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
@@ -4604,7 +4604,7 @@ function CountryPickerField({
|
|
|
4604
4604
|
import { useEffect as useEffect9, useMemo as useMemo8, useRef as useRef10, useState as useState14 } from "react";
|
|
4605
4605
|
|
|
4606
4606
|
// ../../components/fields/TreeSelectField/TreeSelectField.module.css
|
|
4607
|
-
var TreeSelectField_default = {"
|
|
4607
|
+
var TreeSelectField_default = {"treeOptionActive":"opus_Mq6C00_treeOptionActive","root":"opus_Mq6C00_root","treeOption":"opus_Mq6C00_treeOption"};
|
|
4608
4608
|
|
|
4609
4609
|
// ../../components/fields/TreeSelectField/TreeSelectField.tsx
|
|
4610
4610
|
import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
@@ -4735,7 +4735,7 @@ function TreeSelectField({
|
|
|
4735
4735
|
import { useEffect as useEffect10, useMemo as useMemo9, useRef as useRef11, useState as useState15 } from "react";
|
|
4736
4736
|
|
|
4737
4737
|
// ../../components/fields/CascaderField/CascaderField.module.css
|
|
4738
|
-
var CascaderField_default = {"
|
|
4738
|
+
var CascaderField_default = {"root":"opus_1Fg59A_root","column":"opus_1Fg59A_column","option":"opus_1Fg59A_option","panel":"opus_1Fg59A_panel","optionActive":"opus_1Fg59A_optionActive"};
|
|
4739
4739
|
|
|
4740
4740
|
// ../../components/fields/CascaderField/CascaderField.tsx
|
|
4741
4741
|
import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
@@ -4950,7 +4950,7 @@ function OpusThemeProvider({
|
|
|
4950
4950
|
}
|
|
4951
4951
|
|
|
4952
4952
|
// ../../components/Alert/Alert.module.css
|
|
4953
|
-
var Alert_default = {"
|
|
4953
|
+
var Alert_default = {"title":"opus_eh3eeT_title","description":"opus_eh3eeT_description","dismissIcon":"opus_eh3eeT_dismissIcon","alert":"opus_eh3eeT_alert","dismiss":"opus_eh3eeT_dismiss","content":"opus_eh3eeT_content","iconFlagged":"opus_eh3eeT_iconFlagged","icon":"opus_eh3eeT_icon","iconMark":"opus_eh3eeT_iconMark","iconSvg":"opus_eh3eeT_iconSvg"};
|
|
4954
4954
|
|
|
4955
4955
|
// ../../components/Alert/Alert.tsx
|
|
4956
4956
|
import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
@@ -5145,7 +5145,7 @@ function useOverlayAccessibility(active, containerRef, {
|
|
|
5145
5145
|
}
|
|
5146
5146
|
|
|
5147
5147
|
// ../../components/Dialog/Dialog.module.css
|
|
5148
|
-
var Dialog_default = {"icon":"opus_sz-ZGI_icon","
|
|
5148
|
+
var Dialog_default = {"icon":"opus_sz-ZGI_icon","backdropOut":"opus_sz-ZGI_backdropOut","content":"opus_sz-ZGI_content","body":"opus_sz-ZGI_body","actions":"opus_sz-ZGI_actions","dialogOut":"opus_sz-ZGI_dialogOut","backdrop":"opus_sz-ZGI_backdrop","dialogIn":"opus_sz-ZGI_dialogIn","visuallyHidden":"opus_sz-ZGI_visuallyHidden","title":"opus_sz-ZGI_title","backdropIn":"opus_sz-ZGI_backdropIn","description":"opus_sz-ZGI_description","iconSvg":"opus_sz-ZGI_iconSvg","dialog":"opus_sz-ZGI_dialog","iconMark":"opus_sz-ZGI_iconMark"};
|
|
5149
5149
|
|
|
5150
5150
|
// ../../components/Dialog/Dialog.tsx
|
|
5151
5151
|
import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
@@ -5276,7 +5276,7 @@ function Dialog({
|
|
|
5276
5276
|
import { useEffect as useEffect15, useId as useId7, useRef as useRef14, useState as useState18 } from "react";
|
|
5277
5277
|
|
|
5278
5278
|
// ../../components/Modal/Modal.module.css
|
|
5279
|
-
var Modal_default = {"
|
|
5279
|
+
var Modal_default = {"heading":"opus_LQbzGS_heading","modalPanelIn":"opus_LQbzGS_modalPanelIn","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","actions":"opus_LQbzGS_actions","header":"opus_LQbzGS_header","modal":"opus_LQbzGS_modal","closeIcon":"opus_LQbzGS_closeIcon","modalBackdropIn":"opus_LQbzGS_modalBackdropIn","backdrop":"opus_LQbzGS_backdrop","modalPanelOut":"opus_LQbzGS_modalPanelOut","title":"opus_LQbzGS_title","close":"opus_LQbzGS_close","description":"opus_LQbzGS_description","body":"opus_LQbzGS_body","footer":"opus_LQbzGS_footer","footerContent":"opus_LQbzGS_footerContent"};
|
|
5280
5280
|
|
|
5281
5281
|
// ../../components/Modal/Modal.tsx
|
|
5282
5282
|
import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
@@ -5407,7 +5407,7 @@ function ModalDefaultActions({ onClose }) {
|
|
|
5407
5407
|
import { useEffect as useEffect16, useId as useId8, useRef as useRef15, useState as useState19 } from "react";
|
|
5408
5408
|
|
|
5409
5409
|
// ../../components/Drawer/Drawer.module.css
|
|
5410
|
-
var Drawer_default = {"
|
|
5410
|
+
var Drawer_default = {"backdrop":"opus_0CaGbZ_backdrop","footer":"opus_0CaGbZ_footer","drawerInTop":"opus_0CaGbZ_drawerInTop","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","closeIcon":"opus_0CaGbZ_closeIcon","body":"opus_0CaGbZ_body","drawerOutRight":"opus_0CaGbZ_drawerOutRight","drawerInBottom":"opus_0CaGbZ_drawerInBottom","description":"opus_0CaGbZ_description","drawerInLeft":"opus_0CaGbZ_drawerInLeft","footerContent":"opus_0CaGbZ_footerContent","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","drawerOutTop":"opus_0CaGbZ_drawerOutTop","header":"opus_0CaGbZ_header","drawerInRight":"opus_0CaGbZ_drawerInRight","heading":"opus_0CaGbZ_heading","title":"opus_0CaGbZ_title","close":"opus_0CaGbZ_close","actions":"opus_0CaGbZ_actions","drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","drawer":"opus_0CaGbZ_drawer"};
|
|
5411
5411
|
|
|
5412
5412
|
// ../../components/Drawer/Drawer.tsx
|
|
5413
5413
|
import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
@@ -5547,7 +5547,7 @@ import {
|
|
|
5547
5547
|
} from "react";
|
|
5548
5548
|
|
|
5549
5549
|
// ../../components/Popover/Popover.module.css
|
|
5550
|
-
var Popover_default = {"
|
|
5550
|
+
var Popover_default = {"root":"opus_yq4OU0_root","panel":"opus_yq4OU0_panel","title":"opus_yq4OU0_title","content":"opus_yq4OU0_content","popoverIn":"opus_yq4OU0_popoverIn","arrow":"opus_yq4OU0_arrow"};
|
|
5551
5551
|
|
|
5552
5552
|
// ../../components/Popover/Popover.tsx
|
|
5553
5553
|
import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
@@ -5737,7 +5737,7 @@ function resolveMegaMenuPortalStyle(root, inTopNavigation) {
|
|
|
5737
5737
|
}
|
|
5738
5738
|
|
|
5739
5739
|
// ../../components/MegaMenu/MegaMenu.module.css
|
|
5740
|
-
var MegaMenu_default = {"
|
|
5740
|
+
var MegaMenu_default = {"trigger":"opus_Y_ikQV_trigger","panel":"opus_Y_ikQV_panel","itemCopy":"opus_Y_ikQV_itemCopy","eyebrow":"opus_Y_ikQV_eyebrow","item":"opus_Y_ikQV_item","section":"opus_Y_ikQV_section","itemIcon":"opus_Y_ikQV_itemIcon","featuredAction":"opus_Y_ikQV_featuredAction","megaMenuIn":"opus_Y_ikQV_megaMenuIn","root":"opus_Y_ikQV_root","sections":"opus_Y_ikQV_sections","featured":"opus_Y_ikQV_featured","items":"opus_Y_ikQV_items","megaMenuOut":"opus_Y_ikQV_megaMenuOut","panelContent":"opus_Y_ikQV_panelContent","menuBar":"opus_Y_ikQV_menuBar"};
|
|
5741
5741
|
|
|
5742
5742
|
// ../../components/MegaMenu/MegaMenu.tsx
|
|
5743
5743
|
import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
@@ -6179,7 +6179,7 @@ function MegaMenu({
|
|
|
6179
6179
|
}
|
|
6180
6180
|
|
|
6181
6181
|
// ../../components/TopNavigation/TopNavigation.module.css
|
|
6182
|
-
var TopNavigation_default = {"menuSlot":"opus_OIomR6_menuSlot","nav":"opus_OIomR6_nav","menuTrigger":"opus_OIomR6_menuTrigger","
|
|
6182
|
+
var TopNavigation_default = {"menuSlot":"opus_OIomR6_menuSlot","nav":"opus_OIomR6_nav","menuTrigger":"opus_OIomR6_menuTrigger","bar":"opus_OIomR6_bar","menuSlotMega":"opus_OIomR6_menuSlotMega"};
|
|
6183
6183
|
|
|
6184
6184
|
// ../../components/TopNavigation/TopNavigation.tsx
|
|
6185
6185
|
import { Fragment as Fragment8, jsx as jsx43 } from "react/jsx-runtime";
|
|
@@ -6536,7 +6536,7 @@ function handleMenuKeyDown(event, menu, onEscape) {
|
|
|
6536
6536
|
}
|
|
6537
6537
|
|
|
6538
6538
|
// ../../components/DropdownMenu/DropdownMenu.module.css
|
|
6539
|
-
var DropdownMenu_default = {"
|
|
6539
|
+
var DropdownMenu_default = {"menu":"opus_UUVDVQ_menu","icon":"opus_UUVDVQ_icon","dropdownIn":"opus_UUVDVQ_dropdownIn","shortcut":"opus_UUVDVQ_shortcut","item":"opus_UUVDVQ_item","dropdownOut":"opus_UUVDVQ_dropdownOut","label":"opus_UUVDVQ_label","root":"opus_UUVDVQ_root"};
|
|
6540
6540
|
|
|
6541
6541
|
// ../../components/DropdownMenu/DropdownMenu.tsx
|
|
6542
6542
|
import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
@@ -6876,7 +6876,7 @@ import {
|
|
|
6876
6876
|
import { createPortal as createPortal5 } from "react-dom";
|
|
6877
6877
|
|
|
6878
6878
|
// ../../components/ContextMenu/ContextMenu.module.css
|
|
6879
|
-
var ContextMenu_default = {"
|
|
6879
|
+
var ContextMenu_default = {"backdrop":"opus_nMhhae_backdrop","target":"opus_nMhhae_target","menu":"opus_nMhhae_menu","contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn","contextMenuIn":"opus_nMhhae_contextMenuIn","layer":"opus_nMhhae_layer"};
|
|
6880
6880
|
|
|
6881
6881
|
// ../../components/ContextMenu/ContextMenuProvider.tsx
|
|
6882
6882
|
import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
@@ -7189,7 +7189,7 @@ import { faMagnifyingGlass as faMagnifyingGlass2 } from "@fortawesome/free-solid
|
|
|
7189
7189
|
import { FontAwesomeIcon as FontAwesomeIcon7 } from "@fortawesome/react-fontawesome";
|
|
7190
7190
|
|
|
7191
7191
|
// ../../components/CommandPalette/CommandPalette.module.css
|
|
7192
|
-
var CommandPalette_default = {"
|
|
7192
|
+
var CommandPalette_default = {"itemLabel":"opus_k1ypuy_itemLabel","empty":"opus_k1ypuy_empty","item":"opus_k1ypuy_item","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","searchIconSvg":"opus_k1ypuy_searchIconSvg","group":"opus_k1ypuy_group","groupLabel":"opus_k1ypuy_groupLabel","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","backdrop":"opus_k1ypuy_backdrop","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","itemDescription":"opus_k1ypuy_itemDescription","visuallyHidden":"opus_k1ypuy_visuallyHidden","panel":"opus_k1ypuy_panel","results":"opus_k1ypuy_results","footer":"opus_k1ypuy_footer","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","searchWrap":"opus_k1ypuy_searchWrap","searchIcon":"opus_k1ypuy_searchIcon","searchInput":"opus_k1ypuy_searchInput","itemMain":"opus_k1ypuy_itemMain","shortcut":"opus_k1ypuy_shortcut"};
|
|
7193
7193
|
|
|
7194
7194
|
// ../../components/CommandPalette/CommandPalette.tsx
|
|
7195
7195
|
import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
@@ -7529,7 +7529,7 @@ function AccordionGroup({
|
|
|
7529
7529
|
}
|
|
7530
7530
|
|
|
7531
7531
|
// ../../components/Accordion/Accordion.module.css
|
|
7532
|
-
var Accordion_default = {"
|
|
7532
|
+
var Accordion_default = {"standalone":"opus_WNZQMV_standalone","triggerLabel":"opus_WNZQMV_triggerLabel","panelInner":"opus_WNZQMV_panelInner","content":"opus_WNZQMV_content","trigger":"opus_WNZQMV_trigger","panel":"opus_WNZQMV_panel","item":"opus_WNZQMV_item","chevron":"opus_WNZQMV_chevron"};
|
|
7533
7533
|
|
|
7534
7534
|
// ../../components/Accordion/Accordion.tsx
|
|
7535
7535
|
import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
@@ -7622,7 +7622,7 @@ import {
|
|
|
7622
7622
|
} from "react";
|
|
7623
7623
|
|
|
7624
7624
|
// ../../components/ShowMore/ShowMore.module.css
|
|
7625
|
-
var ShowMore_default = {"
|
|
7625
|
+
var ShowMore_default = {"toggleLabel":"opus_dSk-ve_toggleLabel","chevron":"opus_dSk-ve_chevron","root":"opus_dSk-ve_root","toggle":"opus_dSk-ve_toggle","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn","contentShell":"opus_dSk-ve_contentShell","inner":"opus_dSk-ve_inner"};
|
|
7626
7626
|
|
|
7627
7627
|
// ../../components/ShowMore/ShowMore.tsx
|
|
7628
7628
|
import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
@@ -7726,7 +7726,7 @@ function ShowMore({
|
|
|
7726
7726
|
}
|
|
7727
7727
|
|
|
7728
7728
|
// ../../components/Toast/Toast.module.css
|
|
7729
|
-
var Toast_default = {"
|
|
7729
|
+
var Toast_default = {"toast":"opus_cklQPW_toast","description":"opus_cklQPW_description","progressBar":"opus_cklQPW_progressBar","content":"opus_cklQPW_content","iconSvg":"opus_cklQPW_iconSvg","main":"opus_cklQPW_main","icon":"opus_cklQPW_icon","dismiss":"opus_cklQPW_dismiss","iconMark":"opus_cklQPW_iconMark","progressTrack":"opus_cklQPW_progressTrack","toastProgress":"opus_cklQPW_toastProgress","body":"opus_cklQPW_body","title":"opus_cklQPW_title","dismissIcon":"opus_cklQPW_dismissIcon"};
|
|
7730
7730
|
|
|
7731
7731
|
// ../../components/Toast/Toast.tsx
|
|
7732
7732
|
import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
@@ -7806,7 +7806,7 @@ import {
|
|
|
7806
7806
|
} from "react";
|
|
7807
7807
|
|
|
7808
7808
|
// ../../components/ToastProvider/ToastProvider.module.css
|
|
7809
|
-
var ToastProvider_default = {"
|
|
7809
|
+
var ToastProvider_default = {"viewportRight":"opus_z3pSp7_viewportRight","itemBackdrop":"opus_z3pSp7_itemBackdrop","itemSurface":"opus_z3pSp7_itemSurface","viewport":"opus_z3pSp7_viewport","viewportBottom":"opus_z3pSp7_viewportBottom","viewportTop":"opus_z3pSp7_viewportTop","item":"opus_z3pSp7_item","itemClip":"opus_z3pSp7_itemClip","viewportLeft":"opus_z3pSp7_viewportLeft"};
|
|
7810
7810
|
|
|
7811
7811
|
// ../../components/ToastProvider/ToastProvider.tsx
|
|
7812
7812
|
import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
@@ -8176,7 +8176,7 @@ function ToastProvider({
|
|
|
8176
8176
|
import { useId as useId16, useState as useState30 } from "react";
|
|
8177
8177
|
|
|
8178
8178
|
// ../../components/Tabs/Tabs.module.css
|
|
8179
|
-
var Tabs_default = {"
|
|
8179
|
+
var Tabs_default = {"list":"opus_ADVJmy_list","root":"opus_ADVJmy_root","tab":"opus_ADVJmy_tab","panel":"opus_ADVJmy_panel"};
|
|
8180
8180
|
|
|
8181
8181
|
// ../../components/Tabs/Tabs.tsx
|
|
8182
8182
|
import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
@@ -8290,7 +8290,7 @@ function Tabs({
|
|
|
8290
8290
|
}
|
|
8291
8291
|
|
|
8292
8292
|
// ../../components/Card/Card.module.css
|
|
8293
|
-
var Card_default = {"
|
|
8293
|
+
var Card_default = {"media":"opus_qWo1sP_media","title":"opus_qWo1sP_title","footer":"opus_qWo1sP_footer","body":"opus_qWo1sP_body","actions":"opus_qWo1sP_actions","card":"opus_qWo1sP_card","content":"opus_qWo1sP_content","footerContent":"opus_qWo1sP_footerContent","eyebrow":"opus_qWo1sP_eyebrow","heading":"opus_qWo1sP_heading"};
|
|
8294
8294
|
|
|
8295
8295
|
// ../../components/Card/Card.tsx
|
|
8296
8296
|
import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
@@ -8321,7 +8321,7 @@ function Card({
|
|
|
8321
8321
|
}
|
|
8322
8322
|
|
|
8323
8323
|
// ../../components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css
|
|
8324
|
-
var dashboardMetricCardLayout_default = {"
|
|
8324
|
+
var dashboardMetricCardLayout_default = {"value":"opus_6_sptY_value","metaPlaceholder":"opus_6_sptY_metaPlaceholder","header":"opus_6_sptY_header","iconSlot":"opus_6_sptY_iconSlot","metaSlot":"opus_6_sptY_metaSlot","iconPlaceholder":"opus_6_sptY_iconPlaceholder","label":"opus_6_sptY_label","shell":"opus_6_sptY_shell"};
|
|
8325
8325
|
|
|
8326
8326
|
// ../../components/StatCard/StatCard.module.css
|
|
8327
8327
|
var StatCard_default = {"change":"opus_KIXsQY_change"};
|
|
@@ -8351,7 +8351,7 @@ function StatCard({
|
|
|
8351
8351
|
}
|
|
8352
8352
|
|
|
8353
8353
|
// ../../components/Gauge/Gauge.module.css
|
|
8354
|
-
var Gauge_default = {"
|
|
8354
|
+
var Gauge_default = {"footerItem":"opus_t6IuQe_footerItem","gaugeSvg":"opus_t6IuQe_gaugeSvg","footer":"opus_t6IuQe_footer","heading":"opus_t6IuQe_heading","body":"opus_t6IuQe_body","footerTrend":"opus_t6IuQe_footerTrend","summary":"opus_t6IuQe_summary","gaugeTrack":"opus_t6IuQe_gaugeTrack","header":"opus_t6IuQe_header","footerLabel":"opus_t6IuQe_footerLabel","subtitle":"opus_t6IuQe_subtitle","gaugeSlot":"opus_t6IuQe_gaugeSlot","gaugeValue":"opus_t6IuQe_gaugeValue","widget":"opus_t6IuQe_widget","gaugeCenter":"opus_t6IuQe_gaugeCenter","change":"opus_t6IuQe_change","gauge":"opus_t6IuQe_gauge","footerValue":"opus_t6IuQe_footerValue","title":"opus_t6IuQe_title"};
|
|
8355
8355
|
|
|
8356
8356
|
// ../../components/Gauge/Gauge.tsx
|
|
8357
8357
|
import { jsx as jsx55, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
@@ -8485,7 +8485,7 @@ function Gauge({
|
|
|
8485
8485
|
import { useId as useId17 } from "react";
|
|
8486
8486
|
|
|
8487
8487
|
// ../../components/Sparkline/Sparkline.module.css
|
|
8488
|
-
var Sparkline_default = {"
|
|
8488
|
+
var Sparkline_default = {"sparkline":"opus_xXtB87_sparkline","chart":"opus_xXtB87_chart","svg":"opus_xXtB87_svg","line":"opus_xXtB87_line","label":"opus_xXtB87_label","area":"opus_xXtB87_area","endPoint":"opus_xXtB87_endPoint"};
|
|
8489
8489
|
|
|
8490
8490
|
// ../../components/Sparkline/Sparkline.tsx
|
|
8491
8491
|
import { jsx as jsx56, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
@@ -8552,7 +8552,7 @@ function Sparkline({
|
|
|
8552
8552
|
}
|
|
8553
8553
|
|
|
8554
8554
|
// ../../components/ProgressRing/ProgressRing.module.css
|
|
8555
|
-
var ProgressRing_default = {"
|
|
8555
|
+
var ProgressRing_default = {"track":"opus_YxX6Hh_track","center":"opus_YxX6Hh_center","svg":"opus_YxX6Hh_svg","value":"opus_YxX6Hh_value","ring":"opus_YxX6Hh_ring"};
|
|
8556
8556
|
|
|
8557
8557
|
// ../../components/ProgressRing/ProgressRing.tsx
|
|
8558
8558
|
import { jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
@@ -8585,7 +8585,7 @@ function ProgressRing({ label, max = 100, value }) {
|
|
|
8585
8585
|
}
|
|
8586
8586
|
|
|
8587
8587
|
// ../../components/ProgressBar/ProgressBar.module.css
|
|
8588
|
-
var ProgressBar_default = {"
|
|
8588
|
+
var ProgressBar_default = {"value":"opus_q04AvA_value","track":"opus_q04AvA_track","label":"opus_q04AvA_label","fill":"opus_q04AvA_fill","bar":"opus_q04AvA_bar","header":"opus_q04AvA_header"};
|
|
8589
8589
|
|
|
8590
8590
|
// ../../components/ProgressBar/ProgressBar.tsx
|
|
8591
8591
|
import { jsx as jsx58, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
@@ -8605,7 +8605,7 @@ function ProgressBar({ label, max = 100, value }) {
|
|
|
8605
8605
|
}
|
|
8606
8606
|
|
|
8607
8607
|
// ../../components/Speedometer/Speedometer.module.css
|
|
8608
|
-
var Speedometer_default = {"
|
|
8608
|
+
var Speedometer_default = {"value":"opus__jpB7z_value","speedometer":"opus__jpB7z_speedometer","needle":"opus__jpB7z_needle","center":"opus__jpB7z_center","hub":"opus__jpB7z_hub","svg":"opus__jpB7z_svg","track":"opus__jpB7z_track"};
|
|
8609
8609
|
|
|
8610
8610
|
// ../../components/Speedometer/Speedometer.tsx
|
|
8611
8611
|
import { jsx as jsx59, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
@@ -8638,7 +8638,7 @@ function Speedometer({ label, max = 100, value }) {
|
|
|
8638
8638
|
}
|
|
8639
8639
|
|
|
8640
8640
|
// ../../components/MetricTile/MetricTile.module.css
|
|
8641
|
-
var MetricTile_default = {"
|
|
8641
|
+
var MetricTile_default = {"sparklineSlot":"opus_-dz9KL_sparklineSlot","topRow":"opus_-dz9KL_topRow","tile":"opus_-dz9KL_tile"};
|
|
8642
8642
|
|
|
8643
8643
|
// ../../components/MetricTile/MetricTile.tsx
|
|
8644
8644
|
import { jsx as jsx60, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
@@ -8655,7 +8655,7 @@ function MetricTile({ density = "comfortable", icon, label, sparkline, value })
|
|
|
8655
8655
|
}
|
|
8656
8656
|
|
|
8657
8657
|
// ../../components/StatusIndicator/StatusIndicator.module.css
|
|
8658
|
-
var StatusIndicator_default = {"
|
|
8658
|
+
var StatusIndicator_default = {"indicator":"opus_ZfaAEC_indicator","dot":"opus_ZfaAEC_dot"};
|
|
8659
8659
|
|
|
8660
8660
|
// ../../components/StatusIndicator/StatusIndicator.tsx
|
|
8661
8661
|
import { jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
@@ -8680,7 +8680,7 @@ function TrendBadge({ direction, value }) {
|
|
|
8680
8680
|
}
|
|
8681
8681
|
|
|
8682
8682
|
// ../../components/Panel/Panel.module.css
|
|
8683
|
-
var Panel_default = {"
|
|
8683
|
+
var Panel_default = {"heading":"opus_JZHUc__heading","panel":"opus_JZHUc__panel","headerActions":"opus_JZHUc__headerActions","description":"opus_JZHUc__description","footer":"opus_JZHUc__footer","body":"opus_JZHUc__body","title":"opus_JZHUc__title","header":"opus_JZHUc__header"};
|
|
8684
8684
|
|
|
8685
8685
|
// ../../components/Panel/Panel.tsx
|
|
8686
8686
|
import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
@@ -8875,7 +8875,7 @@ function resolveSectionGapVars(gap = "md") {
|
|
|
8875
8875
|
}
|
|
8876
8876
|
|
|
8877
8877
|
// ../../components/Section/Section.module.css
|
|
8878
|
-
var Section_default = {"
|
|
8878
|
+
var Section_default = {"description":"opus_FajZiH_description","body":"opus_FajZiH_body","row":"opus_FajZiH_row","section":"opus_FajZiH_section","column":"opus_FajZiH_column","title":"opus_FajZiH_title","header":"opus_FajZiH_header"};
|
|
8879
8879
|
|
|
8880
8880
|
// ../../components/Section/Section.tsx
|
|
8881
8881
|
import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
@@ -8956,7 +8956,7 @@ var Section = Object.assign(SectionRoot, {
|
|
|
8956
8956
|
});
|
|
8957
8957
|
|
|
8958
8958
|
// ../../components/Table/Table.module.css
|
|
8959
|
-
var Table_default = {"
|
|
8959
|
+
var Table_default = {"visuallyHidden":"opus_2q7S14_visuallyHidden","table":"opus_2q7S14_table","empty":"opus_2q7S14_empty","wrap":"opus_2q7S14_wrap","caption":"opus_2q7S14_caption"};
|
|
8960
8960
|
|
|
8961
8961
|
// ../../components/Table/Table.tsx
|
|
8962
8962
|
import { jsx as jsx64, jsxs as jsxs52 } from "react/jsx-runtime";
|
|
@@ -9187,7 +9187,7 @@ function buildPivotGrid(sourceRows, config2) {
|
|
|
9187
9187
|
}
|
|
9188
9188
|
|
|
9189
9189
|
// ../../components/DataGrid/DataGrid.module.css
|
|
9190
|
-
var DataGrid_default = {"
|
|
9190
|
+
var DataGrid_default = {"headerMenu":"opus_zN0bNb_headerMenu","headerLabel":"opus_zN0bNb_headerLabel","chevron":"opus_zN0bNb_chevron","menuSection":"opus_zN0bNb_menuSection","corner":"opus_zN0bNb_corner","sortIndicator":"opus_zN0bNb_sortIndicator","caption":"opus_zN0bNb_caption","menuAction":"opus_zN0bNb_menuAction","headerCell":"opus_zN0bNb_headerCell","expandButton":"opus_zN0bNb_expandButton","filterInput":"opus_zN0bNb_filterInput","detailCell":"opus_zN0bNb_detailCell","sortButtonLabel":"opus_zN0bNb_sortButtonLabel","groupCount":"opus_zN0bNb_groupCount","spacerRow":"opus_zN0bNb_spacerRow","rowHeaderLabel":"opus_zN0bNb_rowHeaderLabel","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","wrap":"opus_zN0bNb_wrap","groupCell":"opus_zN0bNb_groupCell","detailRow":"opus_zN0bNb_detailRow","rowHeaderInner":"opus_zN0bNb_rowHeaderInner","menuButton":"opus_zN0bNb_menuButton","rowHeader":"opus_zN0bNb_rowHeader","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","sortButton":"opus_zN0bNb_sortButton","menuChevron":"opus_zN0bNb_menuChevron","menuHost":"opus_zN0bNb_menuHost","grid":"opus_zN0bNb_grid","headerControls":"opus_zN0bNb_headerControls","gridBody":"opus_zN0bNb_gridBody","visuallyHidden":"opus_zN0bNb_visuallyHidden","menuFilterIcon":"opus_zN0bNb_menuFilterIcon","empty":"opus_zN0bNb_empty","expandSpacer":"opus_zN0bNb_expandSpacer","groupRow":"opus_zN0bNb_groupRow","groupButton":"opus_zN0bNb_groupButton","infiniteFooter":"opus_zN0bNb_infiniteFooter","frame":"opus_zN0bNb_frame","menuLabel":"opus_zN0bNb_menuLabel"};
|
|
9191
9191
|
|
|
9192
9192
|
// ../../components/DataGrid/DataGrid.tsx
|
|
9193
9193
|
import { jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
@@ -12753,7 +12753,7 @@ function SpecializedChart(props) {
|
|
|
12753
12753
|
}
|
|
12754
12754
|
|
|
12755
12755
|
// ../../components/Chart/Chart.module.css
|
|
12756
|
-
var Chart_default = {"
|
|
12756
|
+
var Chart_default = {"legendSwatch":"opus_L6guCK_legendSwatch","link":"opus_L6guCK_link","funnelText":"opus_L6guCK_funnelText","wick":"opus_L6guCK_wick","seriesE":"opus_L6guCK_seriesE","graphLabel":"opus_L6guCK_graphLabel","slice":"opus_L6guCK_slice","chart":"opus_L6guCK_chart","land":"opus_L6guCK_land","valueLabel":"opus_L6guCK_valueLabel","axisTitle":"opus_L6guCK_axisTitle","meta":"opus_L6guCK_meta","radarGrid":"opus_L6guCK_radarGrid","axisGuide":"opus_L6guCK_axisGuide","seriesA":"opus_L6guCK_seriesA","ridge":"opus_L6guCK_ridge","graphLink":"opus_L6guCK_graphLink","axisTick":"opus_L6guCK_axisTick","svg":"opus_L6guCK_svg","funnel":"opus_L6guCK_funnel","legend":"opus_L6guCK_legend","packLabel":"opus_L6guCK_packLabel","graphLinkColored":"opus_L6guCK_graphLinkColored","sankeySideLabel":"opus_L6guCK_sankeySideLabel","funnelGuide":"opus_L6guCK_funnelGuide","line":"opus_L6guCK_line","sankeyNode":"opus_L6guCK_sankeyNode","area":"opus_L6guCK_area","legendItem":"opus_L6guCK_legendItem","bar":"opus_L6guCK_bar","sankeySideName":"opus_L6guCK_sankeySideName","packParent":"opus_L6guCK_packParent","mapLand":"opus_L6guCK_mapLand","point":"opus_L6guCK_point","mapValue":"opus_L6guCK_mapValue","seriesF":"opus_L6guCK_seriesF","violin":"opus_L6guCK_violin","treemapLabel":"opus_L6guCK_treemapLabel","mapLabel":"opus_L6guCK_mapLabel","seriesB":"opus_L6guCK_seriesB","axes":"opus_L6guCK_axes","mapRegion":"opus_L6guCK_mapRegion","seriesD":"opus_L6guCK_seriesD","graphNode":"opus_L6guCK_graphNode","grid":"opus_L6guCK_grid","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","sankeyLink":"opus_L6guCK_sankeyLink","header":"opus_L6guCK_header","radarArea":"opus_L6guCK_radarArea","sankeySideValue":"opus_L6guCK_sankeySideValue","graphNodeRing":"opus_L6guCK_graphNodeRing","seriesC":"opus_L6guCK_seriesC","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","ring":"opus_L6guCK_ring","axisLine":"opus_L6guCK_axisLine","axisLabels":"opus_L6guCK_axisLabels","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","title":"opus_L6guCK_title"};
|
|
12757
12757
|
|
|
12758
12758
|
// ../../components/Chart/Chart.tsx
|
|
12759
12759
|
import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
@@ -13892,7 +13892,7 @@ function Chart({
|
|
|
13892
13892
|
}
|
|
13893
13893
|
|
|
13894
13894
|
// ../../components/Skeleton/Skeleton.module.css
|
|
13895
|
-
var Skeleton_default = {"
|
|
13895
|
+
var Skeleton_default = {"skeletonShimmer":"opus_27r9Md_skeletonShimmer","line":"opus_27r9Md_line","skeletonPulse":"opus_27r9Md_skeletonPulse","tableCell":"opus_27r9Md_tableCell","tableRow":"opus_27r9Md_tableRow","stack":"opus_27r9Md_stack","avatarContent":"opus_27r9Md_avatarContent","avatar":"opus_27r9Md_avatar","skeleton":"opus_27r9Md_skeleton","media":"opus_27r9Md_media"};
|
|
13896
13896
|
|
|
13897
13897
|
// ../../components/Skeleton/Skeleton.tsx
|
|
13898
13898
|
import { jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
@@ -13943,7 +13943,7 @@ import { faXmark as faXmark2 } from "@fortawesome/free-solid-svg-icons";
|
|
|
13943
13943
|
import { FontAwesomeIcon as FontAwesomeIcon9 } from "@fortawesome/react-fontawesome";
|
|
13944
13944
|
|
|
13945
13945
|
// ../../components/Lightbox/Lightbox.module.css
|
|
13946
|
-
var Lightbox_default = {"
|
|
13946
|
+
var Lightbox_default = {"trigger":"opus_s7Rpyv_trigger","image":"opus_s7Rpyv_image","close":"opus_s7Rpyv_close","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut","caption":"opus_s7Rpyv_caption","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn","frame":"opus_s7Rpyv_frame","lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","overlay":"opus_s7Rpyv_overlay","lightbox":"opus_s7Rpyv_lightbox","panel":"opus_s7Rpyv_panel","lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","closeIcon":"opus_s7Rpyv_closeIcon"};
|
|
13947
13947
|
|
|
13948
13948
|
// ../../components/Lightbox/Lightbox.tsx
|
|
13949
13949
|
import { jsx as jsx69, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
@@ -14058,7 +14058,7 @@ function Lightbox({
|
|
|
14058
14058
|
}
|
|
14059
14059
|
|
|
14060
14060
|
// ../../components/Carousel/Carousel.module.css
|
|
14061
|
-
var Carousel_default = {"
|
|
14061
|
+
var Carousel_default = {"footer":"opus_N4occJ_footer","visuallyHidden":"opus_N4occJ_visuallyHidden","nav":"opus_N4occJ_nav","stage":"opus_N4occJ_stage","caption":"opus_N4occJ_caption","empty":"opus_N4occJ_empty","pips":"opus_N4occJ_pips","pip":"opus_N4occJ_pip","slide":"opus_N4occJ_slide","track":"opus_N4occJ_track","navIcon":"opus_N4occJ_navIcon","carousel":"opus_N4occJ_carousel","image":"opus_N4occJ_image"};
|
|
14062
14062
|
|
|
14063
14063
|
// ../../components/Carousel/Carousel.tsx
|
|
14064
14064
|
import { Fragment as Fragment11, jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
@@ -14310,7 +14310,7 @@ function Carousel({
|
|
|
14310
14310
|
}
|
|
14311
14311
|
|
|
14312
14312
|
// ../../components/ImageThumbnail/ImageThumbnail.module.css
|
|
14313
|
-
var ImageThumbnail_default = {"figure":"opus_Gp1o-9_figure","
|
|
14313
|
+
var ImageThumbnail_default = {"figure":"opus_Gp1o-9_figure","image":"opus_Gp1o-9_image","caption":"opus_Gp1o-9_caption","thumbnail":"opus_Gp1o-9_thumbnail"};
|
|
14314
14314
|
|
|
14315
14315
|
// ../../components/ImageThumbnail/ImageThumbnail.tsx
|
|
14316
14316
|
import { jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
@@ -14349,7 +14349,7 @@ function ImageThumbnail({
|
|
|
14349
14349
|
}
|
|
14350
14350
|
|
|
14351
14351
|
// ../../components/ImageGallery/ImageGallery.module.css
|
|
14352
|
-
var ImageGallery_default = {"
|
|
14352
|
+
var ImageGallery_default = {"empty":"opus_bezg4E_empty","gallery":"opus_bezg4E_gallery"};
|
|
14353
14353
|
|
|
14354
14354
|
// ../../components/ImageGallery/ImageGallery.tsx
|
|
14355
14355
|
import { jsx as jsx72 } from "react/jsx-runtime";
|
|
@@ -14385,7 +14385,7 @@ import { createElement, useCallback as useCallback16, useEffect as useEffect29,
|
|
|
14385
14385
|
import { useEffect as useEffect28, useRef as useRef28, useState as useState35 } from "react";
|
|
14386
14386
|
|
|
14387
14387
|
// ../../components/ModelViewer/ModelViewer.module.css
|
|
14388
|
-
var ModelViewer_default = {"
|
|
14388
|
+
var ModelViewer_default = {"stage":"opus_f7gfHI_stage","loading":"opus_f7gfHI_loading","canvasHost":"opus_f7gfHI_canvasHost","viewer":"opus_f7gfHI_viewer","model":"opus_f7gfHI_model","caption":"opus_f7gfHI_caption"};
|
|
14389
14389
|
|
|
14390
14390
|
// ../../components/ModelViewer/FireBarrelModelViewer.tsx
|
|
14391
14391
|
import { jsx as jsx73, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
@@ -14603,7 +14603,7 @@ import { faXmark as faXmark3 } from "@fortawesome/free-solid-svg-icons";
|
|
|
14603
14603
|
import { FontAwesomeIcon as FontAwesomeIcon11 } from "@fortawesome/react-fontawesome";
|
|
14604
14604
|
|
|
14605
14605
|
// ../../components/ModelLightbox/ModelLightbox.module.css
|
|
14606
|
-
var ModelLightbox_default = {"modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","frame":"opus_YYKGIB_frame","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","
|
|
14606
|
+
var ModelLightbox_default = {"modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn","modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","frame":"opus_YYKGIB_frame","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","overlay":"opus_YYKGIB_overlay","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","close":"opus_YYKGIB_close","trigger":"opus_YYKGIB_trigger","lightbox":"opus_YYKGIB_lightbox","closeIcon":"opus_YYKGIB_closeIcon"};
|
|
14607
14607
|
|
|
14608
14608
|
// ../../components/ModelLightbox/ModelLightbox.tsx
|
|
14609
14609
|
import { jsx as jsx75, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
@@ -14708,7 +14708,7 @@ function ModelLightbox({
|
|
|
14708
14708
|
}
|
|
14709
14709
|
|
|
14710
14710
|
// ../../components/ModelThumbnail/ModelThumbnail.module.css
|
|
14711
|
-
var ModelThumbnail_default = {"
|
|
14711
|
+
var ModelThumbnail_default = {"content":"opus_NkO9Yb_content","caption":"opus_NkO9Yb_caption","staticThumbnail":"opus_NkO9Yb_staticThumbnail"};
|
|
14712
14712
|
|
|
14713
14713
|
// ../../components/ModelThumbnail/ModelThumbnail.tsx
|
|
14714
14714
|
import { jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
@@ -14745,7 +14745,7 @@ function ModelThumbnail({
|
|
|
14745
14745
|
}
|
|
14746
14746
|
|
|
14747
14747
|
// ../../components/ModelGallery/ModelGallery.module.css
|
|
14748
|
-
var ModelGallery_default = {"
|
|
14748
|
+
var ModelGallery_default = {"empty":"opus_8llAjm_empty","gallery":"opus_8llAjm_gallery"};
|
|
14749
14749
|
|
|
14750
14750
|
// ../../components/ModelGallery/ModelGallery.tsx
|
|
14751
14751
|
import { jsx as jsx77 } from "react/jsx-runtime";
|
|
@@ -14778,7 +14778,7 @@ function ModelGallery({
|
|
|
14778
14778
|
import { useId as useId19 } from "react";
|
|
14779
14779
|
|
|
14780
14780
|
// ../../components/EmptyState/EmptyState.module.css
|
|
14781
|
-
var EmptyState_default = {"
|
|
14781
|
+
var EmptyState_default = {"title":"opus_1KckGY_title","copy":"opus_1KckGY_copy","root":"opus_1KckGY_root","iconWrap":"opus_1KckGY_iconWrap","actions":"opus_1KckGY_actions","description":"opus_1KckGY_description"};
|
|
14782
14782
|
|
|
14783
14783
|
// ../../components/EmptyState/EmptyState.tsx
|
|
14784
14784
|
import { jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
@@ -14830,7 +14830,7 @@ function Badge({
|
|
|
14830
14830
|
}
|
|
14831
14831
|
|
|
14832
14832
|
// ../../components/Divider/Divider.module.css
|
|
14833
|
-
var Divider_default = {"
|
|
14833
|
+
var Divider_default = {"line":"opus_ux1i0D_line","divider":"opus_ux1i0D_divider","label":"opus_ux1i0D_label","labelled":"opus_ux1i0D_labelled"};
|
|
14834
14834
|
|
|
14835
14835
|
// ../../components/Divider/Divider.tsx
|
|
14836
14836
|
import { jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
@@ -14872,7 +14872,7 @@ function Divider({
|
|
|
14872
14872
|
import { useMemo as useMemo17, useState as useState38 } from "react";
|
|
14873
14873
|
|
|
14874
14874
|
// ../../components/Avatar/Avatar.module.css
|
|
14875
|
-
var Avatar_default = {"
|
|
14875
|
+
var Avatar_default = {"initials":"opus_jsRWxO_initials","image":"opus_jsRWxO_image","avatar":"opus_jsRWxO_avatar"};
|
|
14876
14876
|
|
|
14877
14877
|
// ../../components/Avatar/Avatar.tsx
|
|
14878
14878
|
import { jsx as jsx81 } from "react/jsx-runtime";
|
|
@@ -14922,7 +14922,7 @@ function Avatar({
|
|
|
14922
14922
|
}
|
|
14923
14923
|
|
|
14924
14924
|
// ../../components/AvatarGroup/AvatarGroup.module.css
|
|
14925
|
-
var AvatarGroup_default = {"
|
|
14925
|
+
var AvatarGroup_default = {"overflow":"opus_Vv36ne_overflow","group":"opus_Vv36ne_group","item":"opus_Vv36ne_item"};
|
|
14926
14926
|
|
|
14927
14927
|
// ../../components/AvatarGroup/AvatarGroup.tsx
|
|
14928
14928
|
import { jsx as jsx82, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
@@ -14948,7 +14948,7 @@ function AvatarGroup({ items, max = 4, size = "md" }) {
|
|
|
14948
14948
|
}
|
|
14949
14949
|
|
|
14950
14950
|
// ../../components/Statistic/Statistic.module.css
|
|
14951
|
-
var Statistic_default = {"
|
|
14951
|
+
var Statistic_default = {"value":"opus_vCN1bv_value","trend":"opus_vCN1bv_trend","root":"opus_vCN1bv_root","affix":"opus_vCN1bv_affix","label":"opus_vCN1bv_label"};
|
|
14952
14952
|
|
|
14953
14953
|
// ../../components/Statistic/Statistic.tsx
|
|
14954
14954
|
import { jsx as jsx83, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
@@ -14975,7 +14975,7 @@ function Statistic({
|
|
|
14975
14975
|
}
|
|
14976
14976
|
|
|
14977
14977
|
// ../../components/List/List.module.css
|
|
14978
|
-
var List_default = {"
|
|
14978
|
+
var List_default = {"icon":"opus_ys3xlo_icon","meta":"opus_ys3xlo_meta","description":"opus_ys3xlo_description","list":"opus_ys3xlo_list","head":"opus_ys3xlo_head","title":"opus_ys3xlo_title","item":"opus_ys3xlo_item","body":"opus_ys3xlo_body"};
|
|
14979
14979
|
|
|
14980
14980
|
// ../../components/List/List.tsx
|
|
14981
14981
|
import { jsx as jsx84, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
@@ -14994,7 +14994,7 @@ function List({ density = "comfortable", items, ordered = false }) {
|
|
|
14994
14994
|
}
|
|
14995
14995
|
|
|
14996
14996
|
// ../../components/DescriptionList/DescriptionList.module.css
|
|
14997
|
-
var DescriptionList_default = {"
|
|
14997
|
+
var DescriptionList_default = {"list":"opus_FY8OsC_list","row":"opus_FY8OsC_row","term":"opus_FY8OsC_term","details":"opus_FY8OsC_details"};
|
|
14998
14998
|
|
|
14999
14999
|
// ../../components/DescriptionList/DescriptionList.tsx
|
|
15000
15000
|
import { jsx as jsx85, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
@@ -15012,7 +15012,7 @@ function DescriptionList({
|
|
|
15012
15012
|
import { useState as useState39 } from "react";
|
|
15013
15013
|
|
|
15014
15014
|
// ../../components/PropertyGrid/PropertyGrid.module.css
|
|
15015
|
-
var PropertyGrid_default = {"
|
|
15015
|
+
var PropertyGrid_default = {"row":"opus_Bnfsue_row","value":"opus_Bnfsue_value","label":"opus_Bnfsue_label","valueCell":"opus_Bnfsue_valueCell","copy":"opus_Bnfsue_copy","grid":"opus_Bnfsue_grid"};
|
|
15016
15016
|
|
|
15017
15017
|
// ../../components/PropertyGrid/PropertyGrid.tsx
|
|
15018
15018
|
import { jsx as jsx86, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
@@ -15136,7 +15136,7 @@ function Grid2({
|
|
|
15136
15136
|
import { useCallback as useCallback18, useEffect as useEffect31, useId as useId20, useRef as useRef31, useState as useState40 } from "react";
|
|
15137
15137
|
|
|
15138
15138
|
// ../../components/ResizeHandle/ResizeHandle.module.css
|
|
15139
|
-
var ResizeHandle_default = {"dot":"opus_PaKREB_dot","
|
|
15139
|
+
var ResizeHandle_default = {"dot":"opus_PaKREB_dot","handle":"opus_PaKREB_handle","grip":"opus_PaKREB_grip"};
|
|
15140
15140
|
|
|
15141
15141
|
// ../../components/ResizeHandle/ResizeHandle.tsx
|
|
15142
15142
|
import { jsx as jsx90, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
@@ -15366,7 +15366,7 @@ function ResizablePanel({
|
|
|
15366
15366
|
}
|
|
15367
15367
|
|
|
15368
15368
|
// ../../components/DockLayout/DockLayout.module.css
|
|
15369
|
-
var DockLayout_default = {"
|
|
15369
|
+
var DockLayout_default = {"center":"opus_3zzL8C_center","middle":"opus_3zzL8C_middle","left":"opus_3zzL8C_left","root":"opus_3zzL8C_root","top":"opus_3zzL8C_top","bottom":"opus_3zzL8C_bottom","right":"opus_3zzL8C_right"};
|
|
15370
15370
|
|
|
15371
15371
|
// ../../components/DockLayout/DockLayout.tsx
|
|
15372
15372
|
import { jsx as jsx93, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
@@ -15411,7 +15411,7 @@ import {
|
|
|
15411
15411
|
} from "react";
|
|
15412
15412
|
|
|
15413
15413
|
// ../../components/CustomScrollbar/CustomScrollbar.module.css
|
|
15414
|
-
var CustomScrollbar_default = {"
|
|
15414
|
+
var CustomScrollbar_default = {"cornerDot":"opus_I9wQcM_cornerDot","root":"opus_I9wQcM_root","thumb":"opus_I9wQcM_thumb","viewport":"opus_I9wQcM_viewport","content":"opus_I9wQcM_content","track":"opus_I9wQcM_track"};
|
|
15415
15415
|
|
|
15416
15416
|
// ../../components/CustomScrollbar/CustomScrollbar.tsx
|
|
15417
15417
|
import { jsx as jsx94, jsxs as jsxs76 } from "react/jsx-runtime";
|
|
@@ -15703,7 +15703,7 @@ function CustomScrollbar({
|
|
|
15703
15703
|
}
|
|
15704
15704
|
|
|
15705
15705
|
// ../../components/ThreePaneLayout/ThreePaneLayout.module.css
|
|
15706
|
-
var ThreePaneLayout_default = {"
|
|
15706
|
+
var ThreePaneLayout_default = {"root":"opus_DtnFdK_root","handle":"opus_DtnFdK_handle","content":"opus_DtnFdK_content","sidebar":"opus_DtnFdK_sidebar"};
|
|
15707
15707
|
|
|
15708
15708
|
// ../../components/ThreePaneLayout/ThreePaneLayout.tsx
|
|
15709
15709
|
import { Fragment as Fragment12, jsx as jsx95, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
@@ -16149,7 +16149,7 @@ function Spacer({ axis = "y", className, flex = false, size = 16, style }) {
|
|
|
16149
16149
|
}
|
|
16150
16150
|
|
|
16151
16151
|
// ../../components/Breadcrumb/Breadcrumb.module.css
|
|
16152
|
-
var Breadcrumb_default = {"
|
|
16152
|
+
var Breadcrumb_default = {"link":"opus_FwZfXe_link","list":"opus_FwZfXe_list","root":"opus_FwZfXe_root","item":"opus_FwZfXe_item","current":"opus_FwZfXe_current","separator":"opus_FwZfXe_separator"};
|
|
16153
16153
|
|
|
16154
16154
|
// ../../components/Breadcrumb/Breadcrumb.tsx
|
|
16155
16155
|
import { jsx as jsx100, jsxs as jsxs78 } from "react/jsx-runtime";
|
|
@@ -16242,7 +16242,7 @@ function Pagination({ page, pageCount, onPageChange, siblingCount = 1 }) {
|
|
|
16242
16242
|
}
|
|
16243
16243
|
|
|
16244
16244
|
// ../../components/PageHeader/PageHeader.module.css
|
|
16245
|
-
var PageHeader_default = {"
|
|
16245
|
+
var PageHeader_default = {"root":"opus_1pSVfU_root","row":"opus_1pSVfU_row","breadcrumbs":"opus_1pSVfU_breadcrumbs","description":"opus_1pSVfU_description","copy":"opus_1pSVfU_copy","title":"opus_1pSVfU_title","eyebrow":"opus_1pSVfU_eyebrow","actions":"opus_1pSVfU_actions"};
|
|
16246
16246
|
|
|
16247
16247
|
// ../../components/PageHeader/PageHeader.tsx
|
|
16248
16248
|
import { jsx as jsx102, jsxs as jsxs80 } from "react/jsx-runtime";
|
|
@@ -16283,7 +16283,7 @@ function Toolbar({ children, className, dense = false, end, label, start }) {
|
|
|
16283
16283
|
}
|
|
16284
16284
|
|
|
16285
16285
|
// ../../components/BottomNavigation/BottomNavigation.module.css
|
|
16286
|
-
var BottomNavigation_default = {"item":"opus_Yqcmor_item","active":"opus_Yqcmor_active","
|
|
16286
|
+
var BottomNavigation_default = {"item":"opus_Yqcmor_item","active":"opus_Yqcmor_active","root":"opus_Yqcmor_root","icon":"opus_Yqcmor_icon","label":"opus_Yqcmor_label"};
|
|
16287
16287
|
|
|
16288
16288
|
// ../../components/BottomNavigation/BottomNavigation.tsx
|
|
16289
16289
|
import { jsx as jsx104, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
@@ -16313,7 +16313,7 @@ function BottomNavigation({ items, onChange, value }) {
|
|
|
16313
16313
|
}
|
|
16314
16314
|
|
|
16315
16315
|
// ../../components/NavigationRail/NavigationRail.module.css
|
|
16316
|
-
var NavigationRail_default = {"
|
|
16316
|
+
var NavigationRail_default = {"active":"opus_E7mR15_active","label":"opus_E7mR15_label","srOnly":"opus_E7mR15_srOnly","root":"opus_E7mR15_root","icon":"opus_E7mR15_icon","item":"opus_E7mR15_item"};
|
|
16317
16317
|
|
|
16318
16318
|
// ../../components/NavigationRail/NavigationRail.tsx
|
|
16319
16319
|
import { jsx as jsx105, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
@@ -16356,7 +16356,7 @@ function NavigationRail({ collapsed = false, items, onChange, value }) {
|
|
|
16356
16356
|
import { useEffect as useEffect35, useId as useId23, useRef as useRef35, useState as useState44 } from "react";
|
|
16357
16357
|
|
|
16358
16358
|
// ../../components/SplitButton/SplitButton.module.css
|
|
16359
|
-
var SplitButton_default = {"menuItem":"opus_TVuiQN_menuItem","
|
|
16359
|
+
var SplitButton_default = {"menuItem":"opus_TVuiQN_menuItem","menu":"opus_TVuiQN_menu","root":"opus_TVuiQN_root","main":"opus_TVuiQN_main","caret":"opus_TVuiQN_caret"};
|
|
16360
16360
|
|
|
16361
16361
|
// ../../components/SplitButton/SplitButton.tsx
|
|
16362
16362
|
import { jsx as jsx106, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
@@ -16421,7 +16421,7 @@ function SplitButton({
|
|
|
16421
16421
|
}
|
|
16422
16422
|
|
|
16423
16423
|
// ../../components/FloatingActionButton/FloatingActionButton.module.css
|
|
16424
|
-
var FloatingActionButton_default = {"
|
|
16424
|
+
var FloatingActionButton_default = {"label":"opus_UXPLpX_label","srOnly":"opus_UXPLpX_srOnly","root":"opus_UXPLpX_root","icon":"opus_UXPLpX_icon"};
|
|
16425
16425
|
|
|
16426
16426
|
// ../../components/FloatingActionButton/FloatingActionButton.tsx
|
|
16427
16427
|
import { jsx as jsx107, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
@@ -16462,6 +16462,9 @@ function FloatingActionButton(_a2) {
|
|
|
16462
16462
|
);
|
|
16463
16463
|
}
|
|
16464
16464
|
|
|
16465
|
+
// ../../components/Tiles/Tiles.tsx
|
|
16466
|
+
import { useCallback as useCallback22, useEffect as useEffect36, useRef as useRef36, useState as useState45 } from "react";
|
|
16467
|
+
|
|
16465
16468
|
// ../../components/Tile/TileGradientDefs.module.css
|
|
16466
16469
|
var TileGradientDefs_default = {"defs":"opus_mMiLIb_defs"};
|
|
16467
16470
|
|
|
@@ -16493,7 +16496,7 @@ function TileGradientDefs() {
|
|
|
16493
16496
|
}
|
|
16494
16497
|
|
|
16495
16498
|
// ../../components/Tile/Tile.module.css
|
|
16496
|
-
var Tile_default = {"
|
|
16499
|
+
var Tile_default = {"tile":"opus_wypm8k_tile","icon":"opus_wypm8k_icon","label":"opus_wypm8k_label"};
|
|
16497
16500
|
|
|
16498
16501
|
// ../../components/Tile/Tile.tsx
|
|
16499
16502
|
import { Fragment as Fragment13, jsx as jsx109, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
@@ -16526,45 +16529,85 @@ function Tile({
|
|
|
16526
16529
|
}
|
|
16527
16530
|
|
|
16528
16531
|
// ../../components/Tiles/Tiles.module.css
|
|
16529
|
-
var Tiles_default = {"
|
|
16532
|
+
var Tiles_default = {"nextButton":"opus_zD82gC_nextButton","tile":"opus_zD82gC_tile","tileItem":"opus_zD82gC_tileItem","row":"opus_zD82gC_row","moreButton":"opus_zD82gC_moreButton","viewport":"opus_zD82gC_viewport","previousButton":"opus_zD82gC_previousButton"};
|
|
16530
16533
|
|
|
16531
16534
|
// ../../components/Tiles/Tiles.tsx
|
|
16532
16535
|
import { jsx as jsx110, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
16533
16536
|
var defaultToneForIndex = (index) => index % 2 === 0 ? "purple" : "blue";
|
|
16534
16537
|
function Tiles({ className, items, layout = "fill" }) {
|
|
16535
|
-
const
|
|
16536
|
-
|
|
16537
|
-
|
|
16538
|
-
|
|
16539
|
-
|
|
16540
|
-
|
|
16541
|
-
|
|
16542
|
-
|
|
16543
|
-
|
|
16544
|
-
|
|
16545
|
-
|
|
16546
|
-
|
|
16547
|
-
|
|
16548
|
-
|
|
16549
|
-
|
|
16550
|
-
|
|
16551
|
-
|
|
16552
|
-
|
|
16553
|
-
|
|
16554
|
-
|
|
16555
|
-
|
|
16556
|
-
|
|
16557
|
-
|
|
16558
|
-
|
|
16559
|
-
|
|
16560
|
-
|
|
16561
|
-
|
|
16562
|
-
|
|
16563
|
-
|
|
16538
|
+
const rowRef = useRef36(null);
|
|
16539
|
+
const [hasPrevious, setHasPrevious] = useState45(false);
|
|
16540
|
+
const [hasMore, setHasMore] = useState45(false);
|
|
16541
|
+
const rowStyle = layout === "fill" && items.length > 0 ? { gridTemplateColumns: `repeat(${items.length}, minmax(var(--tile-width), 1fr))` } : void 0;
|
|
16542
|
+
const updateOverflow = useCallback22(() => {
|
|
16543
|
+
const row = rowRef.current;
|
|
16544
|
+
if (!row) return;
|
|
16545
|
+
setHasPrevious(row.scrollLeft > 2);
|
|
16546
|
+
setHasMore(row.scrollWidth - row.scrollLeft - row.clientWidth > 2);
|
|
16547
|
+
}, []);
|
|
16548
|
+
useEffect36(() => {
|
|
16549
|
+
const row = rowRef.current;
|
|
16550
|
+
if (!row) return;
|
|
16551
|
+
updateOverflow();
|
|
16552
|
+
const observer = new ResizeObserver(updateOverflow);
|
|
16553
|
+
observer.observe(row);
|
|
16554
|
+
Array.from(row.children).forEach((child) => observer.observe(child));
|
|
16555
|
+
row.addEventListener("scroll", updateOverflow, { passive: true });
|
|
16556
|
+
return () => {
|
|
16557
|
+
observer.disconnect();
|
|
16558
|
+
row.removeEventListener("scroll", updateOverflow);
|
|
16559
|
+
};
|
|
16560
|
+
}, [items, layout, updateOverflow]);
|
|
16561
|
+
const scrollTiles = (direction) => {
|
|
16562
|
+
const row = rowRef.current;
|
|
16563
|
+
if (!row) return;
|
|
16564
|
+
row.scrollBy({ left: direction * Math.max(row.clientWidth * 0.75, 120), behavior: "smooth" });
|
|
16565
|
+
};
|
|
16566
|
+
return /* @__PURE__ */ jsxs88("div", { className: Tiles_default.viewport, children: [
|
|
16567
|
+
/* @__PURE__ */ jsxs88("div", { className: [Tiles_default.row, className].filter(Boolean).join(" "), "data-layout": layout, ref: rowRef, role: "list", style: rowStyle, children: [
|
|
16568
|
+
/* @__PURE__ */ jsx110(TileGradientDefs, {}),
|
|
16569
|
+
items.map((item, index) => {
|
|
16570
|
+
var _a2;
|
|
16571
|
+
const tone = (_a2 = item.tone) != null ? _a2 : defaultToneForIndex(index);
|
|
16572
|
+
return /* @__PURE__ */ jsx110("div", { className: Tiles_default.tileItem, role: "listitem", children: /* @__PURE__ */ jsx110(
|
|
16573
|
+
Tile,
|
|
16574
|
+
{
|
|
16575
|
+
className: Tiles_default.tile,
|
|
16576
|
+
href: item.href,
|
|
16577
|
+
icon: item.icon,
|
|
16578
|
+
label: item.label,
|
|
16579
|
+
onClick: item.onClick,
|
|
16580
|
+
tone,
|
|
16581
|
+
withGradients: false
|
|
16582
|
+
}
|
|
16583
|
+
) }, item.id);
|
|
16584
|
+
})
|
|
16585
|
+
] }),
|
|
16586
|
+
hasPrevious ? /* @__PURE__ */ jsx110(
|
|
16587
|
+
"button",
|
|
16588
|
+
{
|
|
16589
|
+
"aria-label": "Show previous tiles",
|
|
16590
|
+
className: [Tiles_default.moreButton, Tiles_default.previousButton].join(" "),
|
|
16591
|
+
onClick: () => scrollTiles(-1),
|
|
16592
|
+
type: "button",
|
|
16593
|
+
children: /* @__PURE__ */ jsx110(CatalogIcon, { iconName: "chevron-left" })
|
|
16594
|
+
}
|
|
16595
|
+
) : null,
|
|
16596
|
+
hasMore ? /* @__PURE__ */ jsx110(
|
|
16597
|
+
"button",
|
|
16598
|
+
{
|
|
16599
|
+
"aria-label": "Show more tiles",
|
|
16600
|
+
className: [Tiles_default.moreButton, Tiles_default.nextButton].join(" "),
|
|
16601
|
+
onClick: () => scrollTiles(1),
|
|
16602
|
+
type: "button",
|
|
16603
|
+
children: /* @__PURE__ */ jsx110(CatalogIcon, { iconName: "chevron-right" })
|
|
16604
|
+
}
|
|
16605
|
+
) : null
|
|
16606
|
+
] });
|
|
16564
16607
|
}
|
|
16565
16608
|
|
|
16566
16609
|
// ../../components/StatTile/StatTile.module.css
|
|
16567
|
-
var StatTile_default = {"
|
|
16610
|
+
var StatTile_default = {"label":"opus_8DpwUV_label","body":"opus_8DpwUV_body","meta":"opus_8DpwUV_meta","trend":"opus_8DpwUV_trend","icon":"opus_8DpwUV_icon","comparison":"opus_8DpwUV_comparison","statTile":"opus_8DpwUV_statTile","value":"opus_8DpwUV_value"};
|
|
16568
16611
|
|
|
16569
16612
|
// ../../components/StatTile/StatTile.tsx
|
|
16570
16613
|
import { Fragment as Fragment14, jsx as jsx111, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
@@ -16577,6 +16620,7 @@ function StatTile({
|
|
|
16577
16620
|
role,
|
|
16578
16621
|
tone = "blue",
|
|
16579
16622
|
trend,
|
|
16623
|
+
trendTone,
|
|
16580
16624
|
trendValue,
|
|
16581
16625
|
value
|
|
16582
16626
|
}) {
|
|
@@ -16588,7 +16632,7 @@ function StatTile({
|
|
|
16588
16632
|
/* @__PURE__ */ jsx111("p", { className: StatTile_default.label, children: label }),
|
|
16589
16633
|
/* @__PURE__ */ jsx111("p", { className: StatTile_default.value, children: value }),
|
|
16590
16634
|
showTrend || comparison ? /* @__PURE__ */ jsxs89("div", { className: StatTile_default.meta, children: [
|
|
16591
|
-
showTrend ? /* @__PURE__ */ jsxs89("span", { className: StatTile_default.trend, "data-trend": trend, children: [
|
|
16635
|
+
showTrend ? /* @__PURE__ */ jsxs89("span", { className: StatTile_default.trend, "data-trend": trend, "data-trend-tone": trendTone, children: [
|
|
16592
16636
|
/* @__PURE__ */ jsx111("span", { "aria-hidden": "true", children: trend === "up" ? "\u2191" : "\u2193" }),
|
|
16593
16637
|
/* @__PURE__ */ jsx111("span", { children: trendValue })
|
|
16594
16638
|
] }) : null,
|
|
@@ -16614,39 +16658,83 @@ function StatTile({
|
|
|
16614
16658
|
return /* @__PURE__ */ jsx111("article", { className: classNames, "data-tone": tone, role, children: content });
|
|
16615
16659
|
}
|
|
16616
16660
|
|
|
16661
|
+
// ../../components/StatTiles/StatTiles.tsx
|
|
16662
|
+
import { useCallback as useCallback23, useEffect as useEffect37, useRef as useRef37, useState as useState46 } from "react";
|
|
16663
|
+
|
|
16617
16664
|
// ../../components/StatTiles/StatTiles.module.css
|
|
16618
|
-
var StatTiles_default = {"row":"opus_uhJd8v_row","statTile":"opus_uhJd8v_statTile","statTileItem":"opus_uhJd8v_statTileItem"};
|
|
16665
|
+
var StatTiles_default = {"moreButton":"opus_uhJd8v_moreButton","previousButton":"opus_uhJd8v_previousButton","viewport":"opus_uhJd8v_viewport","row":"opus_uhJd8v_row","nextButton":"opus_uhJd8v_nextButton","statTile":"opus_uhJd8v_statTile","statTileItem":"opus_uhJd8v_statTileItem"};
|
|
16619
16666
|
|
|
16620
16667
|
// ../../components/StatTiles/StatTiles.tsx
|
|
16621
|
-
import { jsx as jsx112 } from "react/jsx-runtime";
|
|
16668
|
+
import { jsx as jsx112, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
16622
16669
|
var defaultToneForIndex2 = (index) => index % 2 === 0 ? "purple" : "blue";
|
|
16623
16670
|
function StatTiles({ className, items, layout = "fill" }) {
|
|
16624
|
-
const
|
|
16625
|
-
|
|
16671
|
+
const rowRef = useRef37(null);
|
|
16672
|
+
const [hasPrevious, setHasPrevious] = useState46(false);
|
|
16673
|
+
const [hasMore, setHasMore] = useState46(false);
|
|
16674
|
+
const rowStyle = layout === "fill" && items.length > 0 ? { gridTemplateColumns: `repeat(${items.length}, minmax(var(--stat-tile-min), 1fr))` } : void 0;
|
|
16675
|
+
const updateOverflow = useCallback23(() => {
|
|
16676
|
+
const row = rowRef.current;
|
|
16677
|
+
if (!row) return;
|
|
16678
|
+
setHasPrevious(row.scrollLeft > 2);
|
|
16679
|
+
setHasMore(row.scrollWidth - row.scrollLeft - row.clientWidth > 2);
|
|
16680
|
+
}, []);
|
|
16681
|
+
useEffect37(() => {
|
|
16682
|
+
const row = rowRef.current;
|
|
16683
|
+
if (!row) return;
|
|
16684
|
+
updateOverflow();
|
|
16685
|
+
const observer = new ResizeObserver(updateOverflow);
|
|
16686
|
+
observer.observe(row);
|
|
16687
|
+
Array.from(row.children).forEach((child) => observer.observe(child));
|
|
16688
|
+
row.addEventListener("scroll", updateOverflow, { passive: true });
|
|
16689
|
+
return () => {
|
|
16690
|
+
observer.disconnect();
|
|
16691
|
+
row.removeEventListener("scroll", updateOverflow);
|
|
16692
|
+
};
|
|
16693
|
+
}, [items, layout, updateOverflow]);
|
|
16694
|
+
const scrollTiles = (direction) => {
|
|
16695
|
+
const row = rowRef.current;
|
|
16696
|
+
if (!row) return;
|
|
16697
|
+
row.scrollBy({ left: direction * Math.max(row.clientWidth * 0.75, 120), behavior: "smooth" });
|
|
16698
|
+
};
|
|
16699
|
+
return /* @__PURE__ */ jsxs90(
|
|
16626
16700
|
"div",
|
|
16627
16701
|
{
|
|
16628
|
-
className:
|
|
16629
|
-
"data-
|
|
16630
|
-
|
|
16631
|
-
|
|
16632
|
-
|
|
16633
|
-
|
|
16634
|
-
const tone = (_a2 = item.tone) != null ? _a2 : defaultToneForIndex2(index);
|
|
16635
|
-
return /* @__PURE__ */ jsx112("div", { className: StatTiles_default.statTileItem, role: "listitem", children: /* @__PURE__ */ jsx112(
|
|
16636
|
-
StatTile,
|
|
16702
|
+
className: StatTiles_default.viewport,
|
|
16703
|
+
"data-has-more": hasMore ? "true" : "false",
|
|
16704
|
+
"data-has-previous": hasPrevious ? "true" : "false",
|
|
16705
|
+
children: [
|
|
16706
|
+
/* @__PURE__ */ jsx112(
|
|
16707
|
+
"div",
|
|
16637
16708
|
{
|
|
16638
|
-
className: StatTiles_default.
|
|
16639
|
-
|
|
16640
|
-
|
|
16641
|
-
|
|
16642
|
-
|
|
16643
|
-
|
|
16644
|
-
|
|
16645
|
-
|
|
16646
|
-
|
|
16709
|
+
className: [StatTiles_default.row, className].filter(Boolean).join(" "),
|
|
16710
|
+
"data-layout": layout,
|
|
16711
|
+
ref: rowRef,
|
|
16712
|
+
role: "list",
|
|
16713
|
+
style: rowStyle,
|
|
16714
|
+
children: items.map((item, index) => {
|
|
16715
|
+
var _a2;
|
|
16716
|
+
const tone = (_a2 = item.tone) != null ? _a2 : defaultToneForIndex2(index);
|
|
16717
|
+
return /* @__PURE__ */ jsx112("div", { className: StatTiles_default.statTileItem, role: "listitem", children: /* @__PURE__ */ jsx112(
|
|
16718
|
+
StatTile,
|
|
16719
|
+
{
|
|
16720
|
+
className: StatTiles_default.statTile,
|
|
16721
|
+
comparison: item.comparison,
|
|
16722
|
+
icon: item.icon,
|
|
16723
|
+
label: item.label,
|
|
16724
|
+
onClick: item.onClick,
|
|
16725
|
+
tone,
|
|
16726
|
+
trend: item.trend,
|
|
16727
|
+
trendTone: item.trendTone,
|
|
16728
|
+
trendValue: item.trendValue,
|
|
16729
|
+
value: item.value
|
|
16730
|
+
}
|
|
16731
|
+
) }, item.id);
|
|
16732
|
+
})
|
|
16647
16733
|
}
|
|
16648
|
-
)
|
|
16649
|
-
|
|
16734
|
+
),
|
|
16735
|
+
hasPrevious ? /* @__PURE__ */ jsx112("button", { "aria-label": "Show previous metrics", className: [StatTiles_default.moreButton, StatTiles_default.previousButton].join(" "), onClick: () => scrollTiles(-1), type: "button", children: /* @__PURE__ */ jsx112(CatalogIcon, { iconName: "chevron-left" }) }) : null,
|
|
16736
|
+
hasMore ? /* @__PURE__ */ jsx112("button", { "aria-label": "Show more metrics", className: [StatTiles_default.moreButton, StatTiles_default.nextButton].join(" "), onClick: () => scrollTiles(1), type: "button", children: /* @__PURE__ */ jsx112(CatalogIcon, { iconName: "chevron-right" }) }) : null
|
|
16737
|
+
]
|
|
16650
16738
|
}
|
|
16651
16739
|
);
|
|
16652
16740
|
}
|
|
@@ -16655,10 +16743,10 @@ function StatTiles({ className, items, layout = "fill" }) {
|
|
|
16655
16743
|
import { useId as useId24, useMemo as useMemo19 } from "react";
|
|
16656
16744
|
|
|
16657
16745
|
// ../../components/PipelineOverview/PipelineOverview.module.css
|
|
16658
|
-
var PipelineOverview_default = {"
|
|
16746
|
+
var PipelineOverview_default = {"body":"opus_1ScjMZ_body","periodSelect":"opus_1ScjMZ_periodSelect","footer":"opus_1ScjMZ_footer","periodChevron":"opus_1ScjMZ_periodChevron","totalLabel":"opus_1ScjMZ_totalLabel","legendDot":"opus_1ScjMZ_legendDot","root":"opus_1ScjMZ_root","funnelSvg":"opus_1ScjMZ_funnelSvg","legendLabel":"opus_1ScjMZ_legendLabel","totalValue":"opus_1ScjMZ_totalValue","legend":"opus_1ScjMZ_legend","legendCopy":"opus_1ScjMZ_legendCopy","period":"opus_1ScjMZ_period","funnel":"opus_1ScjMZ_funnel","periodLabel":"opus_1ScjMZ_periodLabel","total":"opus_1ScjMZ_total","legendValue":"opus_1ScjMZ_legendValue","legendItem":"opus_1ScjMZ_legendItem"};
|
|
16659
16747
|
|
|
16660
16748
|
// ../../components/PipelineOverview/PipelineOverview.tsx
|
|
16661
|
-
import { jsx as jsx113, jsxs as
|
|
16749
|
+
import { jsx as jsx113, jsxs as jsxs91 } from "react/jsx-runtime";
|
|
16662
16750
|
var STAGE_STYLES = [
|
|
16663
16751
|
{
|
|
16664
16752
|
border: "#9da8fb",
|
|
@@ -16832,7 +16920,7 @@ function FunnelChart({ stages }) {
|
|
|
16832
16920
|
};
|
|
16833
16921
|
});
|
|
16834
16922
|
}, [maxValue2, segmentHeight, stageCount, stages]);
|
|
16835
|
-
return /* @__PURE__ */
|
|
16923
|
+
return /* @__PURE__ */ jsxs91(
|
|
16836
16924
|
"svg",
|
|
16837
16925
|
{
|
|
16838
16926
|
"aria-hidden": "true",
|
|
@@ -16840,8 +16928,8 @@ function FunnelChart({ stages }) {
|
|
|
16840
16928
|
preserveAspectRatio: "xMidYMid meet",
|
|
16841
16929
|
viewBox: `0 0 ${FUNNEL_VIEW_WIDTH} ${FUNNEL_VIEW_HEIGHT}`,
|
|
16842
16930
|
children: [
|
|
16843
|
-
/* @__PURE__ */
|
|
16844
|
-
segments.map((segment) => /* @__PURE__ */
|
|
16931
|
+
/* @__PURE__ */ jsxs91("defs", { children: [
|
|
16932
|
+
segments.map((segment) => /* @__PURE__ */ jsxs91(
|
|
16845
16933
|
"linearGradient",
|
|
16846
16934
|
{
|
|
16847
16935
|
gradientUnits: "objectBoundingBox",
|
|
@@ -16857,7 +16945,7 @@ function FunnelChart({ stages }) {
|
|
|
16857
16945
|
},
|
|
16858
16946
|
segment.index
|
|
16859
16947
|
)),
|
|
16860
|
-
segments.map((segment) => /* @__PURE__ */
|
|
16948
|
+
segments.map((segment) => /* @__PURE__ */ jsxs91(
|
|
16861
16949
|
"filter",
|
|
16862
16950
|
{
|
|
16863
16951
|
height: "220%",
|
|
@@ -16900,8 +16988,8 @@ function PipelineOverview({
|
|
|
16900
16988
|
totalLabel = "Total Pipeline Value",
|
|
16901
16989
|
totalValue
|
|
16902
16990
|
}) {
|
|
16903
|
-
return /* @__PURE__ */
|
|
16904
|
-
/* @__PURE__ */
|
|
16991
|
+
return /* @__PURE__ */ jsxs91("div", { className: [PipelineOverview_default.root, className].filter(Boolean).join(" "), children: [
|
|
16992
|
+
/* @__PURE__ */ jsxs91("div", { className: PipelineOverview_default.body, style: { gridTemplateRows: `repeat(${stages.length}, minmax(0, 1fr))` }, children: [
|
|
16905
16993
|
/* @__PURE__ */ jsx113("div", { className: PipelineOverview_default.funnel, style: { gridRow: `1 / ${stages.length + 1}` }, children: /* @__PURE__ */ jsx113(FunnelChart, { stages }) }),
|
|
16906
16994
|
/* @__PURE__ */ jsx113("ol", { className: PipelineOverview_default.legend, children: stages.map((stage, index) => {
|
|
16907
16995
|
const tone = STAGE_STYLES[index % STAGE_STYLES.length];
|
|
@@ -16909,11 +16997,11 @@ function PipelineOverview({
|
|
|
16909
16997
|
"--stage-dot": tone.dot,
|
|
16910
16998
|
"--stage-glow": tone.glow
|
|
16911
16999
|
};
|
|
16912
|
-
return /* @__PURE__ */
|
|
17000
|
+
return /* @__PURE__ */ jsxs91("li", { className: PipelineOverview_default.legendItem, style: { gridRow: index + 1 }, children: [
|
|
16913
17001
|
/* @__PURE__ */ jsx113("span", { className: PipelineOverview_default.legendDot, style: dotStyle }),
|
|
16914
|
-
/* @__PURE__ */
|
|
17002
|
+
/* @__PURE__ */ jsxs91("div", { className: PipelineOverview_default.legendCopy, children: [
|
|
16915
17003
|
/* @__PURE__ */ jsx113("span", { className: PipelineOverview_default.legendLabel, children: stage.label }),
|
|
16916
|
-
/* @__PURE__ */
|
|
17004
|
+
/* @__PURE__ */ jsxs91("span", { className: PipelineOverview_default.legendValue, children: [
|
|
16917
17005
|
stage.displayValue,
|
|
16918
17006
|
" (",
|
|
16919
17007
|
stage.percentage,
|
|
@@ -16923,12 +17011,12 @@ function PipelineOverview({
|
|
|
16923
17011
|
] }, stage.id);
|
|
16924
17012
|
}) })
|
|
16925
17013
|
] }),
|
|
16926
|
-
/* @__PURE__ */
|
|
16927
|
-
/* @__PURE__ */
|
|
17014
|
+
/* @__PURE__ */ jsxs91("footer", { className: PipelineOverview_default.footer, children: [
|
|
17015
|
+
/* @__PURE__ */ jsxs91("div", { className: PipelineOverview_default.total, children: [
|
|
16928
17016
|
/* @__PURE__ */ jsx113("span", { className: PipelineOverview_default.totalLabel, children: totalLabel }),
|
|
16929
17017
|
/* @__PURE__ */ jsx113("strong", { className: PipelineOverview_default.totalValue, children: totalValue })
|
|
16930
17018
|
] }),
|
|
16931
|
-
/* @__PURE__ */
|
|
17019
|
+
/* @__PURE__ */ jsxs91("label", { className: PipelineOverview_default.period, children: [
|
|
16932
17020
|
/* @__PURE__ */ jsx113("span", { className: PipelineOverview_default.periodLabel, children: "Period" }),
|
|
16933
17021
|
/* @__PURE__ */ jsx113(
|
|
16934
17022
|
"select",
|
|
@@ -16946,7 +17034,7 @@ function PipelineOverview({
|
|
|
16946
17034
|
}
|
|
16947
17035
|
|
|
16948
17036
|
// ../../components/DealsOverTime/DealsOverTime.tsx
|
|
16949
|
-
import { useEffect as
|
|
17037
|
+
import { useEffect as useEffect38, useId as useId25, useMemo as useMemo20, useRef as useRef38, useState as useState47 } from "react";
|
|
16950
17038
|
|
|
16951
17039
|
// ../../lib/controls/dealsOverTimePalettes.ts
|
|
16952
17040
|
var dealsOverTimePalettes = {
|
|
@@ -16988,10 +17076,10 @@ function getDealsOverTimePalette(palette) {
|
|
|
16988
17076
|
}
|
|
16989
17077
|
|
|
16990
17078
|
// ../../components/DealsOverTime/DealsOverTime.module.css
|
|
16991
|
-
var DealsOverTime_default = {"
|
|
17079
|
+
var DealsOverTime_default = {"tooltipValue":"opus_Hn1LW1_tooltipValue","lineGlowMid":"opus_Hn1LW1_lineGlowMid","pointRing":"opus_Hn1LW1_pointRing","pointCore":"opus_Hn1LW1_pointCore","tooltipDate":"opus_Hn1LW1_tooltipDate","root":"opus_Hn1LW1_root","chartWrap":"opus_Hn1LW1_chartWrap","periodLabel":"opus_Hn1LW1_periodLabel","title":"opus_Hn1LW1_title","header":"opus_Hn1LW1_header","period":"opus_Hn1LW1_period","tooltip":"opus_Hn1LW1_tooltip","area":"opus_Hn1LW1_area","gridLine":"opus_Hn1LW1_gridLine","pointGlow":"opus_Hn1LW1_pointGlow","hitTarget":"opus_Hn1LW1_hitTarget","chart":"opus_Hn1LW1_chart","axisLabel":"opus_Hn1LW1_axisLabel","lineGlowSoft":"opus_Hn1LW1_lineGlowSoft","periodSelect":"opus_Hn1LW1_periodSelect","line":"opus_Hn1LW1_line","pointSolid":"opus_Hn1LW1_pointSolid"};
|
|
16992
17080
|
|
|
16993
17081
|
// ../../components/DealsOverTime/DealsOverTime.tsx
|
|
16994
|
-
import { Fragment as Fragment15, jsx as jsx114, jsxs as
|
|
17082
|
+
import { Fragment as Fragment15, jsx as jsx114, jsxs as jsxs92 } from "react/jsx-runtime";
|
|
16995
17083
|
var CHART_HEIGHT = 188;
|
|
16996
17084
|
var CHART_MIN_WIDTH = 280;
|
|
16997
17085
|
var CHART_DEFAULT_WIDTH = 480;
|
|
@@ -17038,9 +17126,9 @@ function plotX(index, count, plotLeft, plotRight) {
|
|
|
17038
17126
|
return start + index / (count - 1) * span;
|
|
17039
17127
|
}
|
|
17040
17128
|
function useChartWidth(minWidth = CHART_MIN_WIDTH, fallback = CHART_DEFAULT_WIDTH) {
|
|
17041
|
-
const wrapRef =
|
|
17042
|
-
const [chartWidth, setChartWidth] =
|
|
17043
|
-
|
|
17129
|
+
const wrapRef = useRef38(null);
|
|
17130
|
+
const [chartWidth, setChartWidth] = useState47(fallback);
|
|
17131
|
+
useEffect38(() => {
|
|
17044
17132
|
const node = wrapRef.current;
|
|
17045
17133
|
if (!node) {
|
|
17046
17134
|
return;
|
|
@@ -17070,7 +17158,7 @@ function DealsOverTimeChart({
|
|
|
17070
17158
|
const lineGlowSoftFilterId = useId25();
|
|
17071
17159
|
const lineGlowMidFilterId = useId25();
|
|
17072
17160
|
const pointGlowFilterId = useId25();
|
|
17073
|
-
const [activeIndex, setActiveIndex] =
|
|
17161
|
+
const [activeIndex, setActiveIndex] = useState47(null);
|
|
17074
17162
|
const { chartWidth, wrapRef } = useChartWidth();
|
|
17075
17163
|
const colors = getDealsOverTimePalette(palette);
|
|
17076
17164
|
const plotBottom = CHART_HEIGHT - PLOT_BOTTOM;
|
|
@@ -17115,8 +17203,8 @@ function DealsOverTimeChart({
|
|
|
17115
17203
|
const lineFadeStartX = PLOT_LEFT;
|
|
17116
17204
|
const lineFadeEndX = (_b2 = (_a2 = points[0]) == null ? void 0 : _a2.x) != null ? _b2 : PLOT_LEFT + DATA_INSET;
|
|
17117
17205
|
const activePoint = activeIndex === null ? null : points[activeIndex];
|
|
17118
|
-
return /* @__PURE__ */
|
|
17119
|
-
/* @__PURE__ */
|
|
17206
|
+
return /* @__PURE__ */ jsxs92("div", { className: DealsOverTime_default.chartWrap, "data-palette": palette, ref: wrapRef, children: [
|
|
17207
|
+
/* @__PURE__ */ jsxs92(
|
|
17120
17208
|
"svg",
|
|
17121
17209
|
{
|
|
17122
17210
|
"aria-label": "Deals over time chart",
|
|
@@ -17126,13 +17214,13 @@ function DealsOverTimeChart({
|
|
|
17126
17214
|
viewBox: `0 0 ${chartWidth} ${CHART_HEIGHT}`,
|
|
17127
17215
|
width: chartWidth,
|
|
17128
17216
|
children: [
|
|
17129
|
-
/* @__PURE__ */
|
|
17130
|
-
/* @__PURE__ */
|
|
17217
|
+
/* @__PURE__ */ jsxs92("defs", { children: [
|
|
17218
|
+
/* @__PURE__ */ jsxs92("linearGradient", { id: areaGradientId, x1: "0", x2: "0", y1: "0", y2: "1", children: [
|
|
17131
17219
|
/* @__PURE__ */ jsx114("stop", { offset: "0%", stopColor: colors.areaTop, stopOpacity: "0.42" }),
|
|
17132
17220
|
/* @__PURE__ */ jsx114("stop", { offset: "55%", stopColor: colors.areaMid, stopOpacity: "0.14" }),
|
|
17133
17221
|
/* @__PURE__ */ jsx114("stop", { offset: "100%", stopColor: colors.areaMid, stopOpacity: "0" })
|
|
17134
17222
|
] }),
|
|
17135
|
-
/* @__PURE__ */
|
|
17223
|
+
/* @__PURE__ */ jsxs92(
|
|
17136
17224
|
"linearGradient",
|
|
17137
17225
|
{
|
|
17138
17226
|
gradientUnits: "userSpaceOnUse",
|
|
@@ -17148,7 +17236,7 @@ function DealsOverTimeChart({
|
|
|
17148
17236
|
}
|
|
17149
17237
|
),
|
|
17150
17238
|
/* @__PURE__ */ jsx114("mask", { id: areaMaskId, children: /* @__PURE__ */ jsx114("rect", { fill: `url(#${areaMaskGradientId})`, height: CHART_HEIGHT, width: chartWidth, x: "0", y: "0" }) }),
|
|
17151
|
-
/* @__PURE__ */
|
|
17239
|
+
/* @__PURE__ */ jsxs92(
|
|
17152
17240
|
"linearGradient",
|
|
17153
17241
|
{
|
|
17154
17242
|
gradientUnits: "userSpaceOnUse",
|
|
@@ -17163,22 +17251,22 @@ function DealsOverTimeChart({
|
|
|
17163
17251
|
]
|
|
17164
17252
|
}
|
|
17165
17253
|
),
|
|
17166
|
-
/* @__PURE__ */
|
|
17254
|
+
/* @__PURE__ */ jsxs92("filter", { height: "400%", id: lineGlowSoftFilterId, width: "400%", x: "-150%", y: "-150%", children: [
|
|
17167
17255
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blurWide", stdDeviation: "13" }),
|
|
17168
17256
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blurTight", stdDeviation: "5" }),
|
|
17169
|
-
/* @__PURE__ */
|
|
17257
|
+
/* @__PURE__ */ jsxs92("feMerge", { children: [
|
|
17170
17258
|
/* @__PURE__ */ jsx114("feMergeNode", { in: "blurWide" }),
|
|
17171
17259
|
/* @__PURE__ */ jsx114("feMergeNode", { in: "blurTight" })
|
|
17172
17260
|
] })
|
|
17173
17261
|
] }),
|
|
17174
|
-
/* @__PURE__ */
|
|
17262
|
+
/* @__PURE__ */ jsxs92("filter", { height: "300%", id: lineGlowMidFilterId, width: "300%", x: "-100%", y: "-100%", children: [
|
|
17175
17263
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blur", stdDeviation: "4" }),
|
|
17176
17264
|
/* @__PURE__ */ jsx114("feComponentTransfer", { in: "blur", result: "boost", children: /* @__PURE__ */ jsx114("feFuncA", { intercept: "-0.05", slope: "1.6", type: "linear" }) })
|
|
17177
17265
|
] }),
|
|
17178
|
-
/* @__PURE__ */
|
|
17266
|
+
/* @__PURE__ */ jsxs92("filter", { height: "400%", id: pointGlowFilterId, width: "400%", x: "-150%", y: "-150%", children: [
|
|
17179
17267
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blurWide", stdDeviation: "10" }),
|
|
17180
17268
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blurTight", stdDeviation: "3.5" }),
|
|
17181
|
-
/* @__PURE__ */
|
|
17269
|
+
/* @__PURE__ */ jsxs92("feMerge", { children: [
|
|
17182
17270
|
/* @__PURE__ */ jsx114("feMergeNode", { in: "blurWide" }),
|
|
17183
17271
|
/* @__PURE__ */ jsx114("feMergeNode", { in: "blurTight" })
|
|
17184
17272
|
] })
|
|
@@ -17186,7 +17274,7 @@ function DealsOverTimeChart({
|
|
|
17186
17274
|
] }),
|
|
17187
17275
|
yTicks.map((tick) => {
|
|
17188
17276
|
const y = plotBottom - tick / maxValue2 * plotHeight;
|
|
17189
|
-
return /* @__PURE__ */
|
|
17277
|
+
return /* @__PURE__ */ jsxs92("g", { children: [
|
|
17190
17278
|
/* @__PURE__ */ jsx114("line", { className: DealsOverTime_default.gridLine, x1: PLOT_LEFT, x2: plotRight, y1: y, y2: y }),
|
|
17191
17279
|
/* @__PURE__ */ jsx114("text", { className: DealsOverTime_default.axisLabel, textAnchor: "end", x: PLOT_LEFT - 12, y: y + 3.5, children: tick })
|
|
17192
17280
|
] }, tick);
|
|
@@ -17232,7 +17320,7 @@ function DealsOverTimeChart({
|
|
|
17232
17320
|
points.map((point, index) => {
|
|
17233
17321
|
const isLast = index === points.length - 1;
|
|
17234
17322
|
const isActive = activeIndex === index;
|
|
17235
|
-
return /* @__PURE__ */
|
|
17323
|
+
return /* @__PURE__ */ jsxs92("g", { children: [
|
|
17236
17324
|
/* @__PURE__ */ jsx114(
|
|
17237
17325
|
"circle",
|
|
17238
17326
|
{
|
|
@@ -17269,7 +17357,7 @@ function DealsOverTimeChart({
|
|
|
17269
17357
|
fill: isActive ? colors.pointRingActive : colors.pointRing,
|
|
17270
17358
|
r: "4.5"
|
|
17271
17359
|
}
|
|
17272
|
-
) : /* @__PURE__ */
|
|
17360
|
+
) : /* @__PURE__ */ jsxs92(Fragment15, { children: [
|
|
17273
17361
|
/* @__PURE__ */ jsx114(
|
|
17274
17362
|
"circle",
|
|
17275
17363
|
{
|
|
@@ -17298,7 +17386,7 @@ function DealsOverTimeChart({
|
|
|
17298
17386
|
]
|
|
17299
17387
|
}
|
|
17300
17388
|
),
|
|
17301
|
-
activePoint ? /* @__PURE__ */
|
|
17389
|
+
activePoint ? /* @__PURE__ */ jsxs92(
|
|
17302
17390
|
"div",
|
|
17303
17391
|
{
|
|
17304
17392
|
className: DealsOverTime_default.tooltip,
|
|
@@ -17309,7 +17397,7 @@ function DealsOverTimeChart({
|
|
|
17309
17397
|
},
|
|
17310
17398
|
children: [
|
|
17311
17399
|
/* @__PURE__ */ jsx114("span", { className: DealsOverTime_default.tooltipDate, children: (_c2 = activePoint.datum.tooltipLabel) != null ? _c2 : activePoint.datum.label }),
|
|
17312
|
-
/* @__PURE__ */
|
|
17400
|
+
/* @__PURE__ */ jsxs92("strong", { className: DealsOverTime_default.tooltipValue, children: [
|
|
17313
17401
|
activePoint.datum.value,
|
|
17314
17402
|
" ",
|
|
17315
17403
|
valueLabel
|
|
@@ -17332,10 +17420,10 @@ function DealsOverTime({
|
|
|
17332
17420
|
}) {
|
|
17333
17421
|
const periodId = useId25();
|
|
17334
17422
|
const resolvedMax = Math.max(1, maxValue2);
|
|
17335
|
-
return /* @__PURE__ */
|
|
17336
|
-
/* @__PURE__ */
|
|
17423
|
+
return /* @__PURE__ */ jsxs92("div", { className: [DealsOverTime_default.root, className].filter(Boolean).join(" "), "data-palette": palette, children: [
|
|
17424
|
+
/* @__PURE__ */ jsxs92("header", { className: DealsOverTime_default.header, children: [
|
|
17337
17425
|
/* @__PURE__ */ jsx114("h3", { className: DealsOverTime_default.title, children: title }),
|
|
17338
|
-
/* @__PURE__ */
|
|
17426
|
+
/* @__PURE__ */ jsxs92("div", { className: DealsOverTime_default.period, children: [
|
|
17339
17427
|
/* @__PURE__ */ jsx114("label", { className: DealsOverTime_default.periodLabel, htmlFor: periodId, children: "Period" }),
|
|
17340
17428
|
/* @__PURE__ */ jsx114(
|
|
17341
17429
|
"select",
|
|
@@ -17354,15 +17442,15 @@ function DealsOverTime({
|
|
|
17354
17442
|
}
|
|
17355
17443
|
|
|
17356
17444
|
// ../../components/UpcomingTasks/UpcomingTasks.tsx
|
|
17357
|
-
import { useCallback as
|
|
17445
|
+
import { useCallback as useCallback24, useState as useState48 } from "react";
|
|
17358
17446
|
|
|
17359
17447
|
// ../../components/DashboardListWidget/shared.module.css
|
|
17360
|
-
var shared_default = {"
|
|
17448
|
+
var shared_default = {"itemAction":"opus_8R-PJ3_itemAction","list":"opus_8R-PJ3_list","footerIcon":"opus_8R-PJ3_footerIcon","footerAction":"opus_8R-PJ3_footerAction","iconWrap":"opus_8R-PJ3_iconWrap","footer":"opus_8R-PJ3_footer"};
|
|
17361
17449
|
|
|
17362
17450
|
// ../../components/DashboardListWidget/DashboardListFooter.tsx
|
|
17363
|
-
import { Fragment as Fragment16, jsx as jsx115, jsxs as
|
|
17451
|
+
import { Fragment as Fragment16, jsx as jsx115, jsxs as jsxs93 } from "react/jsx-runtime";
|
|
17364
17452
|
function DashboardListFooter({ footerHref, footerLabel, onFooterClick }) {
|
|
17365
|
-
const content = /* @__PURE__ */
|
|
17453
|
+
const content = /* @__PURE__ */ jsxs93(Fragment16, { children: [
|
|
17366
17454
|
/* @__PURE__ */ jsx115("span", { children: footerLabel }),
|
|
17367
17455
|
/* @__PURE__ */ jsx115("span", { "aria-hidden": "true", className: shared_default.footerIcon, children: /* @__PURE__ */ jsx115(CatalogIcon, { iconName: "arrow-right" }) })
|
|
17368
17456
|
] });
|
|
@@ -17370,12 +17458,12 @@ function DashboardListFooter({ footerHref, footerLabel, onFooterClick }) {
|
|
|
17370
17458
|
}
|
|
17371
17459
|
|
|
17372
17460
|
// ../../components/UpcomingTasks/UpcomingTasks.module.css
|
|
17373
|
-
var UpcomingTasks_default = {"
|
|
17461
|
+
var UpcomingTasks_default = {"copy":"opus_mFTWWU_copy","time":"opus_mFTWWU_time","itemAction":"opus_mFTWWU_itemAction","itemTitle":"opus_mFTWWU_itemTitle","root":"opus_mFTWWU_root","item":"opus_mFTWWU_item","title":"opus_mFTWWU_title","header":"opus_mFTWWU_header","taskCheckbox":"opus_mFTWWU_taskCheckbox","itemBody":"opus_mFTWWU_itemBody","list":"opus_mFTWWU_list","itemSubtitle":"opus_mFTWWU_itemSubtitle"};
|
|
17374
17462
|
|
|
17375
17463
|
// ../../components/UpcomingTasks/UpcomingTasks.tsx
|
|
17376
|
-
import { jsx as jsx116, jsxs as
|
|
17464
|
+
import { jsx as jsx116, jsxs as jsxs94 } from "react/jsx-runtime";
|
|
17377
17465
|
function TaskCopy({ task }) {
|
|
17378
|
-
return /* @__PURE__ */
|
|
17466
|
+
return /* @__PURE__ */ jsxs94("div", { className: UpcomingTasks_default.copy, children: [
|
|
17379
17467
|
/* @__PURE__ */ jsx116("span", { className: UpcomingTasks_default.itemTitle, children: task.title }),
|
|
17380
17468
|
/* @__PURE__ */ jsx116("span", { className: UpcomingTasks_default.itemSubtitle, children: task.subtitle })
|
|
17381
17469
|
] });
|
|
@@ -17391,15 +17479,15 @@ function UpcomingTasks({
|
|
|
17391
17479
|
tasks,
|
|
17392
17480
|
title = "Upcoming Tasks"
|
|
17393
17481
|
}) {
|
|
17394
|
-
const [localCompleted, setLocalCompleted] =
|
|
17395
|
-
const isTaskCompleted =
|
|
17482
|
+
const [localCompleted, setLocalCompleted] = useState48({});
|
|
17483
|
+
const isTaskCompleted = useCallback24(
|
|
17396
17484
|
(task) => {
|
|
17397
17485
|
var _a2, _b2;
|
|
17398
17486
|
return (_b2 = (_a2 = task.completed) != null ? _a2 : localCompleted[task.id]) != null ? _b2 : false;
|
|
17399
17487
|
},
|
|
17400
17488
|
[localCompleted]
|
|
17401
17489
|
);
|
|
17402
|
-
const handleTaskCompleteChange =
|
|
17490
|
+
const handleTaskCompleteChange = useCallback24(
|
|
17403
17491
|
(task, completed) => {
|
|
17404
17492
|
onTaskCompleteChange == null ? void 0 : onTaskCompleteChange(task, completed);
|
|
17405
17493
|
if (onTaskCompleteChange === void 0) {
|
|
@@ -17408,9 +17496,9 @@ function UpcomingTasks({
|
|
|
17408
17496
|
},
|
|
17409
17497
|
[onTaskCompleteChange]
|
|
17410
17498
|
);
|
|
17411
|
-
return /* @__PURE__ */
|
|
17499
|
+
return /* @__PURE__ */ jsxs94("div", { className: [UpcomingTasks_default.root, className].filter(Boolean).join(" "), children: [
|
|
17412
17500
|
/* @__PURE__ */ jsx116("header", { className: UpcomingTasks_default.header, children: /* @__PURE__ */ jsx116("h3", { className: UpcomingTasks_default.title, children: title }) }),
|
|
17413
|
-
/* @__PURE__ */ jsx116("ul", { className: [shared_default.list, UpcomingTasks_default.list].join(" "), children: tasks.slice(0, 3).map((task) => /* @__PURE__ */
|
|
17501
|
+
/* @__PURE__ */ jsx116("ul", { className: [shared_default.list, UpcomingTasks_default.list].join(" "), children: tasks.slice(0, 3).map((task) => /* @__PURE__ */ jsxs94("li", { className: UpcomingTasks_default.item, children: [
|
|
17414
17502
|
/* @__PURE__ */ jsx116(
|
|
17415
17503
|
CheckboxField,
|
|
17416
17504
|
{
|
|
@@ -17427,7 +17515,7 @@ function UpcomingTasks({
|
|
|
17427
17515
|
size: checkboxSize
|
|
17428
17516
|
}
|
|
17429
17517
|
),
|
|
17430
|
-
onTaskClick ? /* @__PURE__ */
|
|
17518
|
+
onTaskClick ? /* @__PURE__ */ jsxs94(
|
|
17431
17519
|
"button",
|
|
17432
17520
|
{
|
|
17433
17521
|
className: [UpcomingTasks_default.itemAction, shared_default.itemAction].join(" "),
|
|
@@ -17438,7 +17526,7 @@ function UpcomingTasks({
|
|
|
17438
17526
|
/* @__PURE__ */ jsx116("time", { className: UpcomingTasks_default.time, children: task.time })
|
|
17439
17527
|
]
|
|
17440
17528
|
}
|
|
17441
|
-
) : /* @__PURE__ */
|
|
17529
|
+
) : /* @__PURE__ */ jsxs94("div", { className: UpcomingTasks_default.itemBody, children: [
|
|
17442
17530
|
/* @__PURE__ */ jsx116(TaskCopy, { task }),
|
|
17443
17531
|
/* @__PURE__ */ jsx116("time", { className: UpcomingTasks_default.time, children: task.time })
|
|
17444
17532
|
] })
|
|
@@ -17455,17 +17543,17 @@ function UpcomingTasks({
|
|
|
17455
17543
|
}
|
|
17456
17544
|
|
|
17457
17545
|
// ../../components/RecentActivity/RecentActivity.module.css
|
|
17458
|
-
var RecentActivity_default = {"
|
|
17546
|
+
var RecentActivity_default = {"item":"opus_PR08Ax_item","iconWrap":"opus_PR08Ax_iconWrap","root":"opus_PR08Ax_root","header":"opus_PR08Ax_header","title":"opus_PR08Ax_title","itemAction":"opus_PR08Ax_itemAction","list":"opus_PR08Ax_list","itemTitle":"opus_PR08Ax_itemTitle","itemSubtitle":"opus_PR08Ax_itemSubtitle","copy":"opus_PR08Ax_copy","time":"opus_PR08Ax_time"};
|
|
17459
17547
|
|
|
17460
17548
|
// ../../components/RecentActivity/RecentActivity.tsx
|
|
17461
|
-
import { Fragment as Fragment17, jsx as jsx117, jsxs as
|
|
17549
|
+
import { Fragment as Fragment17, jsx as jsx117, jsxs as jsxs95 } from "react/jsx-runtime";
|
|
17462
17550
|
function ActivityRow({
|
|
17463
17551
|
item,
|
|
17464
17552
|
onItemClick
|
|
17465
17553
|
}) {
|
|
17466
|
-
const content = /* @__PURE__ */
|
|
17554
|
+
const content = /* @__PURE__ */ jsxs95(Fragment17, { children: [
|
|
17467
17555
|
/* @__PURE__ */ jsx117("span", { className: [RecentActivity_default.iconWrap, shared_default.iconWrap].join(" "), "data-tone": item.iconTone, children: /* @__PURE__ */ jsx117(CatalogIcon, { iconName: item.icon }) }),
|
|
17468
|
-
/* @__PURE__ */
|
|
17556
|
+
/* @__PURE__ */ jsxs95("div", { className: RecentActivity_default.copy, children: [
|
|
17469
17557
|
/* @__PURE__ */ jsx117("span", { className: RecentActivity_default.itemTitle, children: item.title }),
|
|
17470
17558
|
/* @__PURE__ */ jsx117("span", { className: RecentActivity_default.itemSubtitle, children: item.subtitle })
|
|
17471
17559
|
] }),
|
|
@@ -17493,7 +17581,7 @@ function RecentActivity({
|
|
|
17493
17581
|
onItemClick,
|
|
17494
17582
|
title = "Recent Activity"
|
|
17495
17583
|
}) {
|
|
17496
|
-
return /* @__PURE__ */
|
|
17584
|
+
return /* @__PURE__ */ jsxs95("div", { className: [RecentActivity_default.root, className].filter(Boolean).join(" "), children: [
|
|
17497
17585
|
/* @__PURE__ */ jsx117("header", { className: RecentActivity_default.header, children: /* @__PURE__ */ jsx117("h3", { className: RecentActivity_default.title, children: title }) }),
|
|
17498
17586
|
/* @__PURE__ */ jsx117("ul", { className: [shared_default.list, RecentActivity_default.list].join(" "), children: items.slice(0, 3).map((item) => /* @__PURE__ */ jsx117("li", { className: RecentActivity_default.item, children: /* @__PURE__ */ jsx117(ActivityRow, { item, onItemClick }) }, item.id)) }),
|
|
17499
17587
|
/* @__PURE__ */ jsx117(
|
|
@@ -17508,18 +17596,18 @@ function RecentActivity({
|
|
|
17508
17596
|
}
|
|
17509
17597
|
|
|
17510
17598
|
// ../../components/NoteComposer/NoteComposer.tsx
|
|
17511
|
-
import { useLayoutEffect as useLayoutEffect11, useRef as
|
|
17599
|
+
import { useLayoutEffect as useLayoutEffect11, useRef as useRef41, useState as useState51 } from "react";
|
|
17512
17600
|
|
|
17513
17601
|
// ../../components/EmojiPicker/EmojiPicker.tsx
|
|
17514
17602
|
import {
|
|
17515
17603
|
cloneElement as cloneElement3,
|
|
17516
17604
|
isValidElement as isValidElement3,
|
|
17517
|
-
useEffect as
|
|
17605
|
+
useEffect as useEffect39,
|
|
17518
17606
|
useId as useId26,
|
|
17519
17607
|
useLayoutEffect as useLayoutEffect10,
|
|
17520
17608
|
useMemo as useMemo21,
|
|
17521
|
-
useRef as
|
|
17522
|
-
useState as
|
|
17609
|
+
useRef as useRef39,
|
|
17610
|
+
useState as useState49
|
|
17523
17611
|
} from "react";
|
|
17524
17612
|
import { createPortal as createPortal6 } from "react-dom";
|
|
17525
17613
|
|
|
@@ -39250,10 +39338,10 @@ function opusThemeTokens(theme) {
|
|
|
39250
39338
|
}
|
|
39251
39339
|
|
|
39252
39340
|
// ../../components/EmojiPicker/EmojiPicker.module.css
|
|
39253
|
-
var EmojiPicker_default = {"
|
|
39341
|
+
var EmojiPicker_default = {"categories":"opus__tyRxw_categories","emojiButton":"opus__tyRxw_emojiButton","empty":"opus__tyRxw_empty","searchHint":"opus__tyRxw_searchHint","srOnly":"opus__tyRxw_srOnly","search":"opus__tyRxw_search","root":"opus__tyRxw_root","panel":"opus__tyRxw_panel","categoryButton":"opus__tyRxw_categoryButton","grid":"opus__tyRxw_grid"};
|
|
39254
39342
|
|
|
39255
39343
|
// ../../components/EmojiPicker/EmojiPicker.tsx
|
|
39256
|
-
import { jsx as jsx118, jsxs as
|
|
39344
|
+
import { jsx as jsx118, jsxs as jsxs96 } from "react/jsx-runtime";
|
|
39257
39345
|
var DEFAULT_CATEGORY = "smileys";
|
|
39258
39346
|
function resolveDefaultCategory(recentEmojis) {
|
|
39259
39347
|
return recentEmojis.length ? "recent" : DEFAULT_CATEGORY;
|
|
@@ -39288,15 +39376,15 @@ function EmojiPicker({
|
|
|
39288
39376
|
}) {
|
|
39289
39377
|
const theme = useOpusTheme();
|
|
39290
39378
|
const panelId = useId26();
|
|
39291
|
-
const rootRef =
|
|
39292
|
-
const panelRef =
|
|
39293
|
-
const searchRef =
|
|
39294
|
-
const [internalOpen, setInternalOpen] =
|
|
39295
|
-
const [portalReady, setPortalReady] =
|
|
39296
|
-
const [portalStyle, setPortalStyle] =
|
|
39297
|
-
const [query, setQuery] =
|
|
39298
|
-
const [activeCategory, setActiveCategory] =
|
|
39299
|
-
const [recentEmojis, setRecentEmojis] =
|
|
39379
|
+
const rootRef = useRef39(null);
|
|
39380
|
+
const panelRef = useRef39(null);
|
|
39381
|
+
const searchRef = useRef39(null);
|
|
39382
|
+
const [internalOpen, setInternalOpen] = useState49(defaultOpen);
|
|
39383
|
+
const [portalReady, setPortalReady] = useState49(false);
|
|
39384
|
+
const [portalStyle, setPortalStyle] = useState49(null);
|
|
39385
|
+
const [query, setQuery] = useState49("");
|
|
39386
|
+
const [activeCategory, setActiveCategory] = useState49(DEFAULT_CATEGORY);
|
|
39387
|
+
const [recentEmojis, setRecentEmojis] = useState49([]);
|
|
39300
39388
|
const controlled = open !== void 0;
|
|
39301
39389
|
const visible = controlled ? open : internalOpen;
|
|
39302
39390
|
const hasRecentEmojis = recentEmojis.length > 0;
|
|
@@ -39352,7 +39440,7 @@ function EmojiPicker({
|
|
|
39352
39440
|
onSelect(emoji);
|
|
39353
39441
|
setVisible(false);
|
|
39354
39442
|
};
|
|
39355
|
-
|
|
39443
|
+
useEffect39(() => {
|
|
39356
39444
|
if (!visible) {
|
|
39357
39445
|
return;
|
|
39358
39446
|
}
|
|
@@ -39360,7 +39448,7 @@ function EmojiPicker({
|
|
|
39360
39448
|
setRecentEmojis(nextRecentEmojis);
|
|
39361
39449
|
setActiveCategory(resolveDefaultCategory(nextRecentEmojis));
|
|
39362
39450
|
}, [visible]);
|
|
39363
|
-
|
|
39451
|
+
useEffect39(() => {
|
|
39364
39452
|
const timeout = window.setTimeout(() => setPortalReady(true), 0);
|
|
39365
39453
|
return () => window.clearTimeout(timeout);
|
|
39366
39454
|
}, []);
|
|
@@ -39391,7 +39479,7 @@ function EmojiPicker({
|
|
|
39391
39479
|
window.removeEventListener("scroll", updatePosition, true);
|
|
39392
39480
|
};
|
|
39393
39481
|
}, [placement, visible, query, activeCategory, searching, recentEmojis.length, categoryTabs.length]);
|
|
39394
|
-
|
|
39482
|
+
useEffect39(() => {
|
|
39395
39483
|
if (!visible) {
|
|
39396
39484
|
return;
|
|
39397
39485
|
}
|
|
@@ -39425,7 +39513,7 @@ function EmojiPicker({
|
|
|
39425
39513
|
}), portalStyle.width ? { width: portalStyle.width } : {}), {
|
|
39426
39514
|
visibility: "visible"
|
|
39427
39515
|
}) : { left: 0, top: 0, visibility: "hidden" };
|
|
39428
|
-
const panel = visible ? /* @__PURE__ */
|
|
39516
|
+
const panel = visible ? /* @__PURE__ */ jsxs96(
|
|
39429
39517
|
"div",
|
|
39430
39518
|
{
|
|
39431
39519
|
"aria-label": "Emoji picker",
|
|
@@ -39499,7 +39587,7 @@ function EmojiPicker({
|
|
|
39499
39587
|
]
|
|
39500
39588
|
}
|
|
39501
39589
|
) : null;
|
|
39502
|
-
return /* @__PURE__ */
|
|
39590
|
+
return /* @__PURE__ */ jsxs96(
|
|
39503
39591
|
"div",
|
|
39504
39592
|
{
|
|
39505
39593
|
className: [EmojiPicker_default.root, className].filter(Boolean).join(" "),
|
|
@@ -39525,13 +39613,13 @@ function EmojiPicker({
|
|
|
39525
39613
|
}
|
|
39526
39614
|
|
|
39527
39615
|
// ../../components/NoteTag/NoteTag.tsx
|
|
39528
|
-
import { useEffect as
|
|
39616
|
+
import { useEffect as useEffect40, useMemo as useMemo22, useRef as useRef40, useState as useState50 } from "react";
|
|
39529
39617
|
|
|
39530
39618
|
// ../../components/NoteTag/NoteTag.module.css
|
|
39531
|
-
var NoteTag_default = {"
|
|
39619
|
+
var NoteTag_default = {"removeButton":"opus__ZnbtA_removeButton","tag":"opus__ZnbtA_tag","options":"opus__ZnbtA_options","picker":"opus__ZnbtA_picker","option":"opus__ZnbtA_option","menu":"opus__ZnbtA_menu","list":"opus__ZnbtA_list","menuHeader":"opus__ZnbtA_menuHeader"};
|
|
39532
39620
|
|
|
39533
39621
|
// ../../components/NoteTag/NoteTag.tsx
|
|
39534
|
-
import { jsx as jsx119, jsxs as
|
|
39622
|
+
import { jsx as jsx119, jsxs as jsxs97 } from "react/jsx-runtime";
|
|
39535
39623
|
var DEFAULT_NOTE_TAG_OPTIONS = [
|
|
39536
39624
|
{ id: "pricing", label: "Pricing", tone: "purple" },
|
|
39537
39625
|
{ id: "enterprise", label: "Enterprise", tone: "orange" },
|
|
@@ -39559,7 +39647,7 @@ function NoteTag({
|
|
|
39559
39647
|
tone
|
|
39560
39648
|
}) {
|
|
39561
39649
|
const tag = { id, label, tone };
|
|
39562
|
-
return /* @__PURE__ */
|
|
39650
|
+
return /* @__PURE__ */ jsxs97(
|
|
39563
39651
|
"span",
|
|
39564
39652
|
{
|
|
39565
39653
|
className: [NoteTag_default.tag, className].filter(Boolean).join(" "),
|
|
@@ -39610,10 +39698,10 @@ function NoteTagPicker({
|
|
|
39610
39698
|
options = DEFAULT_NOTE_TAG_OPTIONS,
|
|
39611
39699
|
selectedTags
|
|
39612
39700
|
}) {
|
|
39613
|
-
const rootRef =
|
|
39614
|
-
const [isOpen, setIsOpen] =
|
|
39701
|
+
const rootRef = useRef40(null);
|
|
39702
|
+
const [isOpen, setIsOpen] = useState50(false);
|
|
39615
39703
|
const selectedKeys = useMemo22(() => new Set(selectedTags.map(getTagKey)), [selectedTags]);
|
|
39616
|
-
|
|
39704
|
+
useEffect40(() => {
|
|
39617
39705
|
if (!isOpen) {
|
|
39618
39706
|
return;
|
|
39619
39707
|
}
|
|
@@ -39644,7 +39732,7 @@ function NoteTagPicker({
|
|
|
39644
39732
|
}
|
|
39645
39733
|
onChange([...selectedTags, tag]);
|
|
39646
39734
|
};
|
|
39647
|
-
return /* @__PURE__ */
|
|
39735
|
+
return /* @__PURE__ */ jsxs97("div", { className: NoteTag_default.picker, "data-note-tag-picker": "true", ref: rootRef, children: [
|
|
39648
39736
|
/* @__PURE__ */ jsx119(
|
|
39649
39737
|
"button",
|
|
39650
39738
|
{
|
|
@@ -39656,7 +39744,7 @@ function NoteTagPicker({
|
|
|
39656
39744
|
children: children != null ? children : label
|
|
39657
39745
|
}
|
|
39658
39746
|
),
|
|
39659
|
-
isOpen ? /* @__PURE__ */
|
|
39747
|
+
isOpen ? /* @__PURE__ */ jsxs97("div", { className: NoteTag_default.menu, role: "listbox", "aria-label": label, children: [
|
|
39660
39748
|
/* @__PURE__ */ jsx119("div", { className: NoteTag_default.menuHeader, children: "Tags" }),
|
|
39661
39749
|
/* @__PURE__ */ jsx119("div", { className: NoteTag_default.options, children: options.map((tag) => {
|
|
39662
39750
|
const selected = selectedKeys.has(getTagKey(tag));
|
|
@@ -39678,10 +39766,10 @@ function NoteTagPicker({
|
|
|
39678
39766
|
}
|
|
39679
39767
|
|
|
39680
39768
|
// ../../components/NoteComposer/NoteComposer.module.css
|
|
39681
|
-
var NoteComposer_default = {"
|
|
39769
|
+
var NoteComposer_default = {"tools":"opus_pQVlNo_tools","textarea":"opus_pQVlNo_textarea","toolButton":"opus_pQVlNo_toolButton","saveButton":"opus_pQVlNo_saveButton","selectedTags":"opus_pQVlNo_selectedTags","root":"opus_pQVlNo_root","footer":"opus_pQVlNo_footer"};
|
|
39682
39770
|
|
|
39683
39771
|
// ../../components/NoteComposer/NoteComposer.tsx
|
|
39684
|
-
import { jsx as jsx120, jsxs as
|
|
39772
|
+
import { jsx as jsx120, jsxs as jsxs98 } from "react/jsx-runtime";
|
|
39685
39773
|
function NoteComposer({
|
|
39686
39774
|
className,
|
|
39687
39775
|
defaultValue = "",
|
|
@@ -39702,11 +39790,11 @@ function NoteComposer({
|
|
|
39702
39790
|
tagOptions = DEFAULT_NOTE_TAG_OPTIONS,
|
|
39703
39791
|
value
|
|
39704
39792
|
}) {
|
|
39705
|
-
const textareaRef =
|
|
39706
|
-
const selectionRef =
|
|
39707
|
-
const pendingCaretRef =
|
|
39708
|
-
const [internalValue, setInternalValue] =
|
|
39709
|
-
const [internalTags, setInternalTags] =
|
|
39793
|
+
const textareaRef = useRef41(null);
|
|
39794
|
+
const selectionRef = useRef41({ end: 0, start: 0 });
|
|
39795
|
+
const pendingCaretRef = useRef41(null);
|
|
39796
|
+
const [internalValue, setInternalValue] = useState51(defaultValue);
|
|
39797
|
+
const [internalTags, setInternalTags] = useState51([]);
|
|
39710
39798
|
const currentValue = value != null ? value : internalValue;
|
|
39711
39799
|
const currentTags = selectedTags != null ? selectedTags : internalTags;
|
|
39712
39800
|
const setValue = (nextValue) => {
|
|
@@ -39781,7 +39869,7 @@ function NoteComposer({
|
|
|
39781
39869
|
textarea.setSelectionRange(nextCaret, nextCaret);
|
|
39782
39870
|
selectionRef.current = { start: nextCaret, end: nextCaret };
|
|
39783
39871
|
}, [currentValue]);
|
|
39784
|
-
return /* @__PURE__ */
|
|
39872
|
+
return /* @__PURE__ */ jsxs98("div", { className: [NoteComposer_default.root, className].filter(Boolean).join(" "), children: [
|
|
39785
39873
|
/* @__PURE__ */ jsx120(
|
|
39786
39874
|
"textarea",
|
|
39787
39875
|
{
|
|
@@ -39806,8 +39894,8 @@ function NoteComposer({
|
|
|
39806
39894
|
tags: currentTags
|
|
39807
39895
|
}
|
|
39808
39896
|
) : null,
|
|
39809
|
-
/* @__PURE__ */
|
|
39810
|
-
/* @__PURE__ */
|
|
39897
|
+
/* @__PURE__ */ jsxs98("div", { className: NoteComposer_default.footer, children: [
|
|
39898
|
+
/* @__PURE__ */ jsxs98("div", { className: NoteComposer_default.tools, children: [
|
|
39811
39899
|
showAttach ? /* @__PURE__ */ jsx120(
|
|
39812
39900
|
"button",
|
|
39813
39901
|
{
|
|
@@ -39877,22 +39965,22 @@ function NoteComposer({
|
|
|
39877
39965
|
|
|
39878
39966
|
// ../../components/NotesActivity/NotesActivity.tsx
|
|
39879
39967
|
import {
|
|
39880
|
-
useCallback as
|
|
39881
|
-
useEffect as
|
|
39968
|
+
useCallback as useCallback25,
|
|
39969
|
+
useEffect as useEffect41,
|
|
39882
39970
|
useLayoutEffect as useLayoutEffect12,
|
|
39883
39971
|
useMemo as useMemo23,
|
|
39884
|
-
useRef as
|
|
39885
|
-
useState as
|
|
39972
|
+
useRef as useRef42,
|
|
39973
|
+
useState as useState52
|
|
39886
39974
|
} from "react";
|
|
39887
39975
|
|
|
39888
39976
|
// ../../components/ContentTimeline/ContentTimeline.tsx
|
|
39889
39977
|
import { Fragment as Fragment18 } from "react";
|
|
39890
39978
|
|
|
39891
39979
|
// ../../components/ContentTimeline/ContentTimeline.module.css
|
|
39892
|
-
var ContentTimeline_default = {"
|
|
39980
|
+
var ContentTimeline_default = {"children":"opus_vApy-v_children","dot":"opus_vApy-v_dot","itemFooter":"opus_vApy-v_itemFooter","line":"opus_vApy-v_line","metaRow":"opus_vApy-v_metaRow","time":"opus_vApy-v_time","rail":"opus_vApy-v_rail","itemAction":"opus_vApy-v_itemAction","tags":"opus_vApy-v_tags","statusDot":"opus_vApy-v_statusDot","description":"opus_vApy-v_description","body":"opus_vApy-v_body","markerSlot":"opus_vApy-v_markerSlot","content":"opus_vApy-v_content","head":"opus_vApy-v_head","list":"opus_vApy-v_list","groupLabel":"opus_vApy-v_groupLabel","item":"opus_vApy-v_item","title":"opus_vApy-v_title","tag":"opus_vApy-v_tag"};
|
|
39893
39981
|
|
|
39894
39982
|
// ../../components/ContentTimeline/ContentTimeline.tsx
|
|
39895
|
-
import { jsx as jsx121, jsxs as
|
|
39983
|
+
import { jsx as jsx121, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
39896
39984
|
function itemUsesAvatar(item, variant) {
|
|
39897
39985
|
if (variant === "default") {
|
|
39898
39986
|
return false;
|
|
@@ -39924,7 +40012,7 @@ function renderTimelineItem({
|
|
|
39924
40012
|
onKeyboardAction(item, index);
|
|
39925
40013
|
}
|
|
39926
40014
|
};
|
|
39927
|
-
return /* @__PURE__ */
|
|
40015
|
+
return /* @__PURE__ */ jsxs99(
|
|
39928
40016
|
"li",
|
|
39929
40017
|
{
|
|
39930
40018
|
className: ContentTimeline_default.item,
|
|
@@ -39948,25 +40036,25 @@ function renderTimelineItem({
|
|
|
39948
40036
|
role: isInteractive ? "listitem" : void 0,
|
|
39949
40037
|
tabIndex: isInteractive ? 0 : void 0,
|
|
39950
40038
|
children: [
|
|
39951
|
-
/* @__PURE__ */
|
|
40039
|
+
/* @__PURE__ */ jsxs99("div", { "aria-hidden": "true", className: ContentTimeline_default.rail, "data-content-timeline-rail": "true", children: [
|
|
39952
40040
|
/* @__PURE__ */ jsx121("div", { className: ContentTimeline_default.markerSlot, "data-content-timeline-marker": "true", children: showAvatar ? /* @__PURE__ */ jsx121(Avatar, { name: item.avatarName, size: "lg", src: item.avatarSrc }) : /* @__PURE__ */ jsx121("span", { className: ContentTimeline_default.dot }) }),
|
|
39953
40041
|
!isLastInGroup || item.children || item.footer ? /* @__PURE__ */ jsx121("span", { className: ContentTimeline_default.line, "data-content-timeline-line": "true" }) : null
|
|
39954
40042
|
] }),
|
|
39955
|
-
/* @__PURE__ */
|
|
39956
|
-
/* @__PURE__ */
|
|
40043
|
+
/* @__PURE__ */ jsxs99("div", { className: ContentTimeline_default.body, "data-content-timeline-body": "true", children: [
|
|
40044
|
+
/* @__PURE__ */ jsxs99(
|
|
39957
40045
|
"div",
|
|
39958
40046
|
{
|
|
39959
40047
|
className: ContentTimeline_default.content,
|
|
39960
40048
|
"data-content-timeline-content": "true",
|
|
39961
40049
|
"data-has-footer": item.footer ? "true" : void 0,
|
|
39962
40050
|
children: [
|
|
39963
|
-
/* @__PURE__ */
|
|
40051
|
+
/* @__PURE__ */ jsxs99("div", { className: ContentTimeline_default.head, children: [
|
|
39964
40052
|
showAvatar && showStatus ? /* @__PURE__ */ jsx121("span", { "aria-hidden": "true", className: ContentTimeline_default.statusDot }) : null,
|
|
39965
40053
|
/* @__PURE__ */ jsx121("h3", { className: ContentTimeline_default.title, children: item.title }),
|
|
39966
40054
|
item.time ? /* @__PURE__ */ jsx121("time", { className: ContentTimeline_default.time, children: item.time }) : null
|
|
39967
40055
|
] }),
|
|
39968
40056
|
item.description ? /* @__PURE__ */ jsx121("p", { className: ContentTimeline_default.description, children: item.description }) : null,
|
|
39969
|
-
((_c2 = item.tags) == null ? void 0 : _c2.length) || item.action ? /* @__PURE__ */
|
|
40057
|
+
((_c2 = item.tags) == null ? void 0 : _c2.length) || item.action ? /* @__PURE__ */ jsxs99("div", { className: ContentTimeline_default.metaRow, children: [
|
|
39970
40058
|
((_d2 = item.tags) == null ? void 0 : _d2.length) ? /* @__PURE__ */ jsx121("div", { className: ContentTimeline_default.tags, children: /* @__PURE__ */ jsx121(NoteTagList, { tags: item.tags.map((tag) => {
|
|
39971
40059
|
var _a3;
|
|
39972
40060
|
return __spreadProps(__spreadValues({}, tag), { tone: (_a3 = tag.tone) != null ? _a3 : "purple" });
|
|
@@ -39988,7 +40076,7 @@ function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, varian
|
|
|
39988
40076
|
const resolvedGroups = groups != null ? groups : items ? [{ items }] : [];
|
|
39989
40077
|
return /* @__PURE__ */ jsx121("ol", { className: ContentTimeline_default.list, "data-content-timeline-list": "true", children: resolvedGroups.map((group, groupIndex) => {
|
|
39990
40078
|
var _a2;
|
|
39991
|
-
return /* @__PURE__ */
|
|
40079
|
+
return /* @__PURE__ */ jsxs99(Fragment18, { children: [
|
|
39992
40080
|
group.label ? /* @__PURE__ */ jsx121("li", { "aria-hidden": "true", className: ContentTimeline_default.groupLabel, children: group.label }) : null,
|
|
39993
40081
|
group.items.map(
|
|
39994
40082
|
(item, index) => renderTimelineItem({
|
|
@@ -40006,10 +40094,10 @@ function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, varian
|
|
|
40006
40094
|
}
|
|
40007
40095
|
|
|
40008
40096
|
// ../../components/NotesActivity/NotesActivity.module.css
|
|
40009
|
-
var NotesActivity_default = {"
|
|
40097
|
+
var NotesActivity_default = {"tabIcon":"opus_ThZ-Bi_tabIcon","replyBlock":"opus_ThZ-Bi_replyBlock","notesActivityEnterFromLeft":"opus_ThZ-Bi_notesActivityEnterFromLeft","tab":"opus_ThZ-Bi_tab","threadConnectors":"opus_ThZ-Bi_threadConnectors","replyInput":"opus_ThZ-Bi_replyInput","feed":"opus_ThZ-Bi_feed","composer":"opus_ThZ-Bi_composer","replyTools":"opus_ThZ-Bi_replyTools","footerIcon":"opus_ThZ-Bi_footerIcon","replyInputShell":"opus_ThZ-Bi_replyInputShell","replyComposer":"opus_ThZ-Bi_replyComposer","replyToolButton":"opus_ThZ-Bi_replyToolButton","replyTags":"opus_ThZ-Bi_replyTags","footer":"opus_ThZ-Bi_footer","tabs":"opus_ThZ-Bi_tabs","root":"opus_ThZ-Bi_root","notesActivityEnterFromRight":"opus_ThZ-Bi_notesActivityEnterFromRight","threadItems":"opus_ThZ-Bi_threadItems","footerAction":"opus_ThZ-Bi_footerAction"};
|
|
40010
40098
|
|
|
40011
40099
|
// ../../components/NotesActivity/NotesActivity.tsx
|
|
40012
|
-
import { Fragment as Fragment19, jsx as jsx122, jsxs as
|
|
40100
|
+
import { Fragment as Fragment19, jsx as jsx122, jsxs as jsxs100 } from "react/jsx-runtime";
|
|
40013
40101
|
function formatNoteTime(date) {
|
|
40014
40102
|
return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
|
|
40015
40103
|
}
|
|
@@ -40030,9 +40118,9 @@ function ThreadedTimeline({
|
|
|
40030
40118
|
onItemClick,
|
|
40031
40119
|
onItemDoubleClick
|
|
40032
40120
|
}) {
|
|
40033
|
-
const rootRef =
|
|
40034
|
-
const [connectorPaths, setConnectorPaths] =
|
|
40035
|
-
const measureConnectors =
|
|
40121
|
+
const rootRef = useRef42(null);
|
|
40122
|
+
const [connectorPaths, setConnectorPaths] = useState52([]);
|
|
40123
|
+
const measureConnectors = useCallback25(() => {
|
|
40036
40124
|
const root = rootRef.current;
|
|
40037
40125
|
if (!root) {
|
|
40038
40126
|
return;
|
|
@@ -40104,7 +40192,7 @@ function ThreadedTimeline({
|
|
|
40104
40192
|
window.removeEventListener("resize", measureConnectors);
|
|
40105
40193
|
};
|
|
40106
40194
|
}, [items, measureConnectors]);
|
|
40107
|
-
return /* @__PURE__ */
|
|
40195
|
+
return /* @__PURE__ */ jsxs100("div", { className: NotesActivity_default.threadItems, ref: rootRef, children: [
|
|
40108
40196
|
/* @__PURE__ */ jsx122(
|
|
40109
40197
|
"svg",
|
|
40110
40198
|
{
|
|
@@ -40139,7 +40227,7 @@ function InlineReplyComposer({
|
|
|
40139
40227
|
tagOptions,
|
|
40140
40228
|
value
|
|
40141
40229
|
}) {
|
|
40142
|
-
const textareaRef =
|
|
40230
|
+
const textareaRef = useRef42(null);
|
|
40143
40231
|
const hasTools = showAttach || showEmoji || showMention || showTags;
|
|
40144
40232
|
useLayoutEffect12(() => {
|
|
40145
40233
|
const textarea = textareaRef.current;
|
|
@@ -40184,14 +40272,14 @@ function InlineReplyComposer({
|
|
|
40184
40272
|
)
|
|
40185
40273
|
);
|
|
40186
40274
|
};
|
|
40187
|
-
return /* @__PURE__ */
|
|
40188
|
-
/* @__PURE__ */
|
|
40275
|
+
return /* @__PURE__ */ jsxs100("form", { className: NotesActivity_default.replyComposer, onSubmit, children: [
|
|
40276
|
+
/* @__PURE__ */ jsxs100(
|
|
40189
40277
|
"div",
|
|
40190
40278
|
{
|
|
40191
40279
|
className: NotesActivity_default.replyInputShell,
|
|
40192
40280
|
"data-has-tools": hasTools ? "true" : void 0,
|
|
40193
40281
|
children: [
|
|
40194
|
-
hasTools ? /* @__PURE__ */
|
|
40282
|
+
hasTools ? /* @__PURE__ */ jsxs100("div", { className: NotesActivity_default.replyTools, "aria-label": "Reply tools", children: [
|
|
40195
40283
|
showAttach ? /* @__PURE__ */ jsx122(
|
|
40196
40284
|
"button",
|
|
40197
40285
|
{
|
|
@@ -40373,22 +40461,22 @@ function NotesActivity({
|
|
|
40373
40461
|
showMention = true,
|
|
40374
40462
|
showTags = true
|
|
40375
40463
|
}) {
|
|
40376
|
-
const singleClickTimerRef =
|
|
40377
|
-
const [internalActiveTab, setInternalActiveTab] =
|
|
40464
|
+
const singleClickTimerRef = useRef42(null);
|
|
40465
|
+
const [internalActiveTab, setInternalActiveTab] = useState52(defaultTab);
|
|
40378
40466
|
const activeTab = controlledActiveTab != null ? controlledActiveTab : internalActiveTab;
|
|
40379
|
-
const [activeReplyNoteId, setActiveReplyNoteId] =
|
|
40467
|
+
const [activeReplyNoteId, setActiveReplyNoteId] = useState52(
|
|
40380
40468
|
null
|
|
40381
40469
|
);
|
|
40382
|
-
const [commentsByNoteId, setCommentsByNoteId] =
|
|
40470
|
+
const [commentsByNoteId, setCommentsByNoteId] = useState52(
|
|
40383
40471
|
{}
|
|
40384
40472
|
);
|
|
40385
|
-
const [createdNotes, setCreatedNotes] =
|
|
40386
|
-
const [draftsByNoteId, setDraftsByNoteId] =
|
|
40473
|
+
const [createdNotes, setCreatedNotes] = useState52([]);
|
|
40474
|
+
const [draftsByNoteId, setDraftsByNoteId] = useState52(
|
|
40387
40475
|
{}
|
|
40388
40476
|
);
|
|
40389
|
-
const [draftTagsByNoteId, setDraftTagsByNoteId] =
|
|
40390
|
-
const [topDraft, setTopDraft] =
|
|
40391
|
-
const [topTags, setTopTags] =
|
|
40477
|
+
const [draftTagsByNoteId, setDraftTagsByNoteId] = useState52({});
|
|
40478
|
+
const [topDraft, setTopDraft] = useState52("");
|
|
40479
|
+
const [topTags, setTopTags] = useState52([]);
|
|
40392
40480
|
const allItems = useMemo23(
|
|
40393
40481
|
() => [...createdNotes, ...items],
|
|
40394
40482
|
[createdNotes, items]
|
|
@@ -40536,14 +40624,14 @@ function NotesActivity({
|
|
|
40536
40624
|
setActiveReplyNoteId(null);
|
|
40537
40625
|
onOpenTask == null ? void 0 : onOpenTask(source);
|
|
40538
40626
|
};
|
|
40539
|
-
|
|
40627
|
+
useEffect41(() => {
|
|
40540
40628
|
return () => {
|
|
40541
40629
|
if (singleClickTimerRef.current !== null) {
|
|
40542
40630
|
window.clearTimeout(singleClickTimerRef.current);
|
|
40543
40631
|
}
|
|
40544
40632
|
};
|
|
40545
40633
|
}, []);
|
|
40546
|
-
|
|
40634
|
+
useEffect41(() => {
|
|
40547
40635
|
if (!activeReplyNoteId) {
|
|
40548
40636
|
return;
|
|
40549
40637
|
}
|
|
@@ -40566,143 +40654,151 @@ function NotesActivity({
|
|
|
40566
40654
|
const activeFooterLabel = activeTab === "notes" ? notesFooterLabel : activityFooterLabel;
|
|
40567
40655
|
const activeFooterHref = activeTab === "notes" ? notesFooterHref : activityFooterHref;
|
|
40568
40656
|
const activeFooterClick = activeTab === "notes" ? onNotesFooterClick : onActivityFooterClick;
|
|
40569
|
-
const footerContent = /* @__PURE__ */
|
|
40657
|
+
const footerContent = /* @__PURE__ */ jsxs100(Fragment19, { children: [
|
|
40570
40658
|
/* @__PURE__ */ jsx122("span", { children: activeFooterLabel }),
|
|
40571
40659
|
/* @__PURE__ */ jsx122("span", { "aria-hidden": "true", className: NotesActivity_default.footerIcon, children: /* @__PURE__ */ jsx122(CatalogIcon, { iconName: "arrow-right" }) })
|
|
40572
40660
|
] });
|
|
40573
|
-
return /* @__PURE__ */
|
|
40574
|
-
|
|
40575
|
-
|
|
40576
|
-
|
|
40577
|
-
|
|
40578
|
-
|
|
40579
|
-
|
|
40580
|
-
|
|
40581
|
-
"
|
|
40582
|
-
{
|
|
40583
|
-
"aria-selected": activeTab === tab,
|
|
40584
|
-
className: NotesActivity_default.tab,
|
|
40585
|
-
"data-active": activeTab === tab,
|
|
40586
|
-
onClick: () => setTab(tab),
|
|
40587
|
-
role: "tab",
|
|
40588
|
-
type: "button",
|
|
40589
|
-
children: [
|
|
40590
|
-
/* @__PURE__ */ jsx122("span", { "aria-hidden": "true", className: NotesActivity_default.tabIcon, children: /* @__PURE__ */ jsx122(
|
|
40591
|
-
CatalogIcon,
|
|
40592
|
-
{
|
|
40593
|
-
iconName: tab === "notes" ? "note-sticky" : "clock-rotate-left"
|
|
40594
|
-
}
|
|
40595
|
-
) }),
|
|
40596
|
-
tab === "notes" ? "Notes" : "Activity"
|
|
40597
|
-
]
|
|
40598
|
-
},
|
|
40599
|
-
tab
|
|
40600
|
-
))
|
|
40601
|
-
}
|
|
40602
|
-
),
|
|
40603
|
-
activeTab === "notes" ? /* @__PURE__ */ jsx122(
|
|
40604
|
-
NoteComposer,
|
|
40605
|
-
{
|
|
40606
|
-
className: NotesActivity_default.composer,
|
|
40607
|
-
onAttachClick: onNoteAttachClick,
|
|
40608
|
-
onChange: setTopDraft,
|
|
40609
|
-
onEmojiSelect: onNoteEmojiSelect,
|
|
40610
|
-
onMentionClick: onNoteMentionClick,
|
|
40611
|
-
onSave: handleTopLevelSave,
|
|
40612
|
-
onTagsChange: setTopTags,
|
|
40613
|
-
placeholder: composerPlaceholder,
|
|
40614
|
-
saveButtonLabel,
|
|
40615
|
-
selectedTags: topTags,
|
|
40616
|
-
showAttach,
|
|
40617
|
-
showEmoji,
|
|
40618
|
-
showMention,
|
|
40619
|
-
showTags,
|
|
40620
|
-
tagOptions: noteTagOptions,
|
|
40621
|
-
value: topDraft
|
|
40622
|
-
}
|
|
40623
|
-
) : null,
|
|
40624
|
-
/* @__PURE__ */ jsx122(
|
|
40625
|
-
CustomScrollbar,
|
|
40626
|
-
{
|
|
40627
|
-
label: "Notes and activity feed",
|
|
40628
|
-
className: NotesActivity_default.feed,
|
|
40629
|
-
orientation: "vertical",
|
|
40630
|
-
children: /* @__PURE__ */ jsx122(
|
|
40631
|
-
ContentTimeline,
|
|
40661
|
+
return /* @__PURE__ */ jsxs100(
|
|
40662
|
+
"div",
|
|
40663
|
+
{
|
|
40664
|
+
className: [NotesActivity_default.root, className].filter(Boolean).join(" "),
|
|
40665
|
+
"data-active-tab": activeTab,
|
|
40666
|
+
"data-density": density,
|
|
40667
|
+
children: [
|
|
40668
|
+
/* @__PURE__ */ jsx122(
|
|
40669
|
+
"div",
|
|
40632
40670
|
{
|
|
40633
|
-
|
|
40634
|
-
|
|
40635
|
-
|
|
40636
|
-
|
|
40637
|
-
|
|
40638
|
-
|
|
40639
|
-
|
|
40640
|
-
|
|
40641
|
-
|
|
40642
|
-
|
|
40643
|
-
|
|
40671
|
+
"aria-label": "Notes and activity",
|
|
40672
|
+
className: NotesActivity_default.tabs,
|
|
40673
|
+
role: "tablist",
|
|
40674
|
+
children: ["notes", "activity"].map((tab) => /* @__PURE__ */ jsxs100(
|
|
40675
|
+
"button",
|
|
40676
|
+
{
|
|
40677
|
+
"aria-selected": activeTab === tab,
|
|
40678
|
+
className: NotesActivity_default.tab,
|
|
40679
|
+
"data-active": activeTab === tab,
|
|
40680
|
+
onClick: () => setTab(tab),
|
|
40681
|
+
role: "tab",
|
|
40682
|
+
type: "button",
|
|
40683
|
+
children: [
|
|
40684
|
+
/* @__PURE__ */ jsx122("span", { "aria-hidden": "true", className: NotesActivity_default.tabIcon, children: /* @__PURE__ */ jsx122(
|
|
40685
|
+
CatalogIcon,
|
|
40644
40686
|
{
|
|
40645
|
-
|
|
40646
|
-
onChange: (value) => {
|
|
40647
|
-
setDraftsByNoteId((current) => __spreadProps(__spreadValues({}, current), {
|
|
40648
|
-
[item.id]: value
|
|
40649
|
-
}));
|
|
40650
|
-
},
|
|
40651
|
-
onEmojiSelect: onNoteEmojiSelect,
|
|
40652
|
-
onMentionClick: onNoteMentionClick,
|
|
40653
|
-
onSubmit: (event) => handleThreadSubmit(item.id, event),
|
|
40654
|
-
onTagsChange: (tags) => {
|
|
40655
|
-
setDraftTagsByNoteId((current) => __spreadProps(__spreadValues({}, current), {
|
|
40656
|
-
[item.id]: tags
|
|
40657
|
-
}));
|
|
40658
|
-
},
|
|
40659
|
-
selectedTags: (_a2 = draftTagsByNoteId[item.id]) != null ? _a2 : [],
|
|
40660
|
-
showAttach,
|
|
40661
|
-
showEmoji,
|
|
40662
|
-
showMention,
|
|
40663
|
-
showTags,
|
|
40664
|
-
tagOptions: noteTagOptions,
|
|
40665
|
-
value: (_b2 = draftsByNoteId[item.id]) != null ? _b2 : ""
|
|
40687
|
+
iconName: tab === "notes" ? "note-sticky" : "clock-rotate-left"
|
|
40666
40688
|
}
|
|
40667
|
-
)
|
|
40668
|
-
|
|
40669
|
-
|
|
40670
|
-
|
|
40671
|
-
|
|
40672
|
-
|
|
40673
|
-
onItemDoubleClick: onOpenTask ? handleTimelineDoubleClick : void 0
|
|
40689
|
+
) }),
|
|
40690
|
+
tab === "notes" ? "Notes" : "Activity"
|
|
40691
|
+
]
|
|
40692
|
+
},
|
|
40693
|
+
tab
|
|
40694
|
+
))
|
|
40674
40695
|
}
|
|
40675
|
-
)
|
|
40676
|
-
|
|
40677
|
-
|
|
40678
|
-
|
|
40679
|
-
|
|
40680
|
-
|
|
40681
|
-
|
|
40682
|
-
|
|
40683
|
-
|
|
40684
|
-
|
|
40685
|
-
|
|
40686
|
-
|
|
40687
|
-
|
|
40696
|
+
),
|
|
40697
|
+
activeTab === "notes" ? /* @__PURE__ */ jsx122(
|
|
40698
|
+
NoteComposer,
|
|
40699
|
+
{
|
|
40700
|
+
className: NotesActivity_default.composer,
|
|
40701
|
+
onAttachClick: onNoteAttachClick,
|
|
40702
|
+
onChange: setTopDraft,
|
|
40703
|
+
onEmojiSelect: onNoteEmojiSelect,
|
|
40704
|
+
onMentionClick: onNoteMentionClick,
|
|
40705
|
+
onSave: handleTopLevelSave,
|
|
40706
|
+
onTagsChange: setTopTags,
|
|
40707
|
+
placeholder: composerPlaceholder,
|
|
40708
|
+
saveButtonLabel,
|
|
40709
|
+
selectedTags: topTags,
|
|
40710
|
+
showAttach,
|
|
40711
|
+
showEmoji,
|
|
40712
|
+
showMention,
|
|
40713
|
+
showTags,
|
|
40714
|
+
tagOptions: noteTagOptions,
|
|
40715
|
+
value: topDraft
|
|
40716
|
+
}
|
|
40717
|
+
) : null,
|
|
40718
|
+
/* @__PURE__ */ jsx122(
|
|
40719
|
+
CustomScrollbar,
|
|
40720
|
+
{
|
|
40721
|
+
label: "Notes and activity feed",
|
|
40722
|
+
className: NotesActivity_default.feed,
|
|
40723
|
+
orientation: "vertical",
|
|
40724
|
+
children: /* @__PURE__ */ jsx122(
|
|
40725
|
+
ContentTimeline,
|
|
40726
|
+
{
|
|
40727
|
+
groups: groupedItems.map((group) => ({
|
|
40728
|
+
items: toTimelineItems(group.items, {
|
|
40729
|
+
activeReplyNoteId,
|
|
40730
|
+
commentsByNoteId,
|
|
40731
|
+
enableReply: activeTab === "notes",
|
|
40732
|
+
onItemClick: activeTab === "notes" || onItemClick ? handleTimelineClick : void 0,
|
|
40733
|
+
onItemDoubleClick: onOpenTask ? handleTimelineDoubleClick : void 0,
|
|
40734
|
+
renderReplyComposer: (item) => {
|
|
40735
|
+
var _a2, _b2;
|
|
40736
|
+
return /* @__PURE__ */ jsx122(
|
|
40737
|
+
InlineReplyComposer,
|
|
40738
|
+
{
|
|
40739
|
+
onAttachClick: onNoteAttachClick,
|
|
40740
|
+
onChange: (value) => {
|
|
40741
|
+
setDraftsByNoteId((current) => __spreadProps(__spreadValues({}, current), {
|
|
40742
|
+
[item.id]: value
|
|
40743
|
+
}));
|
|
40744
|
+
},
|
|
40745
|
+
onEmojiSelect: onNoteEmojiSelect,
|
|
40746
|
+
onMentionClick: onNoteMentionClick,
|
|
40747
|
+
onSubmit: (event) => handleThreadSubmit(item.id, event),
|
|
40748
|
+
onTagsChange: (tags) => {
|
|
40749
|
+
setDraftTagsByNoteId((current) => __spreadProps(__spreadValues({}, current), {
|
|
40750
|
+
[item.id]: tags
|
|
40751
|
+
}));
|
|
40752
|
+
},
|
|
40753
|
+
selectedTags: (_a2 = draftTagsByNoteId[item.id]) != null ? _a2 : [],
|
|
40754
|
+
showAttach,
|
|
40755
|
+
showEmoji,
|
|
40756
|
+
showMention,
|
|
40757
|
+
showTags,
|
|
40758
|
+
tagOptions: noteTagOptions,
|
|
40759
|
+
value: (_b2 = draftsByNoteId[item.id]) != null ? _b2 : ""
|
|
40760
|
+
}
|
|
40761
|
+
);
|
|
40762
|
+
}
|
|
40763
|
+
}),
|
|
40764
|
+
label: group.dateGroup
|
|
40765
|
+
})),
|
|
40766
|
+
onItemClick: activeTab === "notes" || onItemClick ? handleTimelineClick : void 0,
|
|
40767
|
+
onItemDoubleClick: onOpenTask ? handleTimelineDoubleClick : void 0
|
|
40768
|
+
}
|
|
40769
|
+
)
|
|
40770
|
+
}
|
|
40771
|
+
),
|
|
40772
|
+
/* @__PURE__ */ jsx122("footer", { className: NotesActivity_default.footer, children: activeFooterHref ? /* @__PURE__ */ jsx122("a", { className: NotesActivity_default.footerAction, href: activeFooterHref, children: footerContent }) : /* @__PURE__ */ jsx122(
|
|
40773
|
+
"button",
|
|
40774
|
+
{
|
|
40775
|
+
className: NotesActivity_default.footerAction,
|
|
40776
|
+
onClick: activeFooterClick,
|
|
40777
|
+
type: "button",
|
|
40778
|
+
children: footerContent
|
|
40779
|
+
}
|
|
40780
|
+
) })
|
|
40781
|
+
]
|
|
40782
|
+
}
|
|
40783
|
+
);
|
|
40688
40784
|
}
|
|
40689
40785
|
|
|
40690
40786
|
// ../../components/TopPerformingUsers/TopPerformingUsers.tsx
|
|
40691
40787
|
import { useMemo as useMemo24 } from "react";
|
|
40692
40788
|
|
|
40693
40789
|
// ../../components/TopPerformingUsers/TopPerformingUsers.module.css
|
|
40694
|
-
var TopPerformingUsers_default = {"value":"opus_sYx0a6_value","barTrack":"opus_sYx0a6_barTrack","
|
|
40790
|
+
var TopPerformingUsers_default = {"barFill":"opus_sYx0a6_barFill","value":"opus_sYx0a6_value","barTrack":"opus_sYx0a6_barTrack","title":"opus_sYx0a6_title","list":"opus_sYx0a6_list","root":"opus_sYx0a6_root","item":"opus_sYx0a6_item","row":"opus_sYx0a6_row","itemAction":"opus_sYx0a6_itemAction","header":"opus_sYx0a6_header","name":"opus_sYx0a6_name"};
|
|
40695
40791
|
|
|
40696
40792
|
// ../../components/TopPerformingUsers/TopPerformingUsers.tsx
|
|
40697
|
-
import { Fragment as Fragment20, jsx as jsx123, jsxs as
|
|
40793
|
+
import { Fragment as Fragment20, jsx as jsx123, jsxs as jsxs101 } from "react/jsx-runtime";
|
|
40698
40794
|
function PersonRow({
|
|
40699
40795
|
maxValue: maxValue2,
|
|
40700
40796
|
onPersonClick,
|
|
40701
40797
|
user
|
|
40702
40798
|
}) {
|
|
40703
|
-
const content = /* @__PURE__ */
|
|
40799
|
+
const content = /* @__PURE__ */ jsxs101(Fragment20, { children: [
|
|
40704
40800
|
/* @__PURE__ */ jsx123(Avatar, { name: user.name, size: "sm", src: user.src }),
|
|
40705
|
-
/* @__PURE__ */
|
|
40801
|
+
/* @__PURE__ */ jsxs101("div", { className: TopPerformingUsers_default.row, children: [
|
|
40706
40802
|
/* @__PURE__ */ jsx123("span", { className: TopPerformingUsers_default.name, children: user.name }),
|
|
40707
40803
|
/* @__PURE__ */ jsx123("div", { className: TopPerformingUsers_default.barTrack, children: /* @__PURE__ */ jsx123("span", { className: TopPerformingUsers_default.barFill, style: { width: `${user.value / maxValue2 * 100}%` } }) }),
|
|
40708
40804
|
/* @__PURE__ */ jsx123("span", { className: TopPerformingUsers_default.value, children: user.displayValue })
|
|
@@ -40735,7 +40831,7 @@ function TopPerformingUsers({
|
|
|
40735
40831
|
[users]
|
|
40736
40832
|
);
|
|
40737
40833
|
const visibleUsers = users.slice(0, 3);
|
|
40738
|
-
return /* @__PURE__ */
|
|
40834
|
+
return /* @__PURE__ */ jsxs101("div", { className: [TopPerformingUsers_default.root, className].filter(Boolean).join(" "), children: [
|
|
40739
40835
|
/* @__PURE__ */ jsx123("header", { className: TopPerformingUsers_default.header, children: /* @__PURE__ */ jsx123("h3", { className: TopPerformingUsers_default.title, children: title }) }),
|
|
40740
40836
|
/* @__PURE__ */ jsx123("ul", { className: [shared_default.list, TopPerformingUsers_default.list].join(" "), children: visibleUsers.map((user) => /* @__PURE__ */ jsx123("li", { className: TopPerformingUsers_default.item, children: /* @__PURE__ */ jsx123(PersonRow, { maxValue: maxValue2, onPersonClick, user }) }, user.id)) }),
|
|
40741
40837
|
/* @__PURE__ */ jsx123(
|
|
@@ -40750,10 +40846,10 @@ function TopPerformingUsers({
|
|
|
40750
40846
|
}
|
|
40751
40847
|
|
|
40752
40848
|
// ../../components/UserProfileWidget/UserProfileWidget.module.css
|
|
40753
|
-
var UserProfileWidget_default = {"
|
|
40849
|
+
var UserProfileWidget_default = {"name":"opus_zjR1aT_name","avatarButton":"opus_zjR1aT_avatarButton","root":"opus_zjR1aT_root","role":"opus_zjR1aT_role","chevron":"opus_zjR1aT_chevron","copy":"opus_zjR1aT_copy","chevronButton":"opus_zjR1aT_chevronButton"};
|
|
40754
40850
|
|
|
40755
40851
|
// ../../components/UserProfileWidget/UserProfileWidget.tsx
|
|
40756
|
-
import { jsx as jsx124, jsxs as
|
|
40852
|
+
import { jsx as jsx124, jsxs as jsxs102 } from "react/jsx-runtime";
|
|
40757
40853
|
function UserProfileWidget({
|
|
40758
40854
|
avatarSize = "md",
|
|
40759
40855
|
className,
|
|
@@ -40776,7 +40872,7 @@ function UserProfileWidget({
|
|
|
40776
40872
|
onSelect: () => handleMenuSelect(item)
|
|
40777
40873
|
}));
|
|
40778
40874
|
const avatar = /* @__PURE__ */ jsx124(Avatar, { name, size: avatarSize, src });
|
|
40779
|
-
return /* @__PURE__ */
|
|
40875
|
+
return /* @__PURE__ */ jsxs102("div", { className: [UserProfileWidget_default.root, className].filter(Boolean).join(" "), children: [
|
|
40780
40876
|
onAvatarClick ? /* @__PURE__ */ jsx124(
|
|
40781
40877
|
"button",
|
|
40782
40878
|
{
|
|
@@ -40787,7 +40883,7 @@ function UserProfileWidget({
|
|
|
40787
40883
|
children: avatar
|
|
40788
40884
|
}
|
|
40789
40885
|
) : avatar,
|
|
40790
|
-
/* @__PURE__ */
|
|
40886
|
+
/* @__PURE__ */ jsxs102("div", { className: UserProfileWidget_default.copy, children: [
|
|
40791
40887
|
/* @__PURE__ */ jsx124("span", { className: UserProfileWidget_default.name, children: name }),
|
|
40792
40888
|
/* @__PURE__ */ jsx124("span", { className: UserProfileWidget_default.role, children: role })
|
|
40793
40889
|
] }),
|
|
@@ -40818,8 +40914,8 @@ function UserProfileWidget({
|
|
|
40818
40914
|
}
|
|
40819
40915
|
|
|
40820
40916
|
// ../../components/UserProfileWidget/ProfilePhotoUploadModal.tsx
|
|
40821
|
-
import { useEffect as
|
|
40822
|
-
import { Fragment as Fragment21, jsx as jsx125, jsxs as
|
|
40917
|
+
import { useEffect as useEffect42, useState as useState53 } from "react";
|
|
40918
|
+
import { Fragment as Fragment21, jsx as jsx125, jsxs as jsxs103 } from "react/jsx-runtime";
|
|
40823
40919
|
var defaultUserProfilePhotoUploadOptions = {
|
|
40824
40920
|
changeButtonLabel: "Change photo",
|
|
40825
40921
|
cropButtonLabel: "Apply crop",
|
|
@@ -40842,10 +40938,10 @@ function ProfilePhotoUploadModal({
|
|
|
40842
40938
|
value
|
|
40843
40939
|
}) {
|
|
40844
40940
|
var _a2;
|
|
40845
|
-
const [draftPhoto, setDraftPhoto] =
|
|
40846
|
-
const [cropAvailability, setCropAvailability] =
|
|
40941
|
+
const [draftPhoto, setDraftPhoto] = useState53(value != null ? value : "");
|
|
40942
|
+
const [cropAvailability, setCropAvailability] = useState53(null);
|
|
40847
40943
|
const resolvedOptions = __spreadValues(__spreadValues({}, defaultUserProfilePhotoUploadOptions), options);
|
|
40848
|
-
|
|
40944
|
+
useEffect42(() => {
|
|
40849
40945
|
if (open) {
|
|
40850
40946
|
setDraftPhoto(value != null ? value : "");
|
|
40851
40947
|
setCropAvailability(null);
|
|
@@ -40859,7 +40955,7 @@ function ProfilePhotoUploadModal({
|
|
|
40859
40955
|
return /* @__PURE__ */ jsx125(
|
|
40860
40956
|
Modal,
|
|
40861
40957
|
{
|
|
40862
|
-
actions: /* @__PURE__ */
|
|
40958
|
+
actions: /* @__PURE__ */ jsxs103(Fragment21, { children: [
|
|
40863
40959
|
/* @__PURE__ */ jsx125(Button, { type: "button", variant: "secondary", onClick: handleClose, children: (_a2 = options == null ? void 0 : options.cancelButtonLabel) != null ? _a2 : "Cancel" }),
|
|
40864
40960
|
(cropAvailability == null ? void 0 : cropAvailability.canApply) ? /* @__PURE__ */ jsx125(
|
|
40865
40961
|
Button,
|
|
@@ -40921,7 +41017,7 @@ function ProfilePhotoUploadModal({
|
|
|
40921
41017
|
var ImageCropUploadWidget_default = {"title":"opus_jO9vJQ_title","root":"opus_jO9vJQ_root","field":"opus_jO9vJQ_field"};
|
|
40922
41018
|
|
|
40923
41019
|
// ../../components/ImageCropUploadWidget/ImageCropUploadWidget.tsx
|
|
40924
|
-
import { jsx as jsx126, jsxs as
|
|
41020
|
+
import { jsx as jsx126, jsxs as jsxs104 } from "react/jsx-runtime";
|
|
40925
41021
|
function ImageCropUploadWidget({
|
|
40926
41022
|
changeButtonLabel,
|
|
40927
41023
|
className,
|
|
@@ -40956,17 +41052,17 @@ function ImageCropUploadWidget({
|
|
|
40956
41052
|
zoomLabel,
|
|
40957
41053
|
zoomStep
|
|
40958
41054
|
};
|
|
40959
|
-
return /* @__PURE__ */
|
|
41055
|
+
return /* @__PURE__ */ jsxs104("div", { className: [ImageCropUploadWidget_default.root, className].filter(Boolean).join(" "), children: [
|
|
40960
41056
|
title ? /* @__PURE__ */ jsx126("h3", { className: ImageCropUploadWidget_default.title, children: title }) : null,
|
|
40961
41057
|
/* @__PURE__ */ jsx126("div", { className: ImageCropUploadWidget_default.field, children: /* @__PURE__ */ jsx126(ImageCropUploadField, __spreadValues({}, fieldProps)) })
|
|
40962
41058
|
] });
|
|
40963
41059
|
}
|
|
40964
41060
|
|
|
40965
41061
|
// ../../components/DashboardContentContainer/DashboardContentContainer.module.css
|
|
40966
|
-
var DashboardContentContainer_default = {"
|
|
41062
|
+
var DashboardContentContainer_default = {"container":"opus_myuwZ6_container","title":"opus_myuwZ6_title"};
|
|
40967
41063
|
|
|
40968
41064
|
// ../../components/DashboardContentContainer/DashboardContentContainer.tsx
|
|
40969
|
-
import { jsx as jsx127, jsxs as
|
|
41065
|
+
import { jsx as jsx127, jsxs as jsxs105 } from "react/jsx-runtime";
|
|
40970
41066
|
function DashboardContentContainer({
|
|
40971
41067
|
children,
|
|
40972
41068
|
className,
|
|
@@ -40979,7 +41075,7 @@ function DashboardContentContainer({
|
|
|
40979
41075
|
title,
|
|
40980
41076
|
width = "widget"
|
|
40981
41077
|
}) {
|
|
40982
|
-
return /* @__PURE__ */
|
|
41078
|
+
return /* @__PURE__ */ jsxs105(
|
|
40983
41079
|
"article",
|
|
40984
41080
|
{
|
|
40985
41081
|
className: [DashboardContentContainer_default.container, className].filter(Boolean).join(" "),
|
|
@@ -40999,13 +41095,13 @@ function DashboardContentContainer({
|
|
|
40999
41095
|
}
|
|
41000
41096
|
|
|
41001
41097
|
// ../../components/PropertyInspector/PropertyInspector.tsx
|
|
41002
|
-
import { useMemo as useMemo25, useState as
|
|
41098
|
+
import { useMemo as useMemo25, useState as useState54 } from "react";
|
|
41003
41099
|
|
|
41004
41100
|
// ../../components/PropertyInspector/PropertyInspector.module.css
|
|
41005
|
-
var PropertyInspector_default = {"
|
|
41101
|
+
var PropertyInspector_default = {"group":"opus_IrN8Z8_group","groupHeader":"opus_IrN8Z8_groupHeader","valueCell":"opus_IrN8Z8_valueCell","value":"opus_IrN8Z8_value","label":"opus_IrN8Z8_label","searchRow":"opus_IrN8Z8_searchRow","input":"opus_IrN8Z8_input","root":"opus_IrN8Z8_root","rows":"opus_IrN8Z8_rows","search":"opus_IrN8Z8_search","checkbox":"opus_IrN8Z8_checkbox","select":"opus_IrN8Z8_select","row":"opus_IrN8Z8_row"};
|
|
41006
41102
|
|
|
41007
41103
|
// ../../components/PropertyInspector/PropertyInspector.tsx
|
|
41008
|
-
import { jsx as jsx128, jsxs as
|
|
41104
|
+
import { jsx as jsx128, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
41009
41105
|
function isSelectValue(value) {
|
|
41010
41106
|
return Boolean(value && typeof value === "object" && "options" in value);
|
|
41011
41107
|
}
|
|
@@ -41015,8 +41111,8 @@ function formatDisplay(value) {
|
|
|
41015
41111
|
return String(value);
|
|
41016
41112
|
}
|
|
41017
41113
|
function PropertyInspector({ items, onChange, searchable = false }) {
|
|
41018
|
-
const [query, setQuery] =
|
|
41019
|
-
const [collapsed, setCollapsed] =
|
|
41114
|
+
const [query, setQuery] = useState54("");
|
|
41115
|
+
const [collapsed, setCollapsed] = useState54(/* @__PURE__ */ new Set());
|
|
41020
41116
|
const filtered = useMemo25(() => {
|
|
41021
41117
|
const needle = query.trim().toLowerCase();
|
|
41022
41118
|
if (!needle) return items;
|
|
@@ -41046,7 +41142,7 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
41046
41142
|
return next;
|
|
41047
41143
|
});
|
|
41048
41144
|
}
|
|
41049
|
-
return /* @__PURE__ */
|
|
41145
|
+
return /* @__PURE__ */ jsxs106("div", { className: PropertyInspector_default.root, "aria-label": "Property inspector", children: [
|
|
41050
41146
|
searchable ? /* @__PURE__ */ jsx128("div", { className: PropertyInspector_default.searchRow, children: /* @__PURE__ */ jsx128(
|
|
41051
41147
|
"input",
|
|
41052
41148
|
{
|
|
@@ -41060,8 +41156,8 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
41060
41156
|
) }) : null,
|
|
41061
41157
|
groups.map(([group, groupItems]) => {
|
|
41062
41158
|
const isCollapsed = collapsed.has(group);
|
|
41063
|
-
return /* @__PURE__ */
|
|
41064
|
-
/* @__PURE__ */
|
|
41159
|
+
return /* @__PURE__ */ jsxs106("section", { className: PropertyInspector_default.group, children: [
|
|
41160
|
+
/* @__PURE__ */ jsxs106(
|
|
41065
41161
|
"button",
|
|
41066
41162
|
{
|
|
41067
41163
|
"aria-expanded": !isCollapsed,
|
|
@@ -41074,7 +41170,7 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
41074
41170
|
]
|
|
41075
41171
|
}
|
|
41076
41172
|
),
|
|
41077
|
-
!isCollapsed ? /* @__PURE__ */ jsx128("div", { className: PropertyInspector_default.rows, role: "table", children: groupItems.map((item) => /* @__PURE__ */
|
|
41173
|
+
!isCollapsed ? /* @__PURE__ */ jsx128("div", { className: PropertyInspector_default.rows, role: "table", children: groupItems.map((item) => /* @__PURE__ */ jsxs106("div", { className: PropertyInspector_default.row, role: "row", children: [
|
|
41078
41174
|
/* @__PURE__ */ jsx128("div", { className: PropertyInspector_default.label, role: "rowheader", children: item.label }),
|
|
41079
41175
|
/* @__PURE__ */ jsx128("div", { className: PropertyInspector_default.valueCell, role: "cell", children: item.readOnly || !onChange ? /* @__PURE__ */ jsx128("span", { className: PropertyInspector_default.value, children: formatDisplay(item.value) }) : typeof item.value === "boolean" ? /* @__PURE__ */ jsx128(
|
|
41080
41176
|
"input",
|
|
@@ -41122,10 +41218,10 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
41122
41218
|
import { useMemo as useMemo26 } from "react";
|
|
41123
41219
|
|
|
41124
41220
|
// ../../components/FilterBuilder/FilterBuilder.module.css
|
|
41125
|
-
var FilterBuilder_default = {"
|
|
41221
|
+
var FilterBuilder_default = {"joinerSpacer":"opus_CtJDHh_joinerSpacer","title":"opus_CtJDHh_title","select":"opus_CtJDHh_select","remove":"opus_CtJDHh_remove","input":"opus_CtJDHh_input","joiner":"opus_CtJDHh_joiner","row":"opus_CtJDHh_row","outputLabel":"opus_CtJDHh_outputLabel","header":"opus_CtJDHh_header","expression":"opus_CtJDHh_expression","output":"opus_CtJDHh_output","valuePlaceholder":"opus_CtJDHh_valuePlaceholder","root":"opus_CtJDHh_root","empty":"opus_CtJDHh_empty","list":"opus_CtJDHh_list","payload":"opus_CtJDHh_payload","add":"opus_CtJDHh_add"};
|
|
41126
41222
|
|
|
41127
41223
|
// ../../components/FilterBuilder/FilterBuilder.tsx
|
|
41128
|
-
import { jsx as jsx129, jsxs as
|
|
41224
|
+
import { jsx as jsx129, jsxs as jsxs107 } from "react/jsx-runtime";
|
|
41129
41225
|
var operators = [
|
|
41130
41226
|
{ value: "eq", label: "equals" },
|
|
41131
41227
|
{ value: "neq", label: "not equals" },
|
|
@@ -41172,12 +41268,12 @@ function FilterBuilder({ conditions, fields, onChange }) {
|
|
|
41172
41268
|
),
|
|
41173
41269
|
[conditions]
|
|
41174
41270
|
);
|
|
41175
|
-
return /* @__PURE__ */
|
|
41176
|
-
/* @__PURE__ */
|
|
41271
|
+
return /* @__PURE__ */ jsxs107("div", { className: FilterBuilder_default.root, "aria-label": "Filter builder", children: [
|
|
41272
|
+
/* @__PURE__ */ jsxs107("div", { className: FilterBuilder_default.header, children: [
|
|
41177
41273
|
/* @__PURE__ */ jsx129("span", { className: FilterBuilder_default.title, children: "Filters" }),
|
|
41178
41274
|
/* @__PURE__ */ jsx129("button", { className: FilterBuilder_default.add, onClick: () => onChange([...conditions, createCondition(fields)]), type: "button", children: "Add filter" })
|
|
41179
41275
|
] }),
|
|
41180
|
-
conditions.length === 0 ? /* @__PURE__ */ jsx129("p", { className: FilterBuilder_default.empty, children: "No filters. Add one to narrow results." }) : /* @__PURE__ */ jsx129("ul", { className: FilterBuilder_default.list, children: conditions.map((condition, index) => /* @__PURE__ */
|
|
41276
|
+
conditions.length === 0 ? /* @__PURE__ */ jsx129("p", { className: FilterBuilder_default.empty, children: "No filters. Add one to narrow results." }) : /* @__PURE__ */ jsx129("ul", { className: FilterBuilder_default.list, children: conditions.map((condition, index) => /* @__PURE__ */ jsxs107("li", { className: FilterBuilder_default.row, children: [
|
|
41181
41277
|
index > 0 ? /* @__PURE__ */ jsx129("span", { className: FilterBuilder_default.joiner, children: "AND" }) : /* @__PURE__ */ jsx129("span", { className: FilterBuilder_default.joinerSpacer }),
|
|
41182
41278
|
/* @__PURE__ */ jsx129(
|
|
41183
41279
|
"select",
|
|
@@ -41220,7 +41316,7 @@ function FilterBuilder({ conditions, fields, onChange }) {
|
|
|
41220
41316
|
}
|
|
41221
41317
|
)
|
|
41222
41318
|
] }, condition.id)) }),
|
|
41223
|
-
/* @__PURE__ */
|
|
41319
|
+
/* @__PURE__ */ jsxs107("div", { className: FilterBuilder_default.output, "aria-label": "Filter output", children: [
|
|
41224
41320
|
/* @__PURE__ */ jsx129("div", { className: FilterBuilder_default.outputLabel, children: "Output" }),
|
|
41225
41321
|
/* @__PURE__ */ jsx129("p", { className: FilterBuilder_default.expression, children: expression }),
|
|
41226
41322
|
/* @__PURE__ */ jsx129("pre", { className: FilterBuilder_default.payload, tabIndex: 0, children: JSON.stringify(payload, null, 2) })
|
|
@@ -41232,10 +41328,10 @@ function FilterBuilder({ conditions, fields, onChange }) {
|
|
|
41232
41328
|
import { useMemo as useMemo27 } from "react";
|
|
41233
41329
|
|
|
41234
41330
|
// ../../components/QueryBuilder/QueryBuilder.module.css
|
|
41235
|
-
var QueryBuilder_default = {"
|
|
41331
|
+
var QueryBuilder_default = {"chip":"opus_b7dZwd_chip","remove":"opus_b7dZwd_remove","selectNarrow":"opus_b7dZwd_selectNarrow","select":"opus_b7dZwd_select","combinator":"opus_b7dZwd_combinator","list":"opus_b7dZwd_list","outputLabel":"opus_b7dZwd_outputLabel","empty":"opus_b7dZwd_empty","add":"opus_b7dZwd_add","expression":"opus_b7dZwd_expression","payload":"opus_b7dZwd_payload","root":"opus_b7dZwd_root","row":"opus_b7dZwd_row","output":"opus_b7dZwd_output","chipSpacer":"opus_b7dZwd_chipSpacer","input":"opus_b7dZwd_input","toolbar":"opus_b7dZwd_toolbar"};
|
|
41236
41332
|
|
|
41237
41333
|
// ../../components/QueryBuilder/QueryBuilder.tsx
|
|
41238
|
-
import { jsx as jsx130, jsxs as
|
|
41334
|
+
import { jsx as jsx130, jsxs as jsxs108 } from "react/jsx-runtime";
|
|
41239
41335
|
var operators2 = [
|
|
41240
41336
|
{ value: "eq", label: "=" },
|
|
41241
41337
|
{ value: "neq", label: "\u2260" },
|
|
@@ -41284,11 +41380,11 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
41284
41380
|
}),
|
|
41285
41381
|
[group]
|
|
41286
41382
|
);
|
|
41287
|
-
return /* @__PURE__ */
|
|
41288
|
-
/* @__PURE__ */
|
|
41289
|
-
/* @__PURE__ */
|
|
41383
|
+
return /* @__PURE__ */ jsxs108("div", { className: QueryBuilder_default.root, "aria-label": "Query builder", children: [
|
|
41384
|
+
/* @__PURE__ */ jsxs108("div", { className: QueryBuilder_default.toolbar, children: [
|
|
41385
|
+
/* @__PURE__ */ jsxs108("label", { className: QueryBuilder_default.combinator, children: [
|
|
41290
41386
|
"Match",
|
|
41291
|
-
/* @__PURE__ */
|
|
41387
|
+
/* @__PURE__ */ jsxs108(
|
|
41292
41388
|
"select",
|
|
41293
41389
|
{
|
|
41294
41390
|
"aria-label": "Combinator",
|
|
@@ -41304,7 +41400,7 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
41304
41400
|
] }),
|
|
41305
41401
|
/* @__PURE__ */ jsx130("button", { className: QueryBuilder_default.add, onClick: () => onChange(__spreadProps(__spreadValues({}, group), { rules: [...group.rules, createRule(fields)] })), type: "button", children: "Add rule" })
|
|
41306
41402
|
] }),
|
|
41307
|
-
group.rules.length === 0 ? /* @__PURE__ */ jsx130("p", { className: QueryBuilder_default.empty, children: "Add at least one rule to build a query." }) : /* @__PURE__ */ jsx130("ul", { className: QueryBuilder_default.list, children: group.rules.map((rule, index) => /* @__PURE__ */
|
|
41403
|
+
group.rules.length === 0 ? /* @__PURE__ */ jsx130("p", { className: QueryBuilder_default.empty, children: "Add at least one rule to build a query." }) : /* @__PURE__ */ jsx130("ul", { className: QueryBuilder_default.list, children: group.rules.map((rule, index) => /* @__PURE__ */ jsxs108("li", { className: QueryBuilder_default.row, children: [
|
|
41308
41404
|
index > 0 ? /* @__PURE__ */ jsx130("span", { className: QueryBuilder_default.chip, children: group.combinator.toUpperCase() }) : /* @__PURE__ */ jsx130("span", { className: QueryBuilder_default.chipSpacer }),
|
|
41309
41405
|
/* @__PURE__ */ jsx130(
|
|
41310
41406
|
"select",
|
|
@@ -41347,7 +41443,7 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
41347
41443
|
}
|
|
41348
41444
|
)
|
|
41349
41445
|
] }, rule.id)) }),
|
|
41350
|
-
/* @__PURE__ */
|
|
41446
|
+
/* @__PURE__ */ jsxs108("div", { className: QueryBuilder_default.output, "aria-label": "Query output", children: [
|
|
41351
41447
|
/* @__PURE__ */ jsx130("div", { className: QueryBuilder_default.outputLabel, children: "Output" }),
|
|
41352
41448
|
/* @__PURE__ */ jsx130("p", { className: QueryBuilder_default.expression, children: expression }),
|
|
41353
41449
|
/* @__PURE__ */ jsx130("pre", { className: QueryBuilder_default.payload, tabIndex: 0, children: JSON.stringify(payload, null, 2) })
|
|
@@ -41359,10 +41455,10 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
41359
41455
|
import { useMemo as useMemo28 } from "react";
|
|
41360
41456
|
|
|
41361
41457
|
// ../../components/RuleBuilder/RuleBuilder.module.css
|
|
41362
|
-
var RuleBuilder_default = {"
|
|
41458
|
+
var RuleBuilder_default = {"priority":"opus_O61tUk_priority","card":"opus_O61tUk_card","cardTop":"opus_O61tUk_cardTop","enabled":"opus_O61tUk_enabled","field":"opus_O61tUk_field","output":"opus_O61tUk_output","name":"opus_O61tUk_name","actions":"opus_O61tUk_actions","select":"opus_O61tUk_select","list":"opus_O61tUk_list","add":"opus_O61tUk_add","action":"opus_O61tUk_action","subtitle":"opus_O61tUk_subtitle","header":"opus_O61tUk_header","input":"opus_O61tUk_input","outputLabel":"opus_O61tUk_outputLabel","title":"opus_O61tUk_title","empty":"opus_O61tUk_empty","root":"opus_O61tUk_root","expression":"opus_O61tUk_expression","payload":"opus_O61tUk_payload"};
|
|
41363
41459
|
|
|
41364
41460
|
// ../../components/RuleBuilder/RuleBuilder.tsx
|
|
41365
|
-
import { jsx as jsx131, jsxs as
|
|
41461
|
+
import { jsx as jsx131, jsxs as jsxs109 } from "react/jsx-runtime";
|
|
41366
41462
|
var effects = ["allow", "deny", "notify", "route"];
|
|
41367
41463
|
function createRule2(priority) {
|
|
41368
41464
|
return {
|
|
@@ -41402,9 +41498,9 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41402
41498
|
})),
|
|
41403
41499
|
[rules]
|
|
41404
41500
|
);
|
|
41405
|
-
return /* @__PURE__ */
|
|
41406
|
-
/* @__PURE__ */
|
|
41407
|
-
/* @__PURE__ */
|
|
41501
|
+
return /* @__PURE__ */ jsxs109("div", { className: RuleBuilder_default.root, "aria-label": "Rule builder", children: [
|
|
41502
|
+
/* @__PURE__ */ jsxs109("div", { className: RuleBuilder_default.header, children: [
|
|
41503
|
+
/* @__PURE__ */ jsxs109("div", { children: [
|
|
41408
41504
|
/* @__PURE__ */ jsx131("div", { className: RuleBuilder_default.title, children: "Rules" }),
|
|
41409
41505
|
/* @__PURE__ */ jsx131("p", { className: RuleBuilder_default.subtitle, children: "Ordered policies evaluated from top to bottom." })
|
|
41410
41506
|
] }),
|
|
@@ -41418,9 +41514,9 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41418
41514
|
}
|
|
41419
41515
|
)
|
|
41420
41516
|
] }),
|
|
41421
|
-
rules.length === 0 ? /* @__PURE__ */ jsx131("p", { className: RuleBuilder_default.empty, children: "No rules yet." }) : /* @__PURE__ */ jsx131("ol", { className: RuleBuilder_default.list, children: rules.map((rule, index) => /* @__PURE__ */
|
|
41422
|
-
/* @__PURE__ */
|
|
41423
|
-
/* @__PURE__ */
|
|
41517
|
+
rules.length === 0 ? /* @__PURE__ */ jsx131("p", { className: RuleBuilder_default.empty, children: "No rules yet." }) : /* @__PURE__ */ jsx131("ol", { className: RuleBuilder_default.list, children: rules.map((rule, index) => /* @__PURE__ */ jsxs109("li", { className: RuleBuilder_default.card, children: [
|
|
41518
|
+
/* @__PURE__ */ jsxs109("div", { className: RuleBuilder_default.cardTop, children: [
|
|
41519
|
+
/* @__PURE__ */ jsxs109("span", { className: RuleBuilder_default.priority, children: [
|
|
41424
41520
|
"#",
|
|
41425
41521
|
rule.priority
|
|
41426
41522
|
] }),
|
|
@@ -41433,7 +41529,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41433
41529
|
value: rule.name
|
|
41434
41530
|
}
|
|
41435
41531
|
),
|
|
41436
|
-
/* @__PURE__ */
|
|
41532
|
+
/* @__PURE__ */ jsxs109("label", { className: RuleBuilder_default.enabled, children: [
|
|
41437
41533
|
/* @__PURE__ */ jsx131(
|
|
41438
41534
|
"input",
|
|
41439
41535
|
{
|
|
@@ -41445,7 +41541,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41445
41541
|
"On"
|
|
41446
41542
|
] })
|
|
41447
41543
|
] }),
|
|
41448
|
-
/* @__PURE__ */
|
|
41544
|
+
/* @__PURE__ */ jsxs109("label", { className: RuleBuilder_default.field, children: [
|
|
41449
41545
|
"When",
|
|
41450
41546
|
/* @__PURE__ */ jsx131(
|
|
41451
41547
|
"input",
|
|
@@ -41456,7 +41552,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41456
41552
|
}
|
|
41457
41553
|
)
|
|
41458
41554
|
] }),
|
|
41459
|
-
/* @__PURE__ */
|
|
41555
|
+
/* @__PURE__ */ jsxs109("label", { className: RuleBuilder_default.field, children: [
|
|
41460
41556
|
"Then",
|
|
41461
41557
|
/* @__PURE__ */ jsx131(
|
|
41462
41558
|
"select",
|
|
@@ -41468,7 +41564,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41468
41564
|
}
|
|
41469
41565
|
)
|
|
41470
41566
|
] }),
|
|
41471
|
-
/* @__PURE__ */
|
|
41567
|
+
/* @__PURE__ */ jsxs109("div", { className: RuleBuilder_default.actions, children: [
|
|
41472
41568
|
/* @__PURE__ */ jsx131("button", { className: RuleBuilder_default.action, disabled: index === 0, onClick: () => move(rule.id, -1), type: "button", children: "\u2191" }),
|
|
41473
41569
|
/* @__PURE__ */ jsx131(
|
|
41474
41570
|
"button",
|
|
@@ -41493,7 +41589,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41493
41589
|
)
|
|
41494
41590
|
] })
|
|
41495
41591
|
] }, rule.id)) }),
|
|
41496
|
-
/* @__PURE__ */
|
|
41592
|
+
/* @__PURE__ */ jsxs109("div", { className: RuleBuilder_default.output, "aria-label": "Rule output", children: [
|
|
41497
41593
|
/* @__PURE__ */ jsx131("div", { className: RuleBuilder_default.outputLabel, children: "Output" }),
|
|
41498
41594
|
/* @__PURE__ */ jsx131("p", { className: RuleBuilder_default.expression, children: expression }),
|
|
41499
41595
|
/* @__PURE__ */ jsx131("pre", { className: RuleBuilder_default.payload, tabIndex: 0, children: JSON.stringify(payload, null, 2) })
|
|
@@ -41502,18 +41598,18 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41502
41598
|
}
|
|
41503
41599
|
|
|
41504
41600
|
// ../../components/PermissionsMatrix/PermissionsMatrix.module.css
|
|
41505
|
-
var PermissionsMatrix_default = {"
|
|
41601
|
+
var PermissionsMatrix_default = {"cell":"opus_x-xBrX_cell","root":"opus_x-xBrX_root","head":"opus_x-xBrX_head","table":"opus_x-xBrX_table","rowHead":"opus_x-xBrX_rowHead","select":"opus_x-xBrX_select","corner":"opus_x-xBrX_corner","scroll":"opus_x-xBrX_scroll"};
|
|
41506
41602
|
|
|
41507
41603
|
// ../../components/PermissionsMatrix/PermissionsMatrix.tsx
|
|
41508
|
-
import { jsx as jsx132, jsxs as
|
|
41604
|
+
import { jsx as jsx132, jsxs as jsxs110 } from "react/jsx-runtime";
|
|
41509
41605
|
var levels = ["none", "read", "write", "admin"];
|
|
41510
41606
|
function PermissionsMatrix({ onChange, permissions, resources, roles }) {
|
|
41511
|
-
return /* @__PURE__ */ jsx132("div", { className: PermissionsMatrix_default.root, "aria-label": "Permissions matrix", children: /* @__PURE__ */ jsx132("div", { className: PermissionsMatrix_default.scroll, children: /* @__PURE__ */
|
|
41512
|
-
/* @__PURE__ */ jsx132("thead", { children: /* @__PURE__ */
|
|
41607
|
+
return /* @__PURE__ */ jsx132("div", { className: PermissionsMatrix_default.root, "aria-label": "Permissions matrix", children: /* @__PURE__ */ jsx132("div", { className: PermissionsMatrix_default.scroll, children: /* @__PURE__ */ jsxs110("table", { className: PermissionsMatrix_default.table, children: [
|
|
41608
|
+
/* @__PURE__ */ jsx132("thead", { children: /* @__PURE__ */ jsxs110("tr", { children: [
|
|
41513
41609
|
/* @__PURE__ */ jsx132("th", { className: PermissionsMatrix_default.corner, children: "Role / Resource" }),
|
|
41514
41610
|
resources.map((resource) => /* @__PURE__ */ jsx132("th", { className: PermissionsMatrix_default.head, children: resource }, resource))
|
|
41515
41611
|
] }) }),
|
|
41516
|
-
/* @__PURE__ */ jsx132("tbody", { children: roles.map((role) => /* @__PURE__ */
|
|
41612
|
+
/* @__PURE__ */ jsx132("tbody", { children: roles.map((role) => /* @__PURE__ */ jsxs110("tr", { children: [
|
|
41517
41613
|
/* @__PURE__ */ jsx132("th", { className: PermissionsMatrix_default.rowHead, scope: "row", children: role }),
|
|
41518
41614
|
resources.map((resource) => {
|
|
41519
41615
|
var _a2, _b2;
|
|
@@ -41535,13 +41631,13 @@ function PermissionsMatrix({ onChange, permissions, resources, roles }) {
|
|
|
41535
41631
|
}
|
|
41536
41632
|
|
|
41537
41633
|
// ../../components/DualListBuilder/DualListBuilder.tsx
|
|
41538
|
-
import { useMemo as useMemo29, useState as
|
|
41634
|
+
import { useMemo as useMemo29, useState as useState55 } from "react";
|
|
41539
41635
|
|
|
41540
41636
|
// ../../components/DualListBuilder/DualListBuilder.module.css
|
|
41541
|
-
var DualListBuilder_default = {"
|
|
41637
|
+
var DualListBuilder_default = {"itemActive":"opus_P6crEX_itemActive","column":"opus_P6crEX_column","controls":"opus_P6crEX_controls","search":"opus_P6crEX_search","outputLabel":"opus_P6crEX_outputLabel","list":"opus_P6crEX_list","item":"opus_P6crEX_item","count":"opus_P6crEX_count","expression":"opus_P6crEX_expression","control":"opus_P6crEX_control","payload":"opus_P6crEX_payload","columnTitle":"opus_P6crEX_columnTitle","searchRow":"opus_P6crEX_searchRow","columns":"opus_P6crEX_columns","output":"opus_P6crEX_output","root":"opus_P6crEX_root"};
|
|
41542
41638
|
|
|
41543
41639
|
// ../../components/DualListBuilder/DualListBuilder.tsx
|
|
41544
|
-
import { jsx as jsx133, jsxs as
|
|
41640
|
+
import { jsx as jsx133, jsxs as jsxs111 } from "react/jsx-runtime";
|
|
41545
41641
|
function DualListBuilder({
|
|
41546
41642
|
available,
|
|
41547
41643
|
availableTitle = "Available",
|
|
@@ -41549,9 +41645,9 @@ function DualListBuilder({
|
|
|
41549
41645
|
selectedIds,
|
|
41550
41646
|
selectedTitle = "Selected"
|
|
41551
41647
|
}) {
|
|
41552
|
-
const [query, setQuery] =
|
|
41553
|
-
const [activeAvailable, setActiveAvailable] =
|
|
41554
|
-
const [activeSelected, setActiveSelected] =
|
|
41648
|
+
const [query, setQuery] = useState55("");
|
|
41649
|
+
const [activeAvailable, setActiveAvailable] = useState55([]);
|
|
41650
|
+
const [activeSelected, setActiveSelected] = useState55([]);
|
|
41555
41651
|
const byId = useMemo29(() => new Map(available.map((item) => [item.id, item])), [available]);
|
|
41556
41652
|
const selectedSet = useMemo29(() => new Set(selectedIds), [selectedIds]);
|
|
41557
41653
|
const availableItems = useMemo29(() => {
|
|
@@ -41591,7 +41687,7 @@ function DualListBuilder({
|
|
|
41591
41687
|
onChange([]);
|
|
41592
41688
|
setActiveSelected([]);
|
|
41593
41689
|
}
|
|
41594
|
-
return /* @__PURE__ */
|
|
41690
|
+
return /* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.root, "aria-label": "Dual list builder", children: [
|
|
41595
41691
|
/* @__PURE__ */ jsx133("div", { className: DualListBuilder_default.searchRow, children: /* @__PURE__ */ jsx133(
|
|
41596
41692
|
"input",
|
|
41597
41693
|
{
|
|
@@ -41603,7 +41699,7 @@ function DualListBuilder({
|
|
|
41603
41699
|
value: query
|
|
41604
41700
|
}
|
|
41605
41701
|
) }),
|
|
41606
|
-
/* @__PURE__ */
|
|
41702
|
+
/* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.columns, children: [
|
|
41607
41703
|
/* @__PURE__ */ jsx133(
|
|
41608
41704
|
ListColumn2,
|
|
41609
41705
|
{
|
|
@@ -41613,7 +41709,7 @@ function DualListBuilder({
|
|
|
41613
41709
|
onToggle: (id) => toggle(id, "available")
|
|
41614
41710
|
}
|
|
41615
41711
|
),
|
|
41616
|
-
/* @__PURE__ */
|
|
41712
|
+
/* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.controls, children: [
|
|
41617
41713
|
/* @__PURE__ */ jsx133("button", { className: DualListBuilder_default.control, onClick: moveRight, type: "button", children: "\u203A" }),
|
|
41618
41714
|
/* @__PURE__ */ jsx133("button", { className: DualListBuilder_default.control, onClick: moveAllRight, type: "button", children: "\xBB" }),
|
|
41619
41715
|
/* @__PURE__ */ jsx133("button", { className: DualListBuilder_default.control, onClick: moveLeft, type: "button", children: "\u2039" }),
|
|
@@ -41629,7 +41725,7 @@ function DualListBuilder({
|
|
|
41629
41725
|
}
|
|
41630
41726
|
)
|
|
41631
41727
|
] }),
|
|
41632
|
-
/* @__PURE__ */
|
|
41728
|
+
/* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.output, "aria-label": "Dual list output", children: [
|
|
41633
41729
|
/* @__PURE__ */ jsx133("div", { className: DualListBuilder_default.outputLabel, children: "Output" }),
|
|
41634
41730
|
/* @__PURE__ */ jsx133("p", { className: DualListBuilder_default.expression, children: expression }),
|
|
41635
41731
|
/* @__PURE__ */ jsx133("pre", { className: DualListBuilder_default.payload, tabIndex: 0, children: JSON.stringify(payload, null, 2) })
|
|
@@ -41642,8 +41738,8 @@ function ListColumn2({
|
|
|
41642
41738
|
onToggle,
|
|
41643
41739
|
title
|
|
41644
41740
|
}) {
|
|
41645
|
-
return /* @__PURE__ */
|
|
41646
|
-
/* @__PURE__ */
|
|
41741
|
+
return /* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.column, children: [
|
|
41742
|
+
/* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.columnTitle, children: [
|
|
41647
41743
|
title,
|
|
41648
41744
|
/* @__PURE__ */ jsx133("span", { className: DualListBuilder_default.count, children: items.length })
|
|
41649
41745
|
] }),
|
|
@@ -41667,10 +41763,10 @@ function ListColumn2({
|
|
|
41667
41763
|
import { useMemo as useMemo30 } from "react";
|
|
41668
41764
|
|
|
41669
41765
|
// ../../components/Scheduler/Scheduler.module.css
|
|
41670
|
-
var Scheduler_default = {"corner":"opus_ZqbdMc_corner","grid":"opus_ZqbdMc_grid","time":"opus_ZqbdMc_time","
|
|
41766
|
+
var Scheduler_default = {"eventTime":"opus_ZqbdMc_eventTime","corner":"opus_ZqbdMc_corner","grid":"opus_ZqbdMc_grid","time":"opus_ZqbdMc_time","root":"opus_ZqbdMc_root","eventTitle":"opus_ZqbdMc_eventTitle","event":"opus_ZqbdMc_event","dayHead":"opus_ZqbdMc_dayHead","cell":"opus_ZqbdMc_cell"};
|
|
41671
41767
|
|
|
41672
41768
|
// ../../components/Scheduler/Scheduler.tsx
|
|
41673
|
-
import { jsx as jsx134, jsxs as
|
|
41769
|
+
import { jsx as jsx134, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
41674
41770
|
var defaultDays = ["Mon", "Tue", "Wed", "Thu", "Fri"];
|
|
41675
41771
|
function Scheduler({
|
|
41676
41772
|
days = defaultDays,
|
|
@@ -41683,7 +41779,7 @@ function Scheduler({
|
|
|
41683
41779
|
for (let hour = startHour; hour <= endHour; hour += 1) list.push(hour);
|
|
41684
41780
|
return list;
|
|
41685
41781
|
}, [endHour, startHour]);
|
|
41686
|
-
return /* @__PURE__ */ jsx134("div", { className: Scheduler_default.root, "aria-label": "Scheduler", children: /* @__PURE__ */
|
|
41782
|
+
return /* @__PURE__ */ jsx134("div", { className: Scheduler_default.root, "aria-label": "Scheduler", children: /* @__PURE__ */ jsxs112(
|
|
41687
41783
|
"div",
|
|
41688
41784
|
{
|
|
41689
41785
|
className: Scheduler_default.grid,
|
|
@@ -41694,7 +41790,7 @@ function Scheduler({
|
|
|
41694
41790
|
children: [
|
|
41695
41791
|
/* @__PURE__ */ jsx134("div", { className: Scheduler_default.corner }),
|
|
41696
41792
|
days.map((day) => /* @__PURE__ */ jsx134("div", { className: Scheduler_default.dayHead, children: day }, day)),
|
|
41697
|
-
hours.map((hour) => /* @__PURE__ */
|
|
41793
|
+
hours.map((hour) => /* @__PURE__ */ jsxs112("div", { className: Scheduler_default.contents, style: { display: "contents" }, children: [
|
|
41698
41794
|
/* @__PURE__ */ jsx134("div", { className: Scheduler_default.time, children: formatHour(hour) }),
|
|
41699
41795
|
days.map((_, dayIndex) => {
|
|
41700
41796
|
const cellEvents = events.filter(
|
|
@@ -41702,7 +41798,7 @@ function Scheduler({
|
|
|
41702
41798
|
);
|
|
41703
41799
|
return /* @__PURE__ */ jsx134("div", { className: Scheduler_default.cell, children: cellEvents.map((event) => {
|
|
41704
41800
|
var _a2, _b2;
|
|
41705
|
-
return /* @__PURE__ */
|
|
41801
|
+
return /* @__PURE__ */ jsxs112(
|
|
41706
41802
|
"div",
|
|
41707
41803
|
{
|
|
41708
41804
|
className: Scheduler_default.event,
|
|
@@ -41732,15 +41828,15 @@ function formatHour(hour) {
|
|
|
41732
41828
|
}
|
|
41733
41829
|
|
|
41734
41830
|
// ../../components/KanbanBoard/KanbanBoard.tsx
|
|
41735
|
-
import { useMemo as useMemo31, useState as
|
|
41831
|
+
import { useMemo as useMemo31, useState as useState56 } from "react";
|
|
41736
41832
|
|
|
41737
41833
|
// ../../components/KanbanBoard/KanbanBoard.module.css
|
|
41738
|
-
var KanbanBoard_default = {"
|
|
41834
|
+
var KanbanBoard_default = {"columnHeader":"opus_EUh8ei_columnHeader","count":"opus_EUh8ei_count","cardMeta":"opus_EUh8ei_cardMeta","column":"opus_EUh8ei_column","root":"opus_EUh8ei_root","card":"opus_EUh8ei_card","cardTitle":"opus_EUh8ei_cardTitle","columnTitle":"opus_EUh8ei_columnTitle","cards":"opus_EUh8ei_cards"};
|
|
41739
41835
|
|
|
41740
41836
|
// ../../components/KanbanBoard/KanbanBoard.tsx
|
|
41741
|
-
import { jsx as jsx135, jsxs as
|
|
41837
|
+
import { jsx as jsx135, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
41742
41838
|
function KanbanBoard({ cards, columns, onChange }) {
|
|
41743
|
-
const [draggingId, setDraggingId] =
|
|
41839
|
+
const [draggingId, setDraggingId] = useState56(null);
|
|
41744
41840
|
const cardLookup = useMemo31(() => cards, [cards]);
|
|
41745
41841
|
function moveCard(cardId, toColumnId) {
|
|
41746
41842
|
if (!onChange) return;
|
|
@@ -41753,7 +41849,7 @@ function KanbanBoard({ cards, columns, onChange }) {
|
|
|
41753
41849
|
)
|
|
41754
41850
|
);
|
|
41755
41851
|
}
|
|
41756
|
-
return /* @__PURE__ */ jsx135("div", { className: KanbanBoard_default.root, "aria-label": "Kanban board", children: columns.map((column) => /* @__PURE__ */
|
|
41852
|
+
return /* @__PURE__ */ jsx135("div", { className: KanbanBoard_default.root, "aria-label": "Kanban board", children: columns.map((column) => /* @__PURE__ */ jsxs113(
|
|
41757
41853
|
"section",
|
|
41758
41854
|
{
|
|
41759
41855
|
className: KanbanBoard_default.column,
|
|
@@ -41768,7 +41864,7 @@ function KanbanBoard({ cards, columns, onChange }) {
|
|
|
41768
41864
|
setDraggingId(null);
|
|
41769
41865
|
},
|
|
41770
41866
|
children: [
|
|
41771
|
-
/* @__PURE__ */
|
|
41867
|
+
/* @__PURE__ */ jsxs113("header", { className: KanbanBoard_default.columnHeader, children: [
|
|
41772
41868
|
/* @__PURE__ */ jsx135("h3", { className: KanbanBoard_default.columnTitle, children: column.title }),
|
|
41773
41869
|
/* @__PURE__ */ jsx135("span", { className: KanbanBoard_default.count, children: column.cardIds.length })
|
|
41774
41870
|
] }),
|
|
@@ -41776,7 +41872,7 @@ function KanbanBoard({ cards, columns, onChange }) {
|
|
|
41776
41872
|
var _a2;
|
|
41777
41873
|
const card = cardLookup[cardId];
|
|
41778
41874
|
if (!card) return null;
|
|
41779
|
-
return /* @__PURE__ */ jsx135("li", { children: /* @__PURE__ */
|
|
41875
|
+
return /* @__PURE__ */ jsx135("li", { children: /* @__PURE__ */ jsxs113(
|
|
41780
41876
|
"article",
|
|
41781
41877
|
{
|
|
41782
41878
|
className: KanbanBoard_default.card,
|
|
@@ -41802,7 +41898,7 @@ function KanbanBoard({ cards, columns, onChange }) {
|
|
|
41802
41898
|
}
|
|
41803
41899
|
|
|
41804
41900
|
// ../../components/Calendar/Calendar.tsx
|
|
41805
|
-
import { useMemo as useMemo33, useState as
|
|
41901
|
+
import { useMemo as useMemo33, useState as useState58 } from "react";
|
|
41806
41902
|
|
|
41807
41903
|
// ../../components/Calendar/calendarTime.ts
|
|
41808
41904
|
function formatEventTimeRange(startTime, endTime) {
|
|
@@ -41841,13 +41937,13 @@ function sortEventsByTime(events) {
|
|
|
41841
41937
|
}
|
|
41842
41938
|
|
|
41843
41939
|
// ../../components/Calendar/CalendarDayModal.tsx
|
|
41844
|
-
import { useEffect as
|
|
41940
|
+
import { useEffect as useEffect43, useMemo as useMemo32, useState as useState57 } from "react";
|
|
41845
41941
|
|
|
41846
41942
|
// ../../components/Calendar/Calendar.module.css
|
|
41847
|
-
var Calendar_default = {"
|
|
41943
|
+
var Calendar_default = {"dayModalItem":"opus_IjCc5M_dayModalItem","selected":"opus_IjCc5M_selected","dayModalDot":"opus_IjCc5M_dayModalDot","day":"opus_IjCc5M_day","dayModalList":"opus_IjCc5M_dayModalList","dayModalNotice":"opus_IjCc5M_dayModalNotice","dayModalForm":"opus_IjCc5M_dayModalForm","dayModalItemTime":"opus_IjCc5M_dayModalItemTime","root":"opus_IjCc5M_root","eventLabel":"opus_IjCc5M_eventLabel","moreEvents":"opus_IjCc5M_moreEvents","pickerField":"opus_IjCc5M_pickerField","dayModalEmpty":"opus_IjCc5M_dayModalEmpty","dot":"opus_IjCc5M_dot","monthSelect":"opus_IjCc5M_monthSelect","weekdays":"opus_IjCc5M_weekdays","dayModalItemTitle":"opus_IjCc5M_dayModalItemTitle","dayModal":"opus_IjCc5M_dayModal","toolbar":"opus_IjCc5M_toolbar","dayModalHeading":"opus_IjCc5M_dayModalHeading","dayNumber":"opus_IjCc5M_dayNumber","empty":"opus_IjCc5M_empty","dayModalItemMeta":"opus_IjCc5M_dayModalItemMeta","weekday":"opus_IjCc5M_weekday","picker":"opus_IjCc5M_picker","label":"opus_IjCc5M_label","srOnly":"opus_IjCc5M_srOnly","today":"opus_IjCc5M_today","nav":"opus_IjCc5M_nav","dayModalItemBody":"opus_IjCc5M_dayModalItemBody","dayModalFieldRow":"opus_IjCc5M_dayModalFieldRow","events":"opus_IjCc5M_events","yearSelect":"opus_IjCc5M_yearSelect","grid":"opus_IjCc5M_grid","event":"opus_IjCc5M_event","dayModalSection":"opus_IjCc5M_dayModalSection","select":"opus_IjCc5M_select"};
|
|
41848
41944
|
|
|
41849
41945
|
// ../../components/Calendar/CalendarDayModal.tsx
|
|
41850
|
-
import { Fragment as Fragment22, jsx as jsx136, jsxs as
|
|
41946
|
+
import { Fragment as Fragment22, jsx as jsx136, jsxs as jsxs114 } from "react/jsx-runtime";
|
|
41851
41947
|
var toneOptions = ["Meeting", "Success", "Reminder", "Incident"];
|
|
41852
41948
|
var toneByLabel = {
|
|
41853
41949
|
Meeting: "accent",
|
|
@@ -41865,13 +41961,13 @@ function formatDayLabel(dateKey) {
|
|
|
41865
41961
|
});
|
|
41866
41962
|
}
|
|
41867
41963
|
function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
41868
|
-
const [title, setTitle] =
|
|
41869
|
-
const [startTime, setStartTime] =
|
|
41870
|
-
const [endTime, setEndTime] =
|
|
41871
|
-
const [toneLabel, setToneLabel] =
|
|
41872
|
-
const [notice, setNotice] =
|
|
41964
|
+
const [title, setTitle] = useState57("");
|
|
41965
|
+
const [startTime, setStartTime] = useState57("09:00");
|
|
41966
|
+
const [endTime, setEndTime] = useState57("10:00");
|
|
41967
|
+
const [toneLabel, setToneLabel] = useState57("Meeting");
|
|
41968
|
+
const [notice, setNotice] = useState57(null);
|
|
41873
41969
|
const scheduledEvents = useMemo32(() => sortEventsByTime(events), [events]);
|
|
41874
|
-
|
|
41970
|
+
useEffect43(() => {
|
|
41875
41971
|
setTitle("");
|
|
41876
41972
|
setStartTime("09:00");
|
|
41877
41973
|
setEndTime("10:00");
|
|
@@ -41897,7 +41993,7 @@ function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
|
41897
41993
|
return /* @__PURE__ */ jsx136(
|
|
41898
41994
|
Modal,
|
|
41899
41995
|
{
|
|
41900
|
-
actions: /* @__PURE__ */
|
|
41996
|
+
actions: /* @__PURE__ */ jsxs114(Fragment22, { children: [
|
|
41901
41997
|
/* @__PURE__ */ jsx136(Button, { variant: "secondary", onClick: onClose, children: "Close" }),
|
|
41902
41998
|
/* @__PURE__ */ jsx136(Button, { disabled: !title.trim(), variant: "primary", onClick: handleBook, children: "Add event" })
|
|
41903
41999
|
] }),
|
|
@@ -41906,24 +42002,24 @@ function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
|
41906
42002
|
open: Boolean(dateKey),
|
|
41907
42003
|
size: "medium",
|
|
41908
42004
|
title: dateKey ? formatDayLabel(dateKey) : "Day details",
|
|
41909
|
-
children: /* @__PURE__ */
|
|
41910
|
-
/* @__PURE__ */
|
|
42005
|
+
children: /* @__PURE__ */ jsxs114("div", { className: Calendar_default.dayModal, children: [
|
|
42006
|
+
/* @__PURE__ */ jsxs114("section", { className: Calendar_default.dayModalSection, children: [
|
|
41911
42007
|
/* @__PURE__ */ jsx136("h3", { className: Calendar_default.dayModalHeading, children: "Scheduled" }),
|
|
41912
42008
|
scheduledEvents.length > 0 ? /* @__PURE__ */ jsx136("ul", { className: Calendar_default.dayModalList, children: scheduledEvents.map((event) => {
|
|
41913
42009
|
var _a2, _b2;
|
|
41914
42010
|
const timeRange = formatEventTimeRange(event.startTime, event.endTime);
|
|
41915
|
-
return /* @__PURE__ */
|
|
42011
|
+
return /* @__PURE__ */ jsxs114("li", { className: Calendar_default.dayModalItem, "data-tone": (_a2 = event.tone) != null ? _a2 : "accent", children: [
|
|
41916
42012
|
/* @__PURE__ */ jsx136("span", { "aria-hidden": "true", className: Calendar_default.dayModalDot, "data-tone": (_b2 = event.tone) != null ? _b2 : "accent" }),
|
|
41917
|
-
/* @__PURE__ */
|
|
42013
|
+
/* @__PURE__ */ jsxs114("div", { className: Calendar_default.dayModalItemBody, children: [
|
|
41918
42014
|
timeRange ? /* @__PURE__ */ jsx136("span", { className: Calendar_default.dayModalItemTime, children: timeRange }) : null,
|
|
41919
42015
|
/* @__PURE__ */ jsx136("span", { className: Calendar_default.dayModalItemTitle, children: event.title })
|
|
41920
42016
|
] })
|
|
41921
42017
|
] }, event.id);
|
|
41922
42018
|
}) }) : /* @__PURE__ */ jsx136("p", { className: Calendar_default.dayModalEmpty, children: "No events scheduled for this day." })
|
|
41923
42019
|
] }),
|
|
41924
|
-
/* @__PURE__ */
|
|
42020
|
+
/* @__PURE__ */ jsxs114("section", { className: Calendar_default.dayModalSection, children: [
|
|
41925
42021
|
/* @__PURE__ */ jsx136("h3", { className: Calendar_default.dayModalHeading, children: "Book an event" }),
|
|
41926
|
-
/* @__PURE__ */
|
|
42022
|
+
/* @__PURE__ */ jsxs114("div", { className: Calendar_default.dayModalForm, children: [
|
|
41927
42023
|
/* @__PURE__ */ jsx136(
|
|
41928
42024
|
TextField,
|
|
41929
42025
|
{
|
|
@@ -41936,7 +42032,7 @@ function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
|
41936
42032
|
onChange: (event) => setTitle(event.target.value)
|
|
41937
42033
|
}
|
|
41938
42034
|
),
|
|
41939
|
-
/* @__PURE__ */
|
|
42035
|
+
/* @__PURE__ */ jsxs114("div", { className: Calendar_default.dayModalFieldRow, children: [
|
|
41940
42036
|
/* @__PURE__ */ jsx136(
|
|
41941
42037
|
DateField,
|
|
41942
42038
|
{
|
|
@@ -41980,7 +42076,7 @@ function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
|
41980
42076
|
}
|
|
41981
42077
|
|
|
41982
42078
|
// ../../components/Calendar/Calendar.tsx
|
|
41983
|
-
import { Fragment as Fragment23, jsx as jsx137, jsxs as
|
|
42079
|
+
import { Fragment as Fragment23, jsx as jsx137, jsxs as jsxs115 } from "react/jsx-runtime";
|
|
41984
42080
|
var weekdayLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
|
|
41985
42081
|
var defaultMaxDayEvents = 3;
|
|
41986
42082
|
var monthLabels = Array.from(
|
|
@@ -42006,13 +42102,13 @@ function Calendar({
|
|
|
42006
42102
|
}) {
|
|
42007
42103
|
var _a2;
|
|
42008
42104
|
const today = useMemo33(() => /* @__PURE__ */ new Date(), []);
|
|
42009
|
-
const [cursor, setCursor] =
|
|
42105
|
+
const [cursor, setCursor] = useState58(() => ({
|
|
42010
42106
|
year: controlledYear != null ? controlledYear : today.getFullYear(),
|
|
42011
42107
|
month: controlledMonth != null ? controlledMonth : today.getMonth()
|
|
42012
42108
|
}));
|
|
42013
|
-
const [internalSelected, setInternalSelected] =
|
|
42014
|
-
const [activeDayKey, setActiveDayKey] =
|
|
42015
|
-
const [bookedEvents, setBookedEvents] =
|
|
42109
|
+
const [internalSelected, setInternalSelected] = useState58();
|
|
42110
|
+
const [activeDayKey, setActiveDayKey] = useState58(null);
|
|
42111
|
+
const [bookedEvents, setBookedEvents] = useState58([]);
|
|
42016
42112
|
const year = controlledYear != null ? controlledYear : cursor.year;
|
|
42017
42113
|
const month = controlledMonth != null ? controlledMonth : cursor.month;
|
|
42018
42114
|
const isControlled = controlledYear != null && controlledMonth != null;
|
|
@@ -42067,12 +42163,12 @@ function Calendar({
|
|
|
42067
42163
|
setBookedEvents((current) => [...current, event]);
|
|
42068
42164
|
onBookEvent == null ? void 0 : onBookEvent(event);
|
|
42069
42165
|
}
|
|
42070
|
-
return /* @__PURE__ */
|
|
42071
|
-
/* @__PURE__ */
|
|
42072
|
-
/* @__PURE__ */
|
|
42166
|
+
return /* @__PURE__ */ jsxs115(Fragment23, { children: [
|
|
42167
|
+
/* @__PURE__ */ jsxs115("div", { className: Calendar_default.root, "aria-label": "Calendar", children: [
|
|
42168
|
+
/* @__PURE__ */ jsxs115("div", { className: Calendar_default.toolbar, "data-picker": showMonthYearPicker ? "true" : "false", children: [
|
|
42073
42169
|
/* @__PURE__ */ jsx137("button", { "aria-label": "Previous month", className: Calendar_default.nav, onClick: () => shiftMonth(-1), type: "button", children: "\u2039" }),
|
|
42074
|
-
showMonthYearPicker ? /* @__PURE__ */
|
|
42075
|
-
/* @__PURE__ */
|
|
42170
|
+
showMonthYearPicker ? /* @__PURE__ */ jsxs115("div", { className: Calendar_default.picker, children: [
|
|
42171
|
+
/* @__PURE__ */ jsxs115("label", { className: Calendar_default.pickerField, children: [
|
|
42076
42172
|
/* @__PURE__ */ jsx137("span", { className: Calendar_default.srOnly, children: "Month" }),
|
|
42077
42173
|
/* @__PURE__ */ jsx137(
|
|
42078
42174
|
"select",
|
|
@@ -42086,7 +42182,7 @@ function Calendar({
|
|
|
42086
42182
|
}
|
|
42087
42183
|
)
|
|
42088
42184
|
] }),
|
|
42089
|
-
/* @__PURE__ */
|
|
42185
|
+
/* @__PURE__ */ jsxs115("label", { className: Calendar_default.pickerField, children: [
|
|
42090
42186
|
/* @__PURE__ */ jsx137("span", { className: Calendar_default.srOnly, children: "Year" }),
|
|
42091
42187
|
/* @__PURE__ */ jsx137(
|
|
42092
42188
|
"select",
|
|
@@ -42113,7 +42209,7 @@ function Calendar({
|
|
|
42113
42209
|
const hiddenEventCount = Math.max(dayEvents.length - visibleEvents.length, 0);
|
|
42114
42210
|
const isToday = today.getFullYear() === year && today.getMonth() === month && today.getDate() === day;
|
|
42115
42211
|
const isSelected = activeSelected === key;
|
|
42116
|
-
return /* @__PURE__ */
|
|
42212
|
+
return /* @__PURE__ */ jsxs115(
|
|
42117
42213
|
"button",
|
|
42118
42214
|
{
|
|
42119
42215
|
"aria-current": isToday ? "date" : void 0,
|
|
@@ -42128,10 +42224,10 @@ function Calendar({
|
|
|
42128
42224
|
type: "button",
|
|
42129
42225
|
children: [
|
|
42130
42226
|
/* @__PURE__ */ jsx137("span", { className: Calendar_default.dayNumber, children: day }),
|
|
42131
|
-
visibleEvents.length > 0 ? /* @__PURE__ */
|
|
42227
|
+
visibleEvents.length > 0 ? /* @__PURE__ */ jsxs115("span", { className: Calendar_default.events, children: [
|
|
42132
42228
|
visibleEvents.map((event) => {
|
|
42133
42229
|
var _a4;
|
|
42134
|
-
return /* @__PURE__ */
|
|
42230
|
+
return /* @__PURE__ */ jsxs115("span", { className: Calendar_default.event, children: [
|
|
42135
42231
|
/* @__PURE__ */ jsx137(
|
|
42136
42232
|
"span",
|
|
42137
42233
|
{
|
|
@@ -42143,7 +42239,7 @@ function Calendar({
|
|
|
42143
42239
|
/* @__PURE__ */ jsx137("span", { className: Calendar_default.eventLabel, children: event.title })
|
|
42144
42240
|
] }, event.id);
|
|
42145
42241
|
}),
|
|
42146
|
-
hiddenEventCount > 0 ? /* @__PURE__ */
|
|
42242
|
+
hiddenEventCount > 0 ? /* @__PURE__ */ jsxs115("span", { className: Calendar_default.moreEvents, children: [
|
|
42147
42243
|
"+",
|
|
42148
42244
|
hiddenEventCount,
|
|
42149
42245
|
" more"
|
|
@@ -42171,10 +42267,10 @@ function Calendar({
|
|
|
42171
42267
|
import { useMemo as useMemo34 } from "react";
|
|
42172
42268
|
|
|
42173
42269
|
// ../../components/ResourcePlanner/ResourcePlanner.module.css
|
|
42174
|
-
var ResourcePlanner_default = {"
|
|
42270
|
+
var ResourcePlanner_default = {"root":"opus_9Mof8o_root","header":"opus_9Mof8o_header","resource":"opus_9Mof8o_resource","row":"opus_9Mof8o_row","lanes":"opus_9Mof8o_lanes","lane":"opus_9Mof8o_lane","hour":"opus_9Mof8o_hour","scroll":"opus_9Mof8o_scroll","block":"opus_9Mof8o_block","corner":"opus_9Mof8o_corner","track":"opus_9Mof8o_track"};
|
|
42175
42271
|
|
|
42176
42272
|
// ../../components/ResourcePlanner/ResourcePlanner.tsx
|
|
42177
|
-
import { jsx as jsx138, jsxs as
|
|
42273
|
+
import { jsx as jsx138, jsxs as jsxs116 } from "react/jsx-runtime";
|
|
42178
42274
|
function ResourcePlanner({
|
|
42179
42275
|
endHour = 17,
|
|
42180
42276
|
items,
|
|
@@ -42187,19 +42283,19 @@ function ResourcePlanner({
|
|
|
42187
42283
|
return list;
|
|
42188
42284
|
}, [endHour, startHour]);
|
|
42189
42285
|
const span = Math.max(endHour - startHour, 1);
|
|
42190
|
-
return /* @__PURE__ */ jsx138("div", { className: ResourcePlanner_default.root, "aria-label": "Resource planner", children: /* @__PURE__ */
|
|
42191
|
-
/* @__PURE__ */
|
|
42286
|
+
return /* @__PURE__ */ jsx138("div", { className: ResourcePlanner_default.root, "aria-label": "Resource planner", children: /* @__PURE__ */ jsxs116("div", { className: ResourcePlanner_default.scroll, children: [
|
|
42287
|
+
/* @__PURE__ */ jsxs116("div", { className: ResourcePlanner_default.header, style: { gridTemplateColumns: `9rem repeat(${hours.length}, minmax(48px, 1fr))` }, children: [
|
|
42192
42288
|
/* @__PURE__ */ jsx138("div", { className: ResourcePlanner_default.corner, children: "Resource" }),
|
|
42193
|
-
hours.map((hour) => /* @__PURE__ */
|
|
42289
|
+
hours.map((hour) => /* @__PURE__ */ jsxs116("div", { className: ResourcePlanner_default.hour, children: [
|
|
42194
42290
|
(hour + 11) % 12 + 1,
|
|
42195
42291
|
hour >= 12 ? "p" : "a"
|
|
42196
42292
|
] }, hour))
|
|
42197
42293
|
] }),
|
|
42198
42294
|
resources.map((resource) => {
|
|
42199
42295
|
const rowItems = items.filter((item) => item.resourceId === resource.id);
|
|
42200
|
-
return /* @__PURE__ */
|
|
42296
|
+
return /* @__PURE__ */ jsxs116("div", { className: ResourcePlanner_default.row, style: { gridTemplateColumns: `9rem minmax(0, 1fr)` }, children: [
|
|
42201
42297
|
/* @__PURE__ */ jsx138("div", { className: ResourcePlanner_default.resource, children: resource.label }),
|
|
42202
|
-
/* @__PURE__ */
|
|
42298
|
+
/* @__PURE__ */ jsxs116("div", { className: ResourcePlanner_default.track, children: [
|
|
42203
42299
|
/* @__PURE__ */ jsx138("div", { className: ResourcePlanner_default.lanes, style: { gridTemplateColumns: `repeat(${hours.length}, minmax(48px, 1fr))` }, children: hours.map((hour) => /* @__PURE__ */ jsx138("div", { className: ResourcePlanner_default.lane }, hour)) }),
|
|
42204
42300
|
rowItems.map((item) => {
|
|
42205
42301
|
var _a2;
|
|
@@ -42224,13 +42320,13 @@ function ResourcePlanner({
|
|
|
42224
42320
|
}
|
|
42225
42321
|
|
|
42226
42322
|
// ../../components/TreeView/TreeView.tsx
|
|
42227
|
-
import { useMemo as useMemo35, useState as
|
|
42323
|
+
import { useMemo as useMemo35, useState as useState59 } from "react";
|
|
42228
42324
|
|
|
42229
42325
|
// ../../components/TreeView/TreeView.module.css
|
|
42230
|
-
var TreeView_default = {"
|
|
42326
|
+
var TreeView_default = {"row":"opus_NlkzXy_row","toggle":"opus_NlkzXy_toggle","leafMark":"opus_NlkzXy_leafMark","node":"opus_NlkzXy_node","children":"opus_NlkzXy_children","tree":"opus_NlkzXy_tree","label":"opus_NlkzXy_label"};
|
|
42231
42327
|
|
|
42232
42328
|
// ../../components/TreeView/TreeView.tsx
|
|
42233
|
-
import { jsx as jsx139, jsxs as
|
|
42329
|
+
import { jsx as jsx139, jsxs as jsxs117 } from "react/jsx-runtime";
|
|
42234
42330
|
function collectExpandableIds(nodes) {
|
|
42235
42331
|
var _a2;
|
|
42236
42332
|
const ids = [];
|
|
@@ -42251,8 +42347,8 @@ function TreeNode({
|
|
|
42251
42347
|
var _a2;
|
|
42252
42348
|
const hasChildren = Boolean((_a2 = node.children) == null ? void 0 : _a2.length);
|
|
42253
42349
|
const expanded = expandedIds.has(node.id);
|
|
42254
|
-
return /* @__PURE__ */
|
|
42255
|
-
/* @__PURE__ */
|
|
42350
|
+
return /* @__PURE__ */ jsxs117("li", { className: TreeView_default.node, children: [
|
|
42351
|
+
/* @__PURE__ */ jsxs117("div", { className: TreeView_default.row, style: { paddingLeft: `${depth * 16 + 8}px` }, children: [
|
|
42256
42352
|
hasChildren ? /* @__PURE__ */ jsx139(
|
|
42257
42353
|
"button",
|
|
42258
42354
|
{
|
|
@@ -42280,7 +42376,7 @@ function TreeNode({
|
|
|
42280
42376
|
}
|
|
42281
42377
|
function TreeView({ defaultExpandedIds, nodes }) {
|
|
42282
42378
|
const fallbackIds = useMemo35(() => collectExpandableIds(nodes).slice(0, 2), [nodes]);
|
|
42283
|
-
const [expandedIds, setExpandedIds] =
|
|
42379
|
+
const [expandedIds, setExpandedIds] = useState59(
|
|
42284
42380
|
() => new Set(defaultExpandedIds != null ? defaultExpandedIds : fallbackIds)
|
|
42285
42381
|
);
|
|
42286
42382
|
function toggle(id) {
|
|
@@ -42307,10 +42403,10 @@ function TreeView({ defaultExpandedIds, nodes }) {
|
|
|
42307
42403
|
}
|
|
42308
42404
|
|
|
42309
42405
|
// ../../components/MasonryGrid/MasonryGrid.module.css
|
|
42310
|
-
var MasonryGrid_default = {"
|
|
42406
|
+
var MasonryGrid_default = {"card":"opus_Fxxd7-_card","title":"opus_Fxxd7-_title","grid":"opus_Fxxd7-_grid","body":"opus_Fxxd7-_body"};
|
|
42311
42407
|
|
|
42312
42408
|
// ../../components/MasonryGrid/MasonryGrid.tsx
|
|
42313
|
-
import { jsx as jsx140, jsxs as
|
|
42409
|
+
import { jsx as jsx140, jsxs as jsxs118 } from "react/jsx-runtime";
|
|
42314
42410
|
function MasonryGrid({ columns = 3, gap = 12, items }) {
|
|
42315
42411
|
const safeColumns = Math.min(Math.max(Math.round(columns), 2), 4);
|
|
42316
42412
|
const safeGap = Math.min(Math.max(Math.round(gap), 8), 28);
|
|
@@ -42322,7 +42418,7 @@ function MasonryGrid({ columns = 3, gap = 12, items }) {
|
|
|
42322
42418
|
columnCount: safeColumns,
|
|
42323
42419
|
columnGap: `${safeGap}px`
|
|
42324
42420
|
},
|
|
42325
|
-
children: items.map((item, index) => /* @__PURE__ */
|
|
42421
|
+
children: items.map((item, index) => /* @__PURE__ */ jsxs118(
|
|
42326
42422
|
"article",
|
|
42327
42423
|
{
|
|
42328
42424
|
className: MasonryGrid_default.card,
|
|
@@ -42342,13 +42438,13 @@ function MasonryGrid({ columns = 3, gap = 12, items }) {
|
|
|
42342
42438
|
}
|
|
42343
42439
|
|
|
42344
42440
|
// ../../components/JsonViewer/JsonViewer.tsx
|
|
42345
|
-
import { useMemo as useMemo36, useState as
|
|
42441
|
+
import { useMemo as useMemo36, useState as useState60 } from "react";
|
|
42346
42442
|
|
|
42347
42443
|
// ../../components/JsonViewer/JsonViewer.module.css
|
|
42348
|
-
var JsonViewer_default = {"
|
|
42444
|
+
var JsonViewer_default = {"key":"opus_uLDgXq_key","toggleLine":"opus_uLDgXq_toggleLine","number":"opus_uLDgXq_number","null":"opus_uLDgXq_null","children":"opus_uLDgXq_children","chevron":"opus_uLDgXq_chevron","root":"opus_uLDgXq_root","line":"opus_uLDgXq_line","block":"opus_uLDgXq_block","summary":"opus_uLDgXq_summary","boolean":"opus_uLDgXq_boolean","string":"opus_uLDgXq_string"};
|
|
42349
42445
|
|
|
42350
42446
|
// ../../components/JsonViewer/JsonViewer.tsx
|
|
42351
|
-
import { jsx as jsx141, jsxs as
|
|
42447
|
+
import { jsx as jsx141, jsxs as jsxs119 } from "react/jsx-runtime";
|
|
42352
42448
|
function isPlainObject(value) {
|
|
42353
42449
|
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
42354
42450
|
}
|
|
@@ -42357,7 +42453,7 @@ function PrimitiveValue({ value }) {
|
|
|
42357
42453
|
return /* @__PURE__ */ jsx141("span", { className: JsonViewer_default.null, children: "null" });
|
|
42358
42454
|
}
|
|
42359
42455
|
if (typeof value === "string") {
|
|
42360
|
-
return /* @__PURE__ */
|
|
42456
|
+
return /* @__PURE__ */ jsxs119("span", { className: JsonViewer_default.string, children: [
|
|
42361
42457
|
'"',
|
|
42362
42458
|
value,
|
|
42363
42459
|
'"'
|
|
@@ -42373,10 +42469,10 @@ function PrimitiveValue({ value }) {
|
|
|
42373
42469
|
}
|
|
42374
42470
|
function JsonNode({ collapsedDepth, depth, name, value }) {
|
|
42375
42471
|
const isExpandable = Array.isArray(value) || isPlainObject(value);
|
|
42376
|
-
const [open, setOpen] =
|
|
42472
|
+
const [open, setOpen] = useState60(depth < collapsedDepth);
|
|
42377
42473
|
if (!isExpandable) {
|
|
42378
|
-
return /* @__PURE__ */
|
|
42379
|
-
name !== void 0 ? /* @__PURE__ */
|
|
42474
|
+
return /* @__PURE__ */ jsxs119("div", { className: JsonViewer_default.line, style: { paddingLeft: `${depth * 14}px` }, children: [
|
|
42475
|
+
name !== void 0 ? /* @__PURE__ */ jsxs119("span", { className: JsonViewer_default.key, children: [
|
|
42380
42476
|
name,
|
|
42381
42477
|
": "
|
|
42382
42478
|
] }) : null,
|
|
@@ -42385,8 +42481,8 @@ function JsonNode({ collapsedDepth, depth, name, value }) {
|
|
|
42385
42481
|
}
|
|
42386
42482
|
const entries = Array.isArray(value) ? value.map((entry, index) => [String(index), entry]) : Object.entries(value);
|
|
42387
42483
|
const summary = Array.isArray(value) ? `Array(${value.length})` : `Object(${entries.length})`;
|
|
42388
|
-
return /* @__PURE__ */
|
|
42389
|
-
/* @__PURE__ */
|
|
42484
|
+
return /* @__PURE__ */ jsxs119("div", { className: JsonViewer_default.block, children: [
|
|
42485
|
+
/* @__PURE__ */ jsxs119(
|
|
42390
42486
|
"button",
|
|
42391
42487
|
{
|
|
42392
42488
|
"aria-expanded": open,
|
|
@@ -42396,7 +42492,7 @@ function JsonNode({ collapsedDepth, depth, name, value }) {
|
|
|
42396
42492
|
type: "button",
|
|
42397
42493
|
children: [
|
|
42398
42494
|
/* @__PURE__ */ jsx141("span", { "aria-hidden": "true", className: JsonViewer_default.chevron, children: open ? "\u25BE" : "\u25B8" }),
|
|
42399
|
-
name !== void 0 ? /* @__PURE__ */
|
|
42495
|
+
name !== void 0 ? /* @__PURE__ */ jsxs119("span", { className: JsonViewer_default.key, children: [
|
|
42400
42496
|
name,
|
|
42401
42497
|
": "
|
|
42402
42498
|
] }) : null,
|
|
@@ -42446,7 +42542,7 @@ function Icon({ label, name, size = "md", tone = "default" }) {
|
|
|
42446
42542
|
}
|
|
42447
42543
|
|
|
42448
42544
|
// ../../components/Spinner/Spinner.module.css
|
|
42449
|
-
var Spinner_default = {"
|
|
42545
|
+
var Spinner_default = {"spinner":"opus_g5cd4Q_spinner","ring":"opus_g5cd4Q_ring","opus-spinner-rotate":"opus_g5cd4Q_opus-spinner-rotate"};
|
|
42450
42546
|
|
|
42451
42547
|
// ../../components/Spinner/Spinner.tsx
|
|
42452
42548
|
import { jsx as jsx143 } from "react/jsx-runtime";
|
|
@@ -42465,21 +42561,21 @@ function Spinner({ label = "Loading", size = "md", tone = "accent" }) {
|
|
|
42465
42561
|
}
|
|
42466
42562
|
|
|
42467
42563
|
// ../../components/Clock/Clock.tsx
|
|
42468
|
-
import { useEffect as
|
|
42564
|
+
import { useEffect as useEffect44, useState as useState61 } from "react";
|
|
42469
42565
|
|
|
42470
42566
|
// ../../components/Clock/Clock.module.css
|
|
42471
|
-
var Clock_default = {"date":"opus_Lj91mC_date","
|
|
42567
|
+
var Clock_default = {"date":"opus_Lj91mC_date","centreDot":"opus_Lj91mC_centreDot","minuteHand":"opus_Lj91mC_minuteHand","hand":"opus_Lj91mC_hand","hourHand":"opus_Lj91mC_hourHand","tick":"opus_Lj91mC_tick","number":"opus_Lj91mC_number","face":"opus_Lj91mC_face","digitalTime":"opus_Lj91mC_digitalTime","loading":"opus_Lj91mC_loading","secondHand":"opus_Lj91mC_secondHand","root":"opus_Lj91mC_root","centreDotInner":"opus_Lj91mC_centreDotInner"};
|
|
42472
42568
|
|
|
42473
42569
|
// ../../components/Clock/Clock.tsx
|
|
42474
|
-
import { jsx as jsx144, jsxs as
|
|
42570
|
+
import { jsx as jsx144, jsxs as jsxs120 } from "react/jsx-runtime";
|
|
42475
42571
|
function Clock({
|
|
42476
42572
|
showAnalog = true,
|
|
42477
42573
|
showDate = true,
|
|
42478
42574
|
showDigital = true,
|
|
42479
42575
|
size = "md"
|
|
42480
42576
|
}) {
|
|
42481
|
-
const [time, setTime] =
|
|
42482
|
-
|
|
42577
|
+
const [time, setTime] = useState61(null);
|
|
42578
|
+
useEffect44(() => {
|
|
42483
42579
|
setTime(/* @__PURE__ */ new Date());
|
|
42484
42580
|
const interval = window.setInterval(() => {
|
|
42485
42581
|
setTime(/* @__PURE__ */ new Date());
|
|
@@ -42507,7 +42603,7 @@ function Clock({
|
|
|
42507
42603
|
month: "long",
|
|
42508
42604
|
year: "numeric"
|
|
42509
42605
|
});
|
|
42510
|
-
return /* @__PURE__ */
|
|
42606
|
+
return /* @__PURE__ */ jsxs120(
|
|
42511
42607
|
"div",
|
|
42512
42608
|
{
|
|
42513
42609
|
"aria-live": "polite",
|
|
@@ -42516,7 +42612,7 @@ function Clock({
|
|
|
42516
42612
|
"data-digital": showDigital ? "true" : "false",
|
|
42517
42613
|
"data-size": size,
|
|
42518
42614
|
children: [
|
|
42519
|
-
showAnalog ? /* @__PURE__ */
|
|
42615
|
+
showAnalog ? /* @__PURE__ */ jsxs120("div", { "aria-hidden": "true", className: Clock_default.face, children: [
|
|
42520
42616
|
Array.from({ length: 60 }).map((_, index) => {
|
|
42521
42617
|
const isHourMark = index % 5 === 0;
|
|
42522
42618
|
return /* @__PURE__ */ jsx144(
|
|
@@ -42587,7 +42683,7 @@ function VisuallyHidden({ as = "span", children }) {
|
|
|
42587
42683
|
}
|
|
42588
42684
|
|
|
42589
42685
|
// ../../components/FocusTrap/FocusTrap.tsx
|
|
42590
|
-
import { useEffect as
|
|
42686
|
+
import { useEffect as useEffect45, useRef as useRef43 } from "react";
|
|
42591
42687
|
|
|
42592
42688
|
// ../../components/FocusTrap/FocusTrap.module.css
|
|
42593
42689
|
var FocusTrap_default = {"trap":"opus_fJckCZ_trap"};
|
|
@@ -42600,9 +42696,9 @@ function FocusTrap({
|
|
|
42600
42696
|
initialFocusRef,
|
|
42601
42697
|
restoreFocus = true
|
|
42602
42698
|
}) {
|
|
42603
|
-
const containerRef =
|
|
42604
|
-
const previouslyFocusedRef =
|
|
42605
|
-
|
|
42699
|
+
const containerRef = useRef43(null);
|
|
42700
|
+
const previouslyFocusedRef = useRef43(null);
|
|
42701
|
+
useEffect45(() => {
|
|
42606
42702
|
if (!active) {
|
|
42607
42703
|
return;
|
|
42608
42704
|
}
|
|
@@ -42628,7 +42724,7 @@ function FocusTrap({
|
|
|
42628
42724
|
}
|
|
42629
42725
|
};
|
|
42630
42726
|
}, [active, initialFocusRef, restoreFocus]);
|
|
42631
|
-
|
|
42727
|
+
useEffect45(() => {
|
|
42632
42728
|
if (!active) {
|
|
42633
42729
|
return;
|
|
42634
42730
|
}
|
|
@@ -42667,12 +42763,12 @@ function FocusTrap({
|
|
|
42667
42763
|
}
|
|
42668
42764
|
|
|
42669
42765
|
// ../../components/KeyboardShortcut/KeyboardShortcut.module.css
|
|
42670
|
-
var KeyboardShortcut_default = {"
|
|
42766
|
+
var KeyboardShortcut_default = {"shortcut":"opus_pZh5vX_shortcut","key":"opus_pZh5vX_key","plus":"opus_pZh5vX_plus"};
|
|
42671
42767
|
|
|
42672
42768
|
// ../../components/KeyboardShortcut/KeyboardShortcut.tsx
|
|
42673
|
-
import { jsx as jsx147, jsxs as
|
|
42769
|
+
import { jsx as jsx147, jsxs as jsxs121 } from "react/jsx-runtime";
|
|
42674
42770
|
function KeyboardShortcut({ keys, size = "md" }) {
|
|
42675
|
-
return /* @__PURE__ */ jsx147("kbd", { "aria-label": keys.join(" + "), className: KeyboardShortcut_default.shortcut, "data-size": size, children: keys.map((key, index) => /* @__PURE__ */
|
|
42771
|
+
return /* @__PURE__ */ jsx147("kbd", { "aria-label": keys.join(" + "), className: KeyboardShortcut_default.shortcut, "data-size": size, children: keys.map((key, index) => /* @__PURE__ */ jsxs121("span", { children: [
|
|
42676
42772
|
index > 0 ? /* @__PURE__ */ jsx147("span", { "aria-hidden": "true", className: KeyboardShortcut_default.plus, children: "+" }) : null,
|
|
42677
42773
|
/* @__PURE__ */ jsx147("span", { className: KeyboardShortcut_default.key, children: key })
|
|
42678
42774
|
] }, `${key}-${index}`)) });
|
|
@@ -42681,12 +42777,12 @@ function KeyboardShortcut({ keys, size = "md" }) {
|
|
|
42681
42777
|
// ../../components/HotkeyManager/HotkeyManager.tsx
|
|
42682
42778
|
import {
|
|
42683
42779
|
createContext as createContext9,
|
|
42684
|
-
useCallback as
|
|
42780
|
+
useCallback as useCallback26,
|
|
42685
42781
|
useContext as useContext10,
|
|
42686
|
-
useEffect as
|
|
42782
|
+
useEffect as useEffect46,
|
|
42687
42783
|
useMemo as useMemo37,
|
|
42688
|
-
useRef as
|
|
42689
|
-
useState as
|
|
42784
|
+
useRef as useRef44,
|
|
42785
|
+
useState as useState62
|
|
42690
42786
|
} from "react";
|
|
42691
42787
|
import { jsx as jsx148 } from "react/jsx-runtime";
|
|
42692
42788
|
var HotkeyManagerContext = createContext9(null);
|
|
@@ -42705,13 +42801,13 @@ function shortcutsEqual(a, b) {
|
|
|
42705
42801
|
});
|
|
42706
42802
|
}
|
|
42707
42803
|
function HotkeyManager({ children, enabled = true }) {
|
|
42708
|
-
const handlersRef =
|
|
42709
|
-
const [shortcuts, setShortcuts] =
|
|
42710
|
-
const syncShortcuts =
|
|
42804
|
+
const handlersRef = useRef44(/* @__PURE__ */ new Map());
|
|
42805
|
+
const [shortcuts, setShortcuts] = useState62([]);
|
|
42806
|
+
const syncShortcuts = useCallback26(() => {
|
|
42711
42807
|
const next = Array.from(handlersRef.current.values()).map((entry) => entry.combo);
|
|
42712
42808
|
setShortcuts((current) => shortcutsEqual(current, next) ? current : next);
|
|
42713
42809
|
}, []);
|
|
42714
|
-
const register =
|
|
42810
|
+
const register = useCallback26(
|
|
42715
42811
|
(combo, handler) => {
|
|
42716
42812
|
handlersRef.current.set(combo.id, { combo, handler });
|
|
42717
42813
|
syncShortcuts();
|
|
@@ -42722,7 +42818,7 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
42722
42818
|
},
|
|
42723
42819
|
[syncShortcuts]
|
|
42724
42820
|
);
|
|
42725
|
-
|
|
42821
|
+
useEffect46(() => {
|
|
42726
42822
|
if (!enabled) {
|
|
42727
42823
|
return;
|
|
42728
42824
|
}
|
|
@@ -42753,10 +42849,10 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
42753
42849
|
function useHotkey(combo, handler) {
|
|
42754
42850
|
const context = useContext10(HotkeyManagerContext);
|
|
42755
42851
|
const register = context == null ? void 0 : context.register;
|
|
42756
|
-
const handlerRef =
|
|
42852
|
+
const handlerRef = useRef44(handler);
|
|
42757
42853
|
handlerRef.current = handler;
|
|
42758
42854
|
const { alt, ctrl, description, enabled, id, key, meta, shift } = combo;
|
|
42759
|
-
|
|
42855
|
+
useEffect46(() => {
|
|
42760
42856
|
if (!register) {
|
|
42761
42857
|
return;
|
|
42762
42858
|
}
|
|
@@ -42777,7 +42873,7 @@ function useHotkeyManager() {
|
|
|
42777
42873
|
}
|
|
42778
42874
|
|
|
42779
42875
|
// ../../components/CopyButton/CopyButton.tsx
|
|
42780
|
-
import { useCallback as
|
|
42876
|
+
import { useCallback as useCallback27, useEffect as useEffect47, useState as useState63 } from "react";
|
|
42781
42877
|
|
|
42782
42878
|
// ../../components/CopyButton/CopyButton.module.css
|
|
42783
42879
|
var CopyButton_default = {"wrap":"opus_Ij6tWr_wrap"};
|
|
@@ -42809,15 +42905,15 @@ function CopyButton({
|
|
|
42809
42905
|
variant = "secondary",
|
|
42810
42906
|
onCopied
|
|
42811
42907
|
}) {
|
|
42812
|
-
const [copied, setCopied] =
|
|
42813
|
-
|
|
42908
|
+
const [copied, setCopied] = useState63(false);
|
|
42909
|
+
useEffect47(() => {
|
|
42814
42910
|
if (!copied) {
|
|
42815
42911
|
return;
|
|
42816
42912
|
}
|
|
42817
42913
|
const timer = window.setTimeout(() => setCopied(false), resetMs);
|
|
42818
42914
|
return () => window.clearTimeout(timer);
|
|
42819
42915
|
}, [copied, resetMs]);
|
|
42820
|
-
const handleCopy =
|
|
42916
|
+
const handleCopy = useCallback27(async () => {
|
|
42821
42917
|
try {
|
|
42822
42918
|
await writeClipboard(value);
|
|
42823
42919
|
setCopied(true);
|
|
@@ -42830,7 +42926,7 @@ function CopyButton({
|
|
|
42830
42926
|
}
|
|
42831
42927
|
|
|
42832
42928
|
// ../../components/Clipboard/Clipboard.tsx
|
|
42833
|
-
import { createContext as createContext10, useCallback as
|
|
42929
|
+
import { createContext as createContext10, useCallback as useCallback28, useContext as useContext11, useMemo as useMemo38, useState as useState64 } from "react";
|
|
42834
42930
|
import { jsx as jsx150 } from "react/jsx-runtime";
|
|
42835
42931
|
var ClipboardContext = createContext10(null);
|
|
42836
42932
|
async function fallbackWrite(value) {
|
|
@@ -42845,8 +42941,8 @@ async function fallbackWrite(value) {
|
|
|
42845
42941
|
document.body.removeChild(textarea);
|
|
42846
42942
|
}
|
|
42847
42943
|
function ClipboardProvider({ children }) {
|
|
42848
|
-
const [lastCopied, setLastCopied] =
|
|
42849
|
-
const writeText =
|
|
42944
|
+
const [lastCopied, setLastCopied] = useState64(null);
|
|
42945
|
+
const writeText = useCallback28(async (value2) => {
|
|
42850
42946
|
var _a2;
|
|
42851
42947
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
|
|
42852
42948
|
await navigator.clipboard.writeText(value2);
|
|
@@ -42855,7 +42951,7 @@ function ClipboardProvider({ children }) {
|
|
|
42855
42951
|
}
|
|
42856
42952
|
setLastCopied(value2);
|
|
42857
42953
|
}, []);
|
|
42858
|
-
const readText =
|
|
42954
|
+
const readText = useCallback28(async () => {
|
|
42859
42955
|
var _a2;
|
|
42860
42956
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.readText) {
|
|
42861
42957
|
return navigator.clipboard.readText();
|
|
@@ -42901,16 +42997,16 @@ function ThemeSwitcher({
|
|
|
42901
42997
|
|
|
42902
42998
|
// ../../components/ResizeObserver/ResizeObserver.tsx
|
|
42903
42999
|
import {
|
|
42904
|
-
useEffect as
|
|
42905
|
-
useRef as
|
|
42906
|
-
useState as
|
|
43000
|
+
useEffect as useEffect48,
|
|
43001
|
+
useRef as useRef45,
|
|
43002
|
+
useState as useState65
|
|
42907
43003
|
} from "react";
|
|
42908
43004
|
import { jsx as jsx152 } from "react/jsx-runtime";
|
|
42909
43005
|
function ResizeObserver2(_a2) {
|
|
42910
43006
|
var _b2 = _a2, { children, className, onResize, style } = _b2, rest = __objRest(_b2, ["children", "className", "onResize", "style"]);
|
|
42911
|
-
const ref =
|
|
42912
|
-
const [size, setSize] =
|
|
42913
|
-
|
|
43007
|
+
const ref = useRef45(null);
|
|
43008
|
+
const [size, setSize] = useState65({ width: 0, height: 0 });
|
|
43009
|
+
useEffect48(() => {
|
|
42914
43010
|
const node = ref.current;
|
|
42915
43011
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
42916
43012
|
return;
|
|
@@ -42933,8 +43029,8 @@ function ResizeObserver2(_a2) {
|
|
|
42933
43029
|
return /* @__PURE__ */ jsx152("div", __spreadProps(__spreadValues({ className, ref, style }, rest), { children: children(size) }));
|
|
42934
43030
|
}
|
|
42935
43031
|
function useResizeObserver(targetRef) {
|
|
42936
|
-
const [size, setSize] =
|
|
42937
|
-
|
|
43032
|
+
const [size, setSize] = useState65({ width: 0, height: 0 });
|
|
43033
|
+
useEffect48(() => {
|
|
42938
43034
|
const node = targetRef.current;
|
|
42939
43035
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
42940
43036
|
return;
|
|
@@ -42956,7 +43052,7 @@ function useResizeObserver(targetRef) {
|
|
|
42956
43052
|
}
|
|
42957
43053
|
|
|
42958
43054
|
// ../../components/IntersectionObserver/IntersectionObserver.tsx
|
|
42959
|
-
import { useEffect as
|
|
43055
|
+
import { useEffect as useEffect49, useRef as useRef46, useState as useState66 } from "react";
|
|
42960
43056
|
import { jsx as jsx153 } from "react/jsx-runtime";
|
|
42961
43057
|
function IntersectionObserver2({
|
|
42962
43058
|
children,
|
|
@@ -42965,9 +43061,9 @@ function IntersectionObserver2({
|
|
|
42965
43061
|
threshold = 0.25,
|
|
42966
43062
|
onChange
|
|
42967
43063
|
}) {
|
|
42968
|
-
const ref =
|
|
42969
|
-
const [isIntersecting, setIsIntersecting] =
|
|
42970
|
-
|
|
43064
|
+
const ref = useRef46(null);
|
|
43065
|
+
const [isIntersecting, setIsIntersecting] = useState66(false);
|
|
43066
|
+
useEffect49(() => {
|
|
42971
43067
|
const node = ref.current;
|
|
42972
43068
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
42973
43069
|
return;
|
|
@@ -42990,8 +43086,8 @@ function IntersectionObserver2({
|
|
|
42990
43086
|
}
|
|
42991
43087
|
function useIntersectionObserver(targetRef, options = {}) {
|
|
42992
43088
|
const { rootMargin = "0px", threshold = 0.25 } = options;
|
|
42993
|
-
const [isIntersecting, setIsIntersecting] =
|
|
42994
|
-
|
|
43089
|
+
const [isIntersecting, setIsIntersecting] = useState66(false);
|
|
43090
|
+
useEffect49(() => {
|
|
42995
43091
|
const node = targetRef.current;
|
|
42996
43092
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
42997
43093
|
return;
|
|
@@ -43015,28 +43111,28 @@ function useIntersectionObserver(targetRef, options = {}) {
|
|
|
43015
43111
|
// ../../components/Sidebar/Sidebar.tsx
|
|
43016
43112
|
import {
|
|
43017
43113
|
createContext as createContext11,
|
|
43018
|
-
useCallback as
|
|
43114
|
+
useCallback as useCallback29,
|
|
43019
43115
|
useContext as useContext12,
|
|
43020
|
-
useEffect as
|
|
43116
|
+
useEffect as useEffect50,
|
|
43021
43117
|
useMemo as useMemo39,
|
|
43022
|
-
useRef as
|
|
43023
|
-
useState as
|
|
43118
|
+
useRef as useRef47,
|
|
43119
|
+
useState as useState67
|
|
43024
43120
|
} from "react";
|
|
43025
43121
|
|
|
43026
43122
|
// ../../components/Sidebar/Sidebar.module.css
|
|
43027
|
-
var Sidebar_default = {"
|
|
43123
|
+
var Sidebar_default = {"collapsedGroupWrap":"opus_4Pogux_collapsedGroupWrap","footer":"opus_4Pogux_footer","icon":"opus_4Pogux_icon","main":"opus_4Pogux_main","overflowTooltip":"opus_4Pogux_overflowTooltip","collapsedGroupChevronOpen":"opus_4Pogux_collapsedGroupChevronOpen","link":"opus_4Pogux_link","bodyContent":"opus_4Pogux_bodyContent","groupItemsWrap":"opus_4Pogux_groupItemsWrap","groupChevronOpen":"opus_4Pogux_groupChevronOpen","collapsedTooltip":"opus_4Pogux_collapsedTooltip","groupHeader":"opus_4Pogux_groupHeader","sidebar":"opus_4Pogux_sidebar","overflowLabel":"opus_4Pogux_overflowLabel","visuallyHidden":"opus_4Pogux_visuallyHidden","collapsedGroupChevron":"opus_4Pogux_collapsedGroupChevron","collapsedGroup":"opus_4Pogux_collapsedGroup","header":"opus_4Pogux_header","linkActive":"opus_4Pogux_linkActive","body":"opus_4Pogux_body","nav":"opus_4Pogux_nav","group":"opus_4Pogux_group","groupChevron":"opus_4Pogux_groupChevron","headerInner":"opus_4Pogux_headerInner","collapsedSubmenu":"opus_4Pogux_collapsedSubmenu","layout":"opus_4Pogux_layout","linkLabel":"opus_4Pogux_linkLabel","groupItems":"opus_4Pogux_groupItems","headerTitle":"opus_4Pogux_headerTitle","groupLabel":"opus_4Pogux_groupLabel"};
|
|
43028
43124
|
|
|
43029
43125
|
// ../../components/Sidebar/Sidebar.tsx
|
|
43030
|
-
import { Fragment as Fragment24, jsx as jsx154, jsxs as
|
|
43126
|
+
import { Fragment as Fragment24, jsx as jsx154, jsxs as jsxs122 } from "react/jsx-runtime";
|
|
43031
43127
|
var SidebarContext = createContext11({
|
|
43032
43128
|
collapsed: false,
|
|
43033
43129
|
density: "comfortable"
|
|
43034
43130
|
});
|
|
43035
43131
|
var SIDEBAR_STORAGE_PREFIX = "opus-sidebar-state";
|
|
43036
43132
|
function SidebarOverflowLabel({ label }) {
|
|
43037
|
-
const labelRef =
|
|
43038
|
-
const [overflowing, setOverflowing] =
|
|
43039
|
-
|
|
43133
|
+
const labelRef = useRef47(null);
|
|
43134
|
+
const [overflowing, setOverflowing] = useState67(false);
|
|
43135
|
+
useEffect50(() => {
|
|
43040
43136
|
const element = labelRef.current;
|
|
43041
43137
|
if (!element) {
|
|
43042
43138
|
return;
|
|
@@ -43146,13 +43242,13 @@ function Sidebar({
|
|
|
43146
43242
|
() => `${SIDEBAR_STORAGE_PREFIX}:${storageKey != null ? storageKey : hashString(`${navLabel}:${serialiseSidebarMenu(menu)}`)}`,
|
|
43147
43243
|
[menu, navLabel, storageKey]
|
|
43148
43244
|
);
|
|
43149
|
-
const [persistedState, setPersistedState] =
|
|
43245
|
+
const [persistedState, setPersistedState] = useState67(
|
|
43150
43246
|
{}
|
|
43151
43247
|
);
|
|
43152
|
-
const [motionReady, setMotionReady] =
|
|
43153
|
-
const [internalActiveItem, setInternalActiveItem] =
|
|
43248
|
+
const [motionReady, setMotionReady] = useState67(!persistState);
|
|
43249
|
+
const [internalActiveItem, setInternalActiveItem] = useState67(defaultActiveItem);
|
|
43154
43250
|
const effectiveActiveItem = activeItem != null ? activeItem : persistState ? (_a2 = persistedState.activeItem) != null ? _a2 : internalActiveItem : internalActiveItem;
|
|
43155
|
-
|
|
43251
|
+
useEffect50(() => {
|
|
43156
43252
|
if (!persistState) {
|
|
43157
43253
|
const readyTimeout = window.setTimeout(() => setMotionReady(true), 0);
|
|
43158
43254
|
return () => window.clearTimeout(readyTimeout);
|
|
@@ -43181,7 +43277,7 @@ function Sidebar({
|
|
|
43181
43277
|
}
|
|
43182
43278
|
};
|
|
43183
43279
|
}, [persistState, resolvedStorageKey]);
|
|
43184
|
-
const updatePersistedState =
|
|
43280
|
+
const updatePersistedState = useCallback29(
|
|
43185
43281
|
(next) => {
|
|
43186
43282
|
if (!persistState) {
|
|
43187
43283
|
return;
|
|
@@ -43194,7 +43290,7 @@ function Sidebar({
|
|
|
43194
43290
|
},
|
|
43195
43291
|
[persistState, resolvedStorageKey]
|
|
43196
43292
|
);
|
|
43197
|
-
const setSidebarActiveItem =
|
|
43293
|
+
const setSidebarActiveItem = useCallback29(
|
|
43198
43294
|
(itemId) => {
|
|
43199
43295
|
if (persistState) {
|
|
43200
43296
|
updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
|
|
@@ -43207,14 +43303,14 @@ function Sidebar({
|
|
|
43207
43303
|
},
|
|
43208
43304
|
[activeItem, persistState, updatePersistedState]
|
|
43209
43305
|
);
|
|
43210
|
-
const getGroupOpenState =
|
|
43306
|
+
const getGroupOpenState = useCallback29(
|
|
43211
43307
|
(groupId, fallback) => {
|
|
43212
43308
|
var _a3, _b2;
|
|
43213
43309
|
return (_b2 = (_a3 = persistedState.groups) == null ? void 0 : _a3[groupId]) != null ? _b2 : fallback;
|
|
43214
43310
|
},
|
|
43215
43311
|
[persistedState.groups]
|
|
43216
43312
|
);
|
|
43217
|
-
const setGroupOpenState =
|
|
43313
|
+
const setGroupOpenState = useCallback29(
|
|
43218
43314
|
(groupId, open) => {
|
|
43219
43315
|
updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
|
|
43220
43316
|
groups: __spreadProps(__spreadValues({}, current.groups), {
|
|
@@ -43237,7 +43333,7 @@ function Sidebar({
|
|
|
43237
43333
|
setActiveItem: setSidebarActiveItem,
|
|
43238
43334
|
setGroupOpenState: persistState ? setGroupOpenState : void 0
|
|
43239
43335
|
},
|
|
43240
|
-
children: /* @__PURE__ */
|
|
43336
|
+
children: /* @__PURE__ */ jsxs122(
|
|
43241
43337
|
"aside",
|
|
43242
43338
|
{
|
|
43243
43339
|
"aria-label": "Sidebar",
|
|
@@ -43281,7 +43377,7 @@ function Sidebar({
|
|
|
43281
43377
|
}
|
|
43282
43378
|
function SidebarHeader({ children, title }) {
|
|
43283
43379
|
const { collapsed } = useContext12(SidebarContext);
|
|
43284
|
-
return /* @__PURE__ */
|
|
43380
|
+
return /* @__PURE__ */ jsxs122("div", { className: Sidebar_default.headerInner, children: [
|
|
43285
43381
|
/* @__PURE__ */ jsx154("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
|
|
43286
43382
|
children
|
|
43287
43383
|
] });
|
|
@@ -43323,7 +43419,7 @@ function SidebarLink({
|
|
|
43323
43419
|
}
|
|
43324
43420
|
onClick == null ? void 0 : onClick(event);
|
|
43325
43421
|
};
|
|
43326
|
-
const content = /* @__PURE__ */
|
|
43422
|
+
const content = /* @__PURE__ */ jsxs122(Fragment24, { children: [
|
|
43327
43423
|
icon ? /* @__PURE__ */ jsx154("span", { className: Sidebar_default.icon, children: icon }) : null,
|
|
43328
43424
|
!icon && collapsed && label ? /* @__PURE__ */ jsx154("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: label.charAt(0) }) : null,
|
|
43329
43425
|
collapsed ? /* @__PURE__ */ jsx154("span", { className: Sidebar_default.visuallyHidden, children }) : label ? /* @__PURE__ */ jsx154(SidebarOverflowLabel, { label }) : /* @__PURE__ */ jsx154("span", { className: Sidebar_default.linkLabel, children })
|
|
@@ -43438,14 +43534,14 @@ function SidebarGroup({
|
|
|
43438
43534
|
setGroupOpenState
|
|
43439
43535
|
} = useContext12(SidebarContext);
|
|
43440
43536
|
const listId = createGroupListId(label, id);
|
|
43441
|
-
const [open, setOpen] =
|
|
43537
|
+
const [open, setOpen] = useState67(
|
|
43442
43538
|
() => {
|
|
43443
43539
|
var _a2;
|
|
43444
43540
|
return (_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen;
|
|
43445
43541
|
}
|
|
43446
43542
|
);
|
|
43447
|
-
const [collapsedOpen, setCollapsedOpen] =
|
|
43448
|
-
|
|
43543
|
+
const [collapsedOpen, setCollapsedOpen] = useState67(false);
|
|
43544
|
+
useEffect50(() => {
|
|
43449
43545
|
const timeout = window.setTimeout(() => {
|
|
43450
43546
|
var _a2;
|
|
43451
43547
|
setOpen((_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen);
|
|
@@ -43459,14 +43555,14 @@ function SidebarGroup({
|
|
|
43459
43555
|
};
|
|
43460
43556
|
if (collapsed) {
|
|
43461
43557
|
if (depth > 0) {
|
|
43462
|
-
return /* @__PURE__ */
|
|
43558
|
+
return /* @__PURE__ */ jsxs122("div", { className: Sidebar_default.collapsedGroupWrap, children: [
|
|
43463
43559
|
/* @__PURE__ */ jsx154(
|
|
43464
43560
|
Tooltip,
|
|
43465
43561
|
{
|
|
43466
43562
|
className: Sidebar_default.collapsedTooltip,
|
|
43467
43563
|
content: label,
|
|
43468
43564
|
placement: "right",
|
|
43469
|
-
children: /* @__PURE__ */
|
|
43565
|
+
children: /* @__PURE__ */ jsxs122(
|
|
43470
43566
|
"button",
|
|
43471
43567
|
{
|
|
43472
43568
|
"aria-expanded": collapsedOpen,
|
|
@@ -43505,7 +43601,7 @@ function SidebarGroup({
|
|
|
43505
43601
|
}
|
|
43506
43602
|
);
|
|
43507
43603
|
}
|
|
43508
|
-
return /* @__PURE__ */
|
|
43604
|
+
return /* @__PURE__ */ jsxs122(
|
|
43509
43605
|
"div",
|
|
43510
43606
|
{
|
|
43511
43607
|
"aria-label": label,
|
|
@@ -43513,7 +43609,7 @@ function SidebarGroup({
|
|
|
43513
43609
|
"data-depth": depth,
|
|
43514
43610
|
role: "group",
|
|
43515
43611
|
children: [
|
|
43516
|
-
/* @__PURE__ */ jsx154("div", { className: Sidebar_default.groupHeader, children: /* @__PURE__ */
|
|
43612
|
+
/* @__PURE__ */ jsx154("div", { className: Sidebar_default.groupHeader, children: /* @__PURE__ */ jsxs122(
|
|
43517
43613
|
"button",
|
|
43518
43614
|
{
|
|
43519
43615
|
"aria-controls": listId,
|
|
@@ -43560,7 +43656,7 @@ function SidebarLayout({
|
|
|
43560
43656
|
main,
|
|
43561
43657
|
side = "left"
|
|
43562
43658
|
}) {
|
|
43563
|
-
return /* @__PURE__ */
|
|
43659
|
+
return /* @__PURE__ */ jsxs122(
|
|
43564
43660
|
"div",
|
|
43565
43661
|
{
|
|
43566
43662
|
className: Sidebar_default.layout,
|
|
@@ -43576,10 +43672,10 @@ function SidebarLayout({
|
|
|
43576
43672
|
}
|
|
43577
43673
|
|
|
43578
43674
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
43579
|
-
import { useCallback as
|
|
43675
|
+
import { useCallback as useCallback30, useEffect as useEffect51, useMemo as useMemo40, useState as useState68 } from "react";
|
|
43580
43676
|
|
|
43581
43677
|
// ../../components/AccentColorPicker/AccentColorPicker.module.css
|
|
43582
|
-
var AccentColorPicker_default = {"
|
|
43678
|
+
var AccentColorPicker_default = {"swatch":"opus_scMnrW_swatch","swatches":"opus_scMnrW_swatches"};
|
|
43583
43679
|
|
|
43584
43680
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
43585
43681
|
import { jsx as jsx155 } from "react/jsx-runtime";
|
|
@@ -43616,8 +43712,8 @@ function applyDocumentAccent(accent) {
|
|
|
43616
43712
|
);
|
|
43617
43713
|
}
|
|
43618
43714
|
function useAccentPreference() {
|
|
43619
|
-
const [accent, setAccentState] =
|
|
43620
|
-
|
|
43715
|
+
const [accent, setAccentState] = useState68(DEFAULT_ACCENT_COLOR);
|
|
43716
|
+
useEffect51(() => {
|
|
43621
43717
|
const timeout = window.setTimeout(() => {
|
|
43622
43718
|
const stored = window.localStorage.getItem(ACCENT_STORAGE_KEY);
|
|
43623
43719
|
if (isAccentColor(stored)) {
|
|
@@ -43629,7 +43725,7 @@ function useAccentPreference() {
|
|
|
43629
43725
|
}, 0);
|
|
43630
43726
|
return () => window.clearTimeout(timeout);
|
|
43631
43727
|
}, []);
|
|
43632
|
-
const setAccent =
|
|
43728
|
+
const setAccent = useCallback30((next) => {
|
|
43633
43729
|
if (!isAccentColor(next)) {
|
|
43634
43730
|
return;
|
|
43635
43731
|
}
|
|
@@ -43683,14 +43779,14 @@ function AccentColorPicker({
|
|
|
43683
43779
|
}
|
|
43684
43780
|
|
|
43685
43781
|
// ../../components/IconPicker/IconPicker.tsx
|
|
43686
|
-
import { useEffect as
|
|
43782
|
+
import { useEffect as useEffect52, useId as useId27, useMemo as useMemo41, useRef as useRef48, useState as useState69 } from "react";
|
|
43687
43783
|
import { FontAwesomeIcon as FontAwesomeIcon13 } from "@fortawesome/react-fontawesome";
|
|
43688
43784
|
|
|
43689
43785
|
// ../../components/IconPicker/IconPicker.module.css
|
|
43690
|
-
var IconPicker_default = {"
|
|
43786
|
+
var IconPicker_default = {"option":"opus_4E-Oa1_option","menu":"opus_4E-Oa1_menu","grid":"opus_4E-Oa1_grid","optionIcon":"opus_4E-Oa1_optionIcon","chevron":"opus_4E-Oa1_chevron","root":"opus_4E-Oa1_root","triggerLabel":"opus_4E-Oa1_triggerLabel","trigger":"opus_4E-Oa1_trigger","empty":"opus_4E-Oa1_empty","search":"opus_4E-Oa1_search","triggerIcon":"opus_4E-Oa1_triggerIcon"};
|
|
43691
43787
|
|
|
43692
43788
|
// ../../components/IconPicker/IconPicker.tsx
|
|
43693
|
-
import { jsx as jsx156, jsxs as
|
|
43789
|
+
import { jsx as jsx156, jsxs as jsxs123 } from "react/jsx-runtime";
|
|
43694
43790
|
function IconPicker({
|
|
43695
43791
|
help,
|
|
43696
43792
|
id,
|
|
@@ -43701,14 +43797,14 @@ function IconPicker({
|
|
|
43701
43797
|
searchPlaceholder = "Search icons",
|
|
43702
43798
|
value
|
|
43703
43799
|
}) {
|
|
43704
|
-
const [open, setOpen] =
|
|
43705
|
-
const [query, setQuery] =
|
|
43706
|
-
const rootRef =
|
|
43707
|
-
const searchRef =
|
|
43800
|
+
const [open, setOpen] = useState69(false);
|
|
43801
|
+
const [query, setQuery] = useState69("");
|
|
43802
|
+
const rootRef = useRef48(null);
|
|
43803
|
+
const searchRef = useRef48(null);
|
|
43708
43804
|
const listboxId = useId27();
|
|
43709
43805
|
const selected = getFontAwesomeIconOption(value);
|
|
43710
43806
|
const filteredIcons = useMemo41(() => filterFontAwesomeIcons(query), [query]);
|
|
43711
|
-
|
|
43807
|
+
useEffect52(() => {
|
|
43712
43808
|
if (!open) {
|
|
43713
43809
|
return;
|
|
43714
43810
|
}
|
|
@@ -43735,8 +43831,8 @@ function IconPicker({
|
|
|
43735
43831
|
document.removeEventListener("keydown", handleKeyDown);
|
|
43736
43832
|
};
|
|
43737
43833
|
}, [open]);
|
|
43738
|
-
return /* @__PURE__ */ jsx156(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */
|
|
43739
|
-
/* @__PURE__ */
|
|
43834
|
+
return /* @__PURE__ */ jsx156(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */ jsxs123("div", { className: IconPicker_default.root, ref: rootRef, children: [
|
|
43835
|
+
/* @__PURE__ */ jsxs123(
|
|
43740
43836
|
"button",
|
|
43741
43837
|
{
|
|
43742
43838
|
"aria-controls": open ? listboxId : void 0,
|
|
@@ -43753,7 +43849,7 @@ function IconPicker({
|
|
|
43753
43849
|
}
|
|
43754
43850
|
),
|
|
43755
43851
|
/* @__PURE__ */ jsx156("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
|
|
43756
|
-
open ? /* @__PURE__ */
|
|
43852
|
+
open ? /* @__PURE__ */ jsxs123("div", { className: IconPicker_default.menu, children: [
|
|
43757
43853
|
/* @__PURE__ */ jsx156(
|
|
43758
43854
|
"input",
|
|
43759
43855
|
{
|
|
@@ -43790,10 +43886,10 @@ function IconPicker({
|
|
|
43790
43886
|
}
|
|
43791
43887
|
|
|
43792
43888
|
// ../../components/IconBadge/IconBadge.module.css
|
|
43793
|
-
var IconBadge_default = {"
|
|
43889
|
+
var IconBadge_default = {"root":"opus_H9TUGj_root","icon":"opus_H9TUGj_icon","badge":"opus_H9TUGj_badge"};
|
|
43794
43890
|
|
|
43795
43891
|
// ../../components/IconBadge/IconBadge.tsx
|
|
43796
|
-
import { jsx as jsx157, jsxs as
|
|
43892
|
+
import { jsx as jsx157, jsxs as jsxs124 } from "react/jsx-runtime";
|
|
43797
43893
|
function formatCount(count, max) {
|
|
43798
43894
|
if (count > max) {
|
|
43799
43895
|
return `${max}+`;
|
|
@@ -43830,7 +43926,7 @@ function IconBadge({
|
|
|
43830
43926
|
const showBadge = shouldShowBadge(count, showZero);
|
|
43831
43927
|
const accessibleLabel = buildAccessibleLabel(label, count, max, showZero);
|
|
43832
43928
|
const rootClassName = [IconBadge_default.root, className].filter(Boolean).join(" ");
|
|
43833
|
-
const content = /* @__PURE__ */
|
|
43929
|
+
const content = /* @__PURE__ */ jsxs124("span", { "aria-hidden": "true", className: IconBadge_default.icon, "data-size": size, "data-tone": tone, children: [
|
|
43834
43930
|
/* @__PURE__ */ jsx157(CatalogIcon, { iconName }),
|
|
43835
43931
|
showBadge ? /* @__PURE__ */ jsx157("span", { className: IconBadge_default.badge, "data-urgency": urgency, children: formatCount(count, max) }) : null
|
|
43836
43932
|
] });
|
|
@@ -43851,13 +43947,13 @@ function IconBadge({
|
|
|
43851
43947
|
}
|
|
43852
43948
|
|
|
43853
43949
|
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
43854
|
-
import { useEffect as
|
|
43950
|
+
import { useEffect as useEffect53, useRef as useRef49 } from "react";
|
|
43855
43951
|
|
|
43856
43952
|
// ../../components/ApplicationHeader/ApplicationHeader.module.css
|
|
43857
|
-
var ApplicationHeader_default = {"
|
|
43953
|
+
var ApplicationHeader_default = {"actionGroup":"opus_TjZbi8_actionGroup","createButton":"opus_TjZbi8_createButton","logo":"opus_TjZbi8_logo","search":"opus_TjZbi8_search","actions":"opus_TjZbi8_actions","createMenuIcon":"opus_TjZbi8_createMenuIcon","brand":"opus_TjZbi8_brand","root":"opus_TjZbi8_root","profile":"opus_TjZbi8_profile","content":"opus_TjZbi8_content"};
|
|
43858
43954
|
|
|
43859
43955
|
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
43860
|
-
import { Fragment as Fragment25, jsx as jsx158, jsxs as
|
|
43956
|
+
import { Fragment as Fragment25, jsx as jsx158, jsxs as jsxs125 } from "react/jsx-runtime";
|
|
43861
43957
|
function ApplicationHeader({
|
|
43862
43958
|
actions = [],
|
|
43863
43959
|
brandAlt = "Opus",
|
|
@@ -43876,7 +43972,7 @@ function ApplicationHeader({
|
|
|
43876
43972
|
searchValue = "",
|
|
43877
43973
|
showSearch = true
|
|
43878
43974
|
}) {
|
|
43879
|
-
const searchInputRef =
|
|
43975
|
+
const searchInputRef = useRef49(null);
|
|
43880
43976
|
const notificationActions = actions.filter((action) => action.group === "notification" || action.count !== void 0);
|
|
43881
43977
|
const utilityActions = actions.filter((action) => action.group === "utility" || action.group === void 0 && action.count === void 0);
|
|
43882
43978
|
const handleSearchChange = (event) => {
|
|
@@ -43889,7 +43985,7 @@ function ApplicationHeader({
|
|
|
43889
43985
|
label: item.label,
|
|
43890
43986
|
onSelect: item.onSelect
|
|
43891
43987
|
}));
|
|
43892
|
-
|
|
43988
|
+
useEffect53(() => {
|
|
43893
43989
|
var _a2;
|
|
43894
43990
|
if (!showSearch) {
|
|
43895
43991
|
return;
|
|
@@ -43910,14 +44006,14 @@ function ApplicationHeader({
|
|
|
43910
44006
|
window.addEventListener("keydown", handleKeyDown);
|
|
43911
44007
|
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
43912
44008
|
}, [searchShortcut, showSearch]);
|
|
43913
|
-
return /* @__PURE__ */
|
|
44009
|
+
return /* @__PURE__ */ jsxs125(
|
|
43914
44010
|
"header",
|
|
43915
44011
|
{
|
|
43916
44012
|
className: [ApplicationHeader_default.root, className].filter(Boolean).join(" "),
|
|
43917
44013
|
"data-connected": connected ? "true" : "false",
|
|
43918
44014
|
children: [
|
|
43919
44015
|
/* @__PURE__ */ jsx158("a", { "aria-label": brandAlt, className: ApplicationHeader_default.brand, href: brandHref, children: /* @__PURE__ */ jsx158("img", { alt: brandAlt, className: ApplicationHeader_default.logo, src: brandSrc }) }),
|
|
43920
|
-
/* @__PURE__ */
|
|
44016
|
+
/* @__PURE__ */ jsxs125("div", { className: ApplicationHeader_default.content, children: [
|
|
43921
44017
|
showSearch ? /* @__PURE__ */ jsx158("div", { className: ApplicationHeader_default.search, children: /* @__PURE__ */ jsx158(
|
|
43922
44018
|
TextField,
|
|
43923
44019
|
{
|
|
@@ -43933,7 +44029,7 @@ function ApplicationHeader({
|
|
|
43933
44029
|
onChange: handleSearchChange
|
|
43934
44030
|
}
|
|
43935
44031
|
) }) : /* @__PURE__ */ jsx158("span", {}),
|
|
43936
|
-
/* @__PURE__ */
|
|
44032
|
+
/* @__PURE__ */ jsxs125("nav", { "aria-label": "Application actions", className: ApplicationHeader_default.actions, children: [
|
|
43937
44033
|
createItems.length ? /* @__PURE__ */ jsx158(
|
|
43938
44034
|
DropdownMenu,
|
|
43939
44035
|
{
|
|
@@ -43971,7 +44067,7 @@ function ApplicationHeader({
|
|
|
43971
44067
|
urgency: action.urgency
|
|
43972
44068
|
}
|
|
43973
44069
|
) }, action.id)) }),
|
|
43974
|
-
profile ? /* @__PURE__ */
|
|
44070
|
+
profile ? /* @__PURE__ */ jsxs125(Fragment25, { children: [
|
|
43975
44071
|
/* @__PURE__ */ jsx158(Divider, { orientation: "vertical", tone: "muted" }),
|
|
43976
44072
|
/* @__PURE__ */ jsx158("div", { className: ApplicationHeader_default.profile, children: /* @__PURE__ */ jsx158(
|
|
43977
44073
|
UserProfileWidget,
|
|
@@ -43992,19 +44088,19 @@ function ApplicationHeader({
|
|
|
43992
44088
|
}
|
|
43993
44089
|
|
|
43994
44090
|
// ../../components/ApplicationFooter/ApplicationFooter.module.css
|
|
43995
|
-
var ApplicationFooter_default = {"
|
|
44091
|
+
var ApplicationFooter_default = {"actions":"opus_mphyzH_actions","action":"opus_mphyzH_action","logo":"opus_mphyzH_logo","copyright":"opus_mphyzH_copyright","actionSlot":"opus_mphyzH_actionSlot","brand":"opus_mphyzH_brand","product":"opus_mphyzH_product","version":"opus_mphyzH_version","root":"opus_mphyzH_root"};
|
|
43996
44092
|
|
|
43997
44093
|
// ../../components/ApplicationFooter/ApplicationFooter.tsx
|
|
43998
|
-
import { jsx as jsx159, jsxs as
|
|
44094
|
+
import { jsx as jsx159, jsxs as jsxs126 } from "react/jsx-runtime";
|
|
43999
44095
|
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" }) {
|
|
44000
|
-
return /* @__PURE__ */
|
|
44001
|
-
/* @__PURE__ */
|
|
44096
|
+
return /* @__PURE__ */ jsxs126("footer", { className: ApplicationFooter_default.root, children: [
|
|
44097
|
+
/* @__PURE__ */ jsxs126("div", { className: ApplicationFooter_default.brand, children: [
|
|
44002
44098
|
/* @__PURE__ */ jsx159("img", { alt: brandAlt, className: ApplicationFooter_default.logo, src: brandSrc }),
|
|
44003
44099
|
/* @__PURE__ */ jsx159("span", { className: ApplicationFooter_default.product, children: productName }),
|
|
44004
44100
|
/* @__PURE__ */ jsx159("span", { className: ApplicationFooter_default.version, children: version })
|
|
44005
44101
|
] }),
|
|
44006
44102
|
/* @__PURE__ */ jsx159("small", { className: ApplicationFooter_default.copyright, children: copyright }),
|
|
44007
|
-
/* @__PURE__ */ jsx159("nav", { "aria-label": "Footer actions", className: ApplicationFooter_default.actions, children: actions.map((action, index) => /* @__PURE__ */
|
|
44103
|
+
/* @__PURE__ */ jsx159("nav", { "aria-label": "Footer actions", className: ApplicationFooter_default.actions, children: actions.map((action, index) => /* @__PURE__ */ jsxs126("span", { className: ApplicationFooter_default.actionSlot, children: [
|
|
44008
44104
|
index ? /* @__PURE__ */ jsx159(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
44009
44105
|
/* @__PURE__ */ jsx159(Tooltip, { content: action.label, placement: "top", children: /* @__PURE__ */ jsx159("button", { "aria-label": action.label, className: ApplicationFooter_default.action, onClick: () => {
|
|
44010
44106
|
var _a2;
|
|
@@ -44015,13 +44111,76 @@ function ApplicationFooter({ actions = [], brandAlt = "Opus", brandSrc = "/opus-
|
|
|
44015
44111
|
] });
|
|
44016
44112
|
}
|
|
44017
44113
|
|
|
44114
|
+
// ../../components/WelcomeMessage/WelcomeMessage.tsx
|
|
44115
|
+
import { useEffect as useEffect54, useMemo as useMemo42, useState as useState70 } from "react";
|
|
44116
|
+
|
|
44117
|
+
// ../../components/WelcomeMessage/WelcomeMessage.module.css
|
|
44118
|
+
var WelcomeMessage_default = {"subtitle":"opus_cZqjKS_subtitle","welcome-wave":"opus_cZqjKS_welcome-wave","root":"opus_cZqjKS_root","heading":"opus_cZqjKS_heading","wave":"opus_cZqjKS_wave"};
|
|
44119
|
+
|
|
44120
|
+
// ../../components/WelcomeMessage/WelcomeMessage.tsx
|
|
44121
|
+
import { jsx as jsx160, jsxs as jsxs127 } from "react/jsx-runtime";
|
|
44122
|
+
function toDate(value) {
|
|
44123
|
+
if (value instanceof Date) return value;
|
|
44124
|
+
if (value !== void 0) return new Date(value);
|
|
44125
|
+
return /* @__PURE__ */ new Date();
|
|
44126
|
+
}
|
|
44127
|
+
function getHour(date, timeZone) {
|
|
44128
|
+
var _a2;
|
|
44129
|
+
if (!timeZone) return date.getHours();
|
|
44130
|
+
const hour = (_a2 = new Intl.DateTimeFormat("en-GB", {
|
|
44131
|
+
hour: "2-digit",
|
|
44132
|
+
hourCycle: "h23",
|
|
44133
|
+
timeZone
|
|
44134
|
+
}).formatToParts(date).find((part) => part.type === "hour")) == null ? void 0 : _a2.value;
|
|
44135
|
+
return Number(hour != null ? hour : date.getHours());
|
|
44136
|
+
}
|
|
44137
|
+
function getWelcomeGreeting(hour) {
|
|
44138
|
+
if (hour >= 5 && hour < 12) return "morning";
|
|
44139
|
+
if (hour >= 12 && hour < 17) return "afternoon";
|
|
44140
|
+
return "evening";
|
|
44141
|
+
}
|
|
44142
|
+
function WelcomeMessage({
|
|
44143
|
+
as: Heading = "h1",
|
|
44144
|
+
className,
|
|
44145
|
+
date,
|
|
44146
|
+
greeting,
|
|
44147
|
+
name,
|
|
44148
|
+
showWave = true,
|
|
44149
|
+
subtitle = "Here\u2019s what\u2019s happening with your CRM today.",
|
|
44150
|
+
timeZone,
|
|
44151
|
+
updateInterval = 6e4
|
|
44152
|
+
}) {
|
|
44153
|
+
const [currentDate, setCurrentDate] = useState70(() => toDate(date));
|
|
44154
|
+
useEffect54(() => {
|
|
44155
|
+
if (date !== void 0) {
|
|
44156
|
+
setCurrentDate(toDate(date));
|
|
44157
|
+
return;
|
|
44158
|
+
}
|
|
44159
|
+
const interval = window.setInterval(() => setCurrentDate(/* @__PURE__ */ new Date()), updateInterval);
|
|
44160
|
+
return () => window.clearInterval(interval);
|
|
44161
|
+
}, [date, updateInterval]);
|
|
44162
|
+
const resolvedGreeting = useMemo42(
|
|
44163
|
+
() => greeting != null ? greeting : `Good ${getWelcomeGreeting(getHour(currentDate, timeZone))}`,
|
|
44164
|
+
[currentDate, greeting, timeZone]
|
|
44165
|
+
);
|
|
44166
|
+
return /* @__PURE__ */ jsxs127("div", { className: [WelcomeMessage_default.root, className].filter(Boolean).join(" "), children: [
|
|
44167
|
+
/* @__PURE__ */ jsxs127(Heading, { className: WelcomeMessage_default.heading, suppressHydrationWarning: true, children: [
|
|
44168
|
+
resolvedGreeting,
|
|
44169
|
+
", ",
|
|
44170
|
+
name,
|
|
44171
|
+
showWave ? /* @__PURE__ */ jsx160("span", { "aria-hidden": "true", className: WelcomeMessage_default.wave, children: "\u{1F44B}" }) : null
|
|
44172
|
+
] }),
|
|
44173
|
+
subtitle ? /* @__PURE__ */ jsx160("p", { className: WelcomeMessage_default.subtitle, children: subtitle }) : null
|
|
44174
|
+
] });
|
|
44175
|
+
}
|
|
44176
|
+
|
|
44018
44177
|
// ../../components/FontPicker/FontPicker.tsx
|
|
44019
44178
|
import {
|
|
44020
|
-
useCallback as
|
|
44021
|
-
useEffect as
|
|
44022
|
-
useMemo as
|
|
44023
|
-
useRef as
|
|
44024
|
-
useState as
|
|
44179
|
+
useCallback as useCallback31,
|
|
44180
|
+
useEffect as useEffect55,
|
|
44181
|
+
useMemo as useMemo43,
|
|
44182
|
+
useRef as useRef50,
|
|
44183
|
+
useState as useState71
|
|
44025
44184
|
} from "react";
|
|
44026
44185
|
|
|
44027
44186
|
// ../../components/FontPicker/googleFonts.ts
|
|
@@ -44134,10 +44293,10 @@ var googleFonts = [
|
|
|
44134
44293
|
];
|
|
44135
44294
|
|
|
44136
44295
|
// ../../components/FontPicker/FontPicker.module.css
|
|
44137
|
-
var FontPicker_default = {"
|
|
44296
|
+
var FontPicker_default = {"search":"opus_ub1fhz_search","empty":"opus_ub1fhz_empty","dropdown":"opus_ub1fhz_dropdown","options":"opus_ub1fhz_options","chevron":"opus_ub1fhz_chevron","triggerText":"opus_ub1fhz_triggerText","option":"opus_ub1fhz_option","optionName":"opus_ub1fhz_optionName","searchWrap":"opus_ub1fhz_searchWrap","picker":"opus_ub1fhz_picker","field":"opus_ub1fhz_field","label":"opus_ub1fhz_label","optionPreview":"opus_ub1fhz_optionPreview","trigger":"opus_ub1fhz_trigger"};
|
|
44138
44297
|
|
|
44139
44298
|
// ../../components/FontPicker/FontPicker.tsx
|
|
44140
|
-
import { jsx as
|
|
44299
|
+
import { jsx as jsx161, jsxs as jsxs128 } from "react/jsx-runtime";
|
|
44141
44300
|
var FONT_STORAGE_KEY = "opus-components-font";
|
|
44142
44301
|
var DEFAULT_FONT_FAMILY = "Space Grotesk";
|
|
44143
44302
|
var fontSet = new Set(googleFonts);
|
|
@@ -44185,8 +44344,8 @@ function applyDocumentFont(family) {
|
|
|
44185
44344
|
loadSelectedFont(family);
|
|
44186
44345
|
}
|
|
44187
44346
|
function useFontPreference() {
|
|
44188
|
-
const [fontFamily, setFontFamilyState] =
|
|
44189
|
-
|
|
44347
|
+
const [fontFamily, setFontFamilyState] = useState71(DEFAULT_FONT_FAMILY);
|
|
44348
|
+
useEffect55(() => {
|
|
44190
44349
|
const timeout = window.setTimeout(() => {
|
|
44191
44350
|
const stored = window.localStorage.getItem(FONT_STORAGE_KEY);
|
|
44192
44351
|
const initial = isGoogleFont(stored) ? stored : DEFAULT_FONT_FAMILY;
|
|
@@ -44195,7 +44354,7 @@ function useFontPreference() {
|
|
|
44195
44354
|
}, 0);
|
|
44196
44355
|
return () => window.clearTimeout(timeout);
|
|
44197
44356
|
}, []);
|
|
44198
|
-
const setFontFamily =
|
|
44357
|
+
const setFontFamily = useCallback31((next) => {
|
|
44199
44358
|
if (!isGoogleFont(next)) return;
|
|
44200
44359
|
setFontFamilyState(next);
|
|
44201
44360
|
applyDocumentFont(next);
|
|
@@ -44204,15 +44363,15 @@ function useFontPreference() {
|
|
|
44204
44363
|
return { fontFamily, setFontFamily };
|
|
44205
44364
|
}
|
|
44206
44365
|
function FontPicker({ id, onChange, value }) {
|
|
44207
|
-
const [open, setOpen] =
|
|
44208
|
-
const [query, setQuery] =
|
|
44209
|
-
const rootRef =
|
|
44210
|
-
const searchRef =
|
|
44211
|
-
const filteredFonts =
|
|
44366
|
+
const [open, setOpen] = useState71(false);
|
|
44367
|
+
const [query, setQuery] = useState71("");
|
|
44368
|
+
const rootRef = useRef50(null);
|
|
44369
|
+
const searchRef = useRef50(null);
|
|
44370
|
+
const filteredFonts = useMemo43(() => {
|
|
44212
44371
|
const normalized = query.trim().toLocaleLowerCase();
|
|
44213
44372
|
return normalized ? googleFonts.filter((font) => font.toLocaleLowerCase().includes(normalized)) : googleFonts;
|
|
44214
44373
|
}, [query]);
|
|
44215
|
-
|
|
44374
|
+
useEffect55(() => {
|
|
44216
44375
|
var _a2;
|
|
44217
44376
|
if (!open) return;
|
|
44218
44377
|
loadFontLinks(googleFonts);
|
|
@@ -44231,10 +44390,10 @@ function FontPicker({ id, onChange, value }) {
|
|
|
44231
44390
|
document.removeEventListener("keydown", closeOnEscape);
|
|
44232
44391
|
};
|
|
44233
44392
|
}, [open]);
|
|
44234
|
-
return /* @__PURE__ */
|
|
44235
|
-
/* @__PURE__ */
|
|
44236
|
-
/* @__PURE__ */
|
|
44237
|
-
/* @__PURE__ */
|
|
44393
|
+
return /* @__PURE__ */ jsxs128("div", { className: FontPicker_default.field, ref: rootRef, children: [
|
|
44394
|
+
/* @__PURE__ */ jsx161("span", { className: FontPicker_default.label, children: "Font" }),
|
|
44395
|
+
/* @__PURE__ */ jsxs128("div", { className: FontPicker_default.picker, children: [
|
|
44396
|
+
/* @__PURE__ */ jsxs128(
|
|
44238
44397
|
"button",
|
|
44239
44398
|
{
|
|
44240
44399
|
"aria-controls": `${id}-options`,
|
|
@@ -44246,13 +44405,13 @@ function FontPicker({ id, onChange, value }) {
|
|
|
44246
44405
|
type: "button",
|
|
44247
44406
|
onClick: () => setOpen((current) => !current),
|
|
44248
44407
|
children: [
|
|
44249
|
-
/* @__PURE__ */
|
|
44250
|
-
/* @__PURE__ */
|
|
44408
|
+
/* @__PURE__ */ jsx161("span", { className: FontPicker_default.triggerText, children: value }),
|
|
44409
|
+
/* @__PURE__ */ jsx161("span", { "aria-hidden": "true", className: FontPicker_default.chevron })
|
|
44251
44410
|
]
|
|
44252
44411
|
}
|
|
44253
44412
|
),
|
|
44254
|
-
open ? /* @__PURE__ */
|
|
44255
|
-
/* @__PURE__ */
|
|
44413
|
+
open ? /* @__PURE__ */ jsxs128("div", { className: FontPicker_default.dropdown, children: [
|
|
44414
|
+
/* @__PURE__ */ jsx161("div", { className: FontPicker_default.searchWrap, children: /* @__PURE__ */ jsx161(
|
|
44256
44415
|
"input",
|
|
44257
44416
|
{
|
|
44258
44417
|
"aria-label": "Search Google Fonts",
|
|
@@ -44264,10 +44423,10 @@ function FontPicker({ id, onChange, value }) {
|
|
|
44264
44423
|
onChange: (event) => setQuery(event.target.value)
|
|
44265
44424
|
}
|
|
44266
44425
|
) }),
|
|
44267
|
-
/* @__PURE__ */
|
|
44426
|
+
/* @__PURE__ */ jsxs128("div", { "aria-label": "Google Fonts", className: FontPicker_default.options, id: `${id}-options`, role: "listbox", children: [
|
|
44268
44427
|
filteredFonts.map((font) => {
|
|
44269
44428
|
const selected = font === value;
|
|
44270
|
-
return /* @__PURE__ */
|
|
44429
|
+
return /* @__PURE__ */ jsxs128(
|
|
44271
44430
|
"button",
|
|
44272
44431
|
{
|
|
44273
44432
|
"aria-selected": selected,
|
|
@@ -44282,14 +44441,14 @@ function FontPicker({ id, onChange, value }) {
|
|
|
44282
44441
|
setQuery("");
|
|
44283
44442
|
},
|
|
44284
44443
|
children: [
|
|
44285
|
-
/* @__PURE__ */
|
|
44286
|
-
/* @__PURE__ */
|
|
44444
|
+
/* @__PURE__ */ jsx161("span", { className: FontPicker_default.optionName, children: font }),
|
|
44445
|
+
/* @__PURE__ */ jsx161("span", { className: FontPicker_default.optionPreview, children: "The quick brown fox" })
|
|
44287
44446
|
]
|
|
44288
44447
|
},
|
|
44289
44448
|
font
|
|
44290
44449
|
);
|
|
44291
44450
|
}),
|
|
44292
|
-
filteredFonts.length === 0 ? /* @__PURE__ */
|
|
44451
|
+
filteredFonts.length === 0 ? /* @__PURE__ */ jsx161("p", { className: FontPicker_default.empty, children: "No matching fonts" }) : null
|
|
44293
44452
|
] })
|
|
44294
44453
|
] }) : null
|
|
44295
44454
|
] })
|
|
@@ -44472,6 +44631,7 @@ export {
|
|
|
44472
44631
|
UpcomingTasks,
|
|
44473
44632
|
UserProfileWidget,
|
|
44474
44633
|
VisuallyHidden,
|
|
44634
|
+
WelcomeMessage,
|
|
44475
44635
|
accentColors,
|
|
44476
44636
|
cartesianSpecializedVariants,
|
|
44477
44637
|
countryCodeToFlag,
|
|
@@ -44484,6 +44644,7 @@ export {
|
|
|
44484
44644
|
defaultTopNavigationMenus,
|
|
44485
44645
|
demoSankeyLinks,
|
|
44486
44646
|
fieldInputAriaProps,
|
|
44647
|
+
getWelcomeGreeting,
|
|
44487
44648
|
googleFonts,
|
|
44488
44649
|
countries as phoneCountries,
|
|
44489
44650
|
useAccentPreference,
|