opus-react 0.3.0 → 0.3.2
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 +904 -561
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +649 -26
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +84 -4
- package/dist/index.d.ts +84 -4
- package/dist/index.js +1030 -691
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -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 = {"light":"opus_lZkc26_light","success":"opus_lZkc26_success","danger":"opus_lZkc26_danger","secondary":"opus_lZkc26_secondary","warning":"opus_lZkc26_warning","info":"opus_lZkc26_info","dark":"opus_lZkc26_dark","link":"opus_lZkc26_link","button":"opus_lZkc26_button","primary":"opus_lZkc26_primary"};
|
|
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 = {"right":"opus_R70RbH_right","popup":"opus_R70RbH_popup","bottom":"opus_R70RbH_bottom","root":"opus_R70RbH_root","triggerWrap":"opus_R70RbH_triggerWrap","left":"opus_R70RbH_left","top":"opus_R70RbH_top","arrow":"opus_R70RbH_arrow","trigger":"opus_R70RbH_trigger"};
|
|
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 = {"visuallyHidden":"opus_zNi12Z_visuallyHidden","labelLeft":"opus_zNi12Z_labelLeft","error":"opus_zNi12Z_error","stacked":"opus_zNi12Z_stacked","root":"opus_zNi12Z_root","stackedRight":"opus_zNi12Z_stackedRight","labelRight":"opus_zNi12Z_labelRight","compactControl":"opus_zNi12Z_compactControl","errorFlagged":"opus_zNi12Z_errorFlagged","control":"opus_zNi12Z_control","labelFlagged":"opus_zNi12Z_labelFlagged","flaggedCenter":"opus_zNi12Z_flaggedCenter","label":"opus_zNi12Z_label","stackedLeft":"opus_zNi12Z_stackedLeft","required":"opus_zNi12Z_required","flaggedStart":"opus_zNi12Z_flaggedStart","flagged":"opus_zNi12Z_flagged","fitContent":"opus_zNi12Z_fitContent","controlFlagged":"opus_zNi12Z_controlFlagged"};
|
|
659
659
|
|
|
660
660
|
// ../../components/fields/FieldShell/FieldShell.tsx
|
|
661
661
|
import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
@@ -780,7 +780,7 @@ function FieldShell({
|
|
|
780
780
|
}
|
|
781
781
|
|
|
782
782
|
// ../../components/fields/CheckboxField/CheckboxField.module.css
|
|
783
|
-
var CheckboxField_default = {"
|
|
783
|
+
var CheckboxField_default = {"shell":"opus_g-5tlR_shell","toggle":"opus_g-5tlR_toggle","square":"opus_g-5tlR_square","round":"opus_g-5tlR_round","error":"opus_g-5tlR_error","nativeInput":"opus_g-5tlR_nativeInput","visual":"opus_g-5tlR_visual","toggleLabel":"opus_g-5tlR_toggleLabel"};
|
|
784
784
|
|
|
785
785
|
// ../../components/fields/shared/choiceControlSizes.module.css
|
|
786
786
|
var choiceControlSizes_default = {"sizeSm":"opus_4er5Uc_sizeSm","sizeMd":"opus_4er5Uc_sizeMd","sizeLg":"opus_4er5Uc_sizeLg"};
|
|
@@ -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 = {"icon":"opus_Z7jeX4_icon","error":"opus_Z7jeX4_error","nativeInput":"opus_Z7jeX4_nativeInput","swatch":"opus_Z7jeX4_swatch","picker":"opus_Z7jeX4_picker","value":"opus_Z7jeX4_value"};
|
|
857
857
|
|
|
858
858
|
// ../../components/fields/ColorField/ColorField.tsx
|
|
859
859
|
import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
@@ -914,7 +914,7 @@ function ColorField({
|
|
|
914
914
|
}
|
|
915
915
|
|
|
916
916
|
// ../../components/fields/DateField/DateField.module.css
|
|
917
|
-
var DateField_default = {"
|
|
917
|
+
var DateField_default = {"error":"opus_G3y11z_error","input":"opus_G3y11z_input"};
|
|
918
918
|
|
|
919
919
|
// ../../components/fields/DateField/DateField.tsx
|
|
920
920
|
import { jsx as jsx6 } 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 = {"preview":"opus_kL1YXS_preview","note":"opus_kL1YXS_note","meta":"opus_kL1YXS_meta"};
|
|
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 = {"wrapper":"opus_aOsPA7_wrapper","dragging":"opus_aOsPA7_dragging","icon":"opus_aOsPA7_icon","title":"opus_aOsPA7_title","iconSvg":"opus_aOsPA7_iconSvg","hint":"opus_aOsPA7_hint","action":"opus_aOsPA7_action","drop":"opus_aOsPA7_drop","dropError":"opus_aOsPA7_dropError","input":"opus_aOsPA7_input","footnote":"opus_aOsPA7_footnote","content":"opus_aOsPA7_content"};
|
|
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 = {"zoomRow":"opus_itxBv9_zoomRow","previewTitle":"opus_itxBv9_previewTitle","dropHint":"opus_itxBv9_dropHint","dropIcon":"opus_itxBv9_dropIcon","previewCopy":"opus_itxBv9_previewCopy","root":"opus_itxBv9_root","editor":"opus_itxBv9_editor","viewportDragging":"opus_itxBv9_viewportDragging","dropContent":"opus_itxBv9_dropContent","instruction":"opus_itxBv9_instruction","actions":"opus_itxBv9_actions","previewFrame":"opus_itxBv9_previewFrame","changeLink":"opus_itxBv9_changeLink","hiddenInput":"opus_itxBv9_hiddenInput","viewportImage":"opus_itxBv9_viewportImage","dropTitle":"opus_itxBv9_dropTitle","zoomSlider":"opus_itxBv9_zoomSlider","dropAction":"opus_itxBv9_dropAction","zoomButton":"opus_itxBv9_zoomButton","drop":"opus_itxBv9_drop","viewport":"opus_itxBv9_viewport","previewImage":"opus_itxBv9_previewImage","previewRow":"opus_itxBv9_previewRow","previewHint":"opus_itxBv9_previewHint","zoomLabel":"opus_itxBv9_zoomLabel","previewCameraButton":"opus_itxBv9_previewCameraButton","dropIconSvg":"opus_itxBv9_dropIconSvg","viewportRing":"opus_itxBv9_viewportRing","dropError":"opus_itxBv9_dropError","dragging":"opus_itxBv9_dragging","previewCard":"opus_itxBv9_previewCard"};
|
|
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 = {"input":"opus_L272Dk_input","error":"opus_L272Dk_error","button":"opus_L272Dk_button","stepper":"opus_L272Dk_stepper"};
|
|
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 = {"options":"opus_O-1nor_options","error":"opus_O-1nor_error","nativeInput":"opus_O-1nor_nativeInput","round":"opus_O-1nor_round","shell":"opus_O-1nor_shell","option":"opus_O-1nor_option","choice":"opus_O-1nor_choice","visual":"opus_O-1nor_visual","square":"opus_O-1nor_square"};
|
|
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 = {"input":"opus_IOOYwh_input","chipLabel":"opus_IOOYwh_chipLabel","chip":"opus_IOOYwh_chip","shell":"opus_IOOYwh_shell","field":"opus_IOOYwh_field","disabled":"opus_IOOYwh_disabled","error":"opus_IOOYwh_error","remove":"opus_IOOYwh_remove","readOnly":"opus_IOOYwh_readOnly"};
|
|
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 = {"indicator":"opus_X6xFEA_indicator","selected":"opus_X6xFEA_selected","disabled":"opus_X6xFEA_disabled","optionDisabled":"opus_X6xFEA_optionDisabled","shell":"opus_X6xFEA_shell","chip":"opus_X6xFEA_chip","root":"opus_X6xFEA_root"};
|
|
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 = {"value":"opus_iRHQuG_value","footer":"opus_iRHQuG_footer","wrap":"opus_iRHQuG_wrap","fieldLabel":"opus_iRHQuG_fieldLabel","topRow":"opus_iRHQuG_topRow","slider":"opus_iRHQuG_slider","error":"opus_iRHQuG_error"};
|
|
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","select":"opus_m2ObG0_select","error":"opus_m2ObG0_error"};
|
|
2279
2279
|
|
|
2280
2280
|
// ../../components/fields/SelectField/SelectField.tsx
|
|
2281
2281
|
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
@@ -2320,7 +2320,7 @@ function SelectField({
|
|
|
2320
2320
|
}
|
|
2321
2321
|
|
|
2322
2322
|
// ../../components/fields/SwitchField/SwitchField.module.css
|
|
2323
|
-
var SwitchField_default = {"
|
|
2323
|
+
var SwitchField_default = {"error":"opus_t9NLEA_error","shell":"opus_t9NLEA_shell","toggle":"opus_t9NLEA_toggle","track":"opus_t9NLEA_track"};
|
|
2324
2324
|
|
|
2325
2325
|
// ../../components/fields/SwitchField/SwitchField.tsx
|
|
2326
2326
|
import { jsx as jsx17 } 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 = {"field":"opus_FjhWmh_field","inputWrap":"opus_FjhWmh_inputWrap","error":"opus_FjhWmh_error","footerError":"opus_FjhWmh_footerError","withCount":"opus_FjhWmh_withCount","textarea":"opus_FjhWmh_textarea","inlineCount":"opus_FjhWmh_inlineCount","footer":"opus_FjhWmh_footer","externalCount":"opus_FjhWmh_externalCount"};
|
|
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 = {"toolbar":"opus_6HFqZH_toolbar","colorSwatch":"opus_6HFqZH_colorSwatch","colorInput":"opus_6HFqZH_colorInput","readOnly":"opus_6HFqZH_readOnly","field":"opus_6HFqZH_field","error":"opus_6HFqZH_error","modalField":"opus_6HFqZH_modalField","modalLabel":"opus_6HFqZH_modalLabel","modalInput":"opus_6HFqZH_modalInput","divider":"opus_6HFqZH_divider","toolbarButton":"opus_6HFqZH_toolbarButton","modalNumber":"opus_6HFqZH_modalNumber","modalDimensionField":"opus_6HFqZH_modalDimensionField","editorShell":"opus_6HFqZH_editorShell","modalTitle":"opus_6HFqZH_modalTitle","modalTimes":"opus_6HFqZH_modalTimes","toolbarIcon":"opus_6HFqZH_toolbarIcon","editor":"opus_6HFqZH_editor","modalConfirm":"opus_6HFqZH_modalConfirm","toolbarButtonActive":"opus_6HFqZH_toolbarButtonActive","modalCancel":"opus_6HFqZH_modalCancel","modal":"opus_6HFqZH_modal","modalOverlay":"opus_6HFqZH_modalOverlay","blockSelect":"opus_6HFqZH_blockSelect","modalActions":"opus_6HFqZH_modalActions","modalDimensions":"opus_6HFqZH_modalDimensions"};
|
|
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 = {"
|
|
3131
|
+
var fieldControl_default = {"prefixIcon":"opus_1Q5xBh_prefixIcon","error":"opus_1Q5xBh_error","chevron":"opus_1Q5xBh_chevron","triggerOpen":"opus_1Q5xBh_triggerOpen","searchWrapError":"opus_1Q5xBh_searchWrapError","groupLabel":"opus_1Q5xBh_groupLabel","panel":"opus_1Q5xBh_panel","placeholder":"opus_1Q5xBh_placeholder","searchWrap":"opus_1Q5xBh_searchWrap","passwordToggle":"opus_1Q5xBh_passwordToggle","trigger":"opus_1Q5xBh_trigger","passwordWrap":"opus_1Q5xBh_passwordWrap","prefixIconSvg":"opus_1Q5xBh_prefixIconSvg","endAdornment":"opus_1Q5xBh_endAdornment","passwordInput":"opus_1Q5xBh_passwordInput","passwordToggleSlot":"opus_1Q5xBh_passwordToggleSlot","searchInput":"opus_1Q5xBh_searchInput","search":"opus_1Q5xBh_search","option":"opus_1Q5xBh_option","actionButton":"opus_1Q5xBh_actionButton","triggerError":"opus_1Q5xBh_triggerError","input":"opus_1Q5xBh_input","panelFooter":"opus_1Q5xBh_panelFooter","list":"opus_1Q5xBh_list","actionButtonPrimary":"opus_1Q5xBh_actionButtonPrimary"};
|
|
3132
3132
|
|
|
3133
3133
|
// ../../components/fields/shared/PasswordToggle.tsx
|
|
3134
3134
|
import { FontAwesomeIcon as FontAwesomeIcon3 } from "@fortawesome/react-fontawesome";
|
|
@@ -3156,7 +3156,9 @@ function TextField({
|
|
|
3156
3156
|
error,
|
|
3157
3157
|
help,
|
|
3158
3158
|
id,
|
|
3159
|
+
inputRef,
|
|
3159
3160
|
label,
|
|
3161
|
+
labelVisuallyHidden,
|
|
3160
3162
|
labelPosition = "left",
|
|
3161
3163
|
mode = "stacked",
|
|
3162
3164
|
placeholder,
|
|
@@ -3164,6 +3166,7 @@ function TextField({
|
|
|
3164
3166
|
size = "md",
|
|
3165
3167
|
type,
|
|
3166
3168
|
value,
|
|
3169
|
+
endAdornment,
|
|
3167
3170
|
onChange
|
|
3168
3171
|
}) {
|
|
3169
3172
|
const shellAria = useFieldShellAria();
|
|
@@ -3182,6 +3185,7 @@ function TextField({
|
|
|
3182
3185
|
isPassword ? fieldControl_default.passwordInput : ""
|
|
3183
3186
|
].filter(Boolean).join(" "),
|
|
3184
3187
|
id,
|
|
3188
|
+
ref: inputRef,
|
|
3185
3189
|
placeholder,
|
|
3186
3190
|
onChange,
|
|
3187
3191
|
type: inputType,
|
|
@@ -3195,6 +3199,7 @@ function TextField({
|
|
|
3195
3199
|
help,
|
|
3196
3200
|
id,
|
|
3197
3201
|
label,
|
|
3202
|
+
labelVisuallyHidden,
|
|
3198
3203
|
labelPosition,
|
|
3199
3204
|
mode,
|
|
3200
3205
|
required,
|
|
@@ -3208,7 +3213,8 @@ function TextField({
|
|
|
3208
3213
|
].filter(Boolean).join(" "),
|
|
3209
3214
|
children: [
|
|
3210
3215
|
/* @__PURE__ */ jsx21("span", { "aria-hidden": "true", className: fieldControl_default.prefixIcon, children: /* @__PURE__ */ jsx21(FontAwesomeIcon4, { className: fieldControl_default.prefixIconSvg, icon: faMagnifyingGlass }) }),
|
|
3211
|
-
inputEl
|
|
3216
|
+
inputEl,
|
|
3217
|
+
endAdornment ? /* @__PURE__ */ jsx21("span", { className: fieldControl_default.endAdornment, children: endAdornment }) : null
|
|
3212
3218
|
]
|
|
3213
3219
|
}
|
|
3214
3220
|
) : isPassword ? /* @__PURE__ */ jsxs15("div", { className: `${fieldControl_default.passwordWrap} ${sizeClass}`, children: [
|
|
@@ -3231,7 +3237,7 @@ import { FontAwesomeIcon as FontAwesomeIcon5 } from "@fortawesome/react-fontawes
|
|
|
3231
3237
|
import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons";
|
|
3232
3238
|
|
|
3233
3239
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.module.css
|
|
3234
|
-
var ThemeToggleField_default = {"
|
|
3240
|
+
var ThemeToggleField_default = {"toggle":"opus_SwerMA_toggle","active":"opus_SwerMA_active","option":"opus_SwerMA_option","indicator":"opus_SwerMA_indicator"};
|
|
3235
3241
|
|
|
3236
3242
|
// ../../components/fields/ThemeToggleField/ThemeToggleField.tsx
|
|
3237
3243
|
import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
@@ -3246,6 +3252,7 @@ function ThemeToggleField({
|
|
|
3246
3252
|
value,
|
|
3247
3253
|
onChange
|
|
3248
3254
|
}) {
|
|
3255
|
+
const nextTheme = value === "light" ? "dark" : "light";
|
|
3249
3256
|
return /* @__PURE__ */ jsx22(
|
|
3250
3257
|
FieldShell,
|
|
3251
3258
|
{
|
|
@@ -3259,38 +3266,42 @@ function ThemeToggleField({
|
|
|
3259
3266
|
labelTag: "div",
|
|
3260
3267
|
labelVisuallyHidden,
|
|
3261
3268
|
mode,
|
|
3262
|
-
children: /* @__PURE__ */ jsxs16(
|
|
3263
|
-
|
|
3264
|
-
|
|
3265
|
-
{
|
|
3266
|
-
|
|
3267
|
-
|
|
3268
|
-
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3272
|
-
|
|
3273
|
-
|
|
3274
|
-
|
|
3275
|
-
|
|
3276
|
-
|
|
3277
|
-
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3269
|
+
children: /* @__PURE__ */ jsxs16(
|
|
3270
|
+
"button",
|
|
3271
|
+
{
|
|
3272
|
+
"aria-label": `Switch to ${nextTheme} theme`,
|
|
3273
|
+
"aria-pressed": value === "dark",
|
|
3274
|
+
className: ThemeToggleField_default.toggle,
|
|
3275
|
+
onClick: () => onChange(nextTheme),
|
|
3276
|
+
type: "button",
|
|
3277
|
+
children: [
|
|
3278
|
+
/* @__PURE__ */ jsx22(
|
|
3279
|
+
"span",
|
|
3280
|
+
{
|
|
3281
|
+
"aria-hidden": "true",
|
|
3282
|
+
className: ThemeToggleField_default.indicator,
|
|
3283
|
+
"data-active": value
|
|
3284
|
+
}
|
|
3285
|
+
),
|
|
3286
|
+
/* @__PURE__ */ jsx22(
|
|
3287
|
+
"span",
|
|
3288
|
+
{
|
|
3289
|
+
"aria-hidden": "true",
|
|
3290
|
+
className: `${ThemeToggleField_default.option} ${value === "light" ? ThemeToggleField_default.active : ""}`,
|
|
3291
|
+
children: /* @__PURE__ */ jsx22(FontAwesomeIcon5, { "aria-hidden": "true", icon: faSun })
|
|
3292
|
+
}
|
|
3293
|
+
),
|
|
3294
|
+
/* @__PURE__ */ jsx22(
|
|
3295
|
+
"span",
|
|
3296
|
+
{
|
|
3297
|
+
"aria-hidden": "true",
|
|
3298
|
+
className: `${ThemeToggleField_default.option} ${value === "dark" ? ThemeToggleField_default.active : ""}`,
|
|
3299
|
+
children: /* @__PURE__ */ jsx22(FontAwesomeIcon5, { "aria-hidden": "true", icon: faMoon })
|
|
3300
|
+
}
|
|
3301
|
+
)
|
|
3302
|
+
]
|
|
3303
|
+
}
|
|
3304
|
+
)
|
|
3294
3305
|
}
|
|
3295
3306
|
);
|
|
3296
3307
|
}
|
|
@@ -3568,7 +3579,7 @@ function MultiSelectField({
|
|
|
3568
3579
|
import { useState as useState10 } from "react";
|
|
3569
3580
|
|
|
3570
3581
|
// ../../components/fields/TransferListField/TransferListField.module.css
|
|
3571
|
-
var TransferListField_default = {"
|
|
3582
|
+
var TransferListField_default = {"columnHeader":"opus_NPBFZk_columnHeader","root":"opus_NPBFZk_root","column":"opus_NPBFZk_column","list":"opus_NPBFZk_list","itemActive":"opus_NPBFZk_itemActive","item":"opus_NPBFZk_item","controls":"opus_NPBFZk_controls","controlButton":"opus_NPBFZk_controlButton"};
|
|
3572
3583
|
|
|
3573
3584
|
// ../../components/fields/TransferListField/TransferListField.tsx
|
|
3574
3585
|
import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
@@ -3690,7 +3701,7 @@ import { FontAwesomeIcon as FontAwesomeIcon6 } from "@fortawesome/react-fontawes
|
|
|
3690
3701
|
import { faCheck, faXmark } from "@fortawesome/free-solid-svg-icons";
|
|
3691
3702
|
|
|
3692
3703
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.module.css
|
|
3693
|
-
var PasswordStrengthField_default = {"
|
|
3704
|
+
var PasswordStrengthField_default = {"meterTrack":"opus_S1A372_meterTrack","requirementIcon":"opus_S1A372_requirementIcon","meterWrap":"opus_S1A372_meterWrap","meterLabel":"opus_S1A372_meterLabel","requirementMet":"opus_S1A372_requirementMet","meterFill":"opus_S1A372_meterFill","requirements":"opus_S1A372_requirements","root":"opus_S1A372_root","requirement":"opus_S1A372_requirement"};
|
|
3694
3705
|
|
|
3695
3706
|
// ../../components/fields/PasswordStrengthField/PasswordStrengthField.tsx
|
|
3696
3707
|
import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
@@ -3799,7 +3810,7 @@ function PasswordStrengthField({
|
|
|
3799
3810
|
}
|
|
3800
3811
|
|
|
3801
3812
|
// ../../components/fields/RatingField/RatingField.module.css
|
|
3802
|
-
var RatingField_default = {"numeric":"opus_0tdNUz_numeric","
|
|
3813
|
+
var RatingField_default = {"numeric":"opus_0tdNUz_numeric","symbol":"opus_0tdNUz_symbol","symbolActive":"opus_0tdNUz_symbolActive","root":"opus_0tdNUz_root","numericActive":"opus_0tdNUz_numericActive"};
|
|
3803
3814
|
|
|
3804
3815
|
// ../../components/fields/RatingField/RatingField.tsx
|
|
3805
3816
|
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
@@ -3931,7 +3942,7 @@ function SegmentedControlField({
|
|
|
3931
3942
|
import { useMemo as useMemo5 } from "react";
|
|
3932
3943
|
|
|
3933
3944
|
// ../../components/fields/SliderRangeField/SliderRangeField.module.css
|
|
3934
|
-
var SliderRangeField_default = {"
|
|
3945
|
+
var SliderRangeField_default = {"root":"opus_k3d0sS_root","track":"opus_k3d0sS_track","footer":"opus_k3d0sS_footer","slider":"opus_k3d0sS_slider","trackWrap":"opus_k3d0sS_trackWrap","value":"opus_k3d0sS_value","header":"opus_k3d0sS_header"};
|
|
3935
3946
|
|
|
3936
3947
|
// ../../components/fields/SliderRangeField/SliderRangeField.tsx
|
|
3937
3948
|
import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
@@ -4029,7 +4040,7 @@ function SliderRangeField({
|
|
|
4029
4040
|
import { useEffect as useEffect7, useMemo as useMemo6, useRef as useRef8, useState as useState12 } from "react";
|
|
4030
4041
|
|
|
4031
4042
|
// ../../components/fields/PhoneNumberField/PhoneNumberField.module.css
|
|
4032
|
-
var PhoneNumberField_default = {"
|
|
4043
|
+
var PhoneNumberField_default = {"countryWrap":"opus_WC4gnN_countryWrap","country":"opus_WC4gnN_country","flag":"opus_WC4gnN_flag","panel":"opus_WC4gnN_panel","countryValue":"opus_WC4gnN_countryValue","code":"opus_WC4gnN_code","optionDial":"opus_WC4gnN_optionDial","optionActive":"opus_WC4gnN_optionActive","root":"opus_WC4gnN_root","dial":"opus_WC4gnN_dial","optionLabel":"opus_WC4gnN_optionLabel","option":"opus_WC4gnN_option","empty":"opus_WC4gnN_empty","chevron":"opus_WC4gnN_chevron"};
|
|
4033
4044
|
|
|
4034
4045
|
// ../../components/fields/PhoneNumberField/countries.ts
|
|
4035
4046
|
function countryCodeToFlag(code) {
|
|
@@ -4434,7 +4445,7 @@ function PhoneNumberField({
|
|
|
4434
4445
|
import { useEffect as useEffect8, useMemo as useMemo7, useRef as useRef9, useState as useState13 } from "react";
|
|
4435
4446
|
|
|
4436
4447
|
// ../../components/fields/CountryPickerField/CountryPickerField.module.css
|
|
4437
|
-
var CountryPickerField_default = {"
|
|
4448
|
+
var CountryPickerField_default = {"empty":"opus_O7qqfR_empty","triggerValue":"opus_O7qqfR_triggerValue","optionCode":"opus_O7qqfR_optionCode","option":"opus_O7qqfR_option","flag":"opus_O7qqfR_flag","root":"opus_O7qqfR_root","optionLabel":"opus_O7qqfR_optionLabel","optionActive":"opus_O7qqfR_optionActive"};
|
|
4438
4449
|
|
|
4439
4450
|
// ../../components/fields/CountryPickerField/CountryPickerField.tsx
|
|
4440
4451
|
import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
@@ -4593,7 +4604,7 @@ function CountryPickerField({
|
|
|
4593
4604
|
import { useEffect as useEffect9, useMemo as useMemo8, useRef as useRef10, useState as useState14 } from "react";
|
|
4594
4605
|
|
|
4595
4606
|
// ../../components/fields/TreeSelectField/TreeSelectField.module.css
|
|
4596
|
-
var TreeSelectField_default = {"
|
|
4607
|
+
var TreeSelectField_default = {"treeOption":"opus_Mq6C00_treeOption","treeOptionActive":"opus_Mq6C00_treeOptionActive","root":"opus_Mq6C00_root"};
|
|
4597
4608
|
|
|
4598
4609
|
// ../../components/fields/TreeSelectField/TreeSelectField.tsx
|
|
4599
4610
|
import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
@@ -4724,7 +4735,7 @@ function TreeSelectField({
|
|
|
4724
4735
|
import { useEffect as useEffect10, useMemo as useMemo9, useRef as useRef11, useState as useState15 } from "react";
|
|
4725
4736
|
|
|
4726
4737
|
// ../../components/fields/CascaderField/CascaderField.module.css
|
|
4727
|
-
var CascaderField_default = {"
|
|
4738
|
+
var CascaderField_default = {"column":"opus_1Fg59A_column","option":"opus_1Fg59A_option","root":"opus_1Fg59A_root","panel":"opus_1Fg59A_panel","optionActive":"opus_1Fg59A_optionActive"};
|
|
4728
4739
|
|
|
4729
4740
|
// ../../components/fields/CascaderField/CascaderField.tsx
|
|
4730
4741
|
import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
@@ -4939,7 +4950,7 @@ function OpusThemeProvider({
|
|
|
4939
4950
|
}
|
|
4940
4951
|
|
|
4941
4952
|
// ../../components/Alert/Alert.module.css
|
|
4942
|
-
var Alert_default = {"iconFlagged":"opus_eh3eeT_iconFlagged","
|
|
4953
|
+
var Alert_default = {"iconFlagged":"opus_eh3eeT_iconFlagged","content":"opus_eh3eeT_content","description":"opus_eh3eeT_description","icon":"opus_eh3eeT_icon","iconMark":"opus_eh3eeT_iconMark","title":"opus_eh3eeT_title","dismiss":"opus_eh3eeT_dismiss","dismissIcon":"opus_eh3eeT_dismissIcon","alert":"opus_eh3eeT_alert","iconSvg":"opus_eh3eeT_iconSvg"};
|
|
4943
4954
|
|
|
4944
4955
|
// ../../components/Alert/Alert.tsx
|
|
4945
4956
|
import { jsx as jsx36, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
@@ -5134,7 +5145,7 @@ function useOverlayAccessibility(active, containerRef, {
|
|
|
5134
5145
|
}
|
|
5135
5146
|
|
|
5136
5147
|
// ../../components/Dialog/Dialog.module.css
|
|
5137
|
-
var Dialog_default = {"
|
|
5148
|
+
var Dialog_default = {"dialog":"opus_sz-ZGI_dialog","dialogOut":"opus_sz-ZGI_dialogOut","description":"opus_sz-ZGI_description","title":"opus_sz-ZGI_title","body":"opus_sz-ZGI_body","backdrop":"opus_sz-ZGI_backdrop","backdropOut":"opus_sz-ZGI_backdropOut","icon":"opus_sz-ZGI_icon","iconMark":"opus_sz-ZGI_iconMark","backdropIn":"opus_sz-ZGI_backdropIn","iconSvg":"opus_sz-ZGI_iconSvg","content":"opus_sz-ZGI_content","actions":"opus_sz-ZGI_actions","visuallyHidden":"opus_sz-ZGI_visuallyHidden","dialogIn":"opus_sz-ZGI_dialogIn"};
|
|
5138
5149
|
|
|
5139
5150
|
// ../../components/Dialog/Dialog.tsx
|
|
5140
5151
|
import { jsx as jsx38, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
@@ -5265,7 +5276,7 @@ function Dialog({
|
|
|
5265
5276
|
import { useEffect as useEffect15, useId as useId7, useRef as useRef14, useState as useState18 } from "react";
|
|
5266
5277
|
|
|
5267
5278
|
// ../../components/Modal/Modal.module.css
|
|
5268
|
-
var Modal_default = {"
|
|
5279
|
+
var Modal_default = {"modalPanelOut":"opus_LQbzGS_modalPanelOut","footer":"opus_LQbzGS_footer","close":"opus_LQbzGS_close","backdrop":"opus_LQbzGS_backdrop","modal":"opus_LQbzGS_modal","description":"opus_LQbzGS_description","closeIcon":"opus_LQbzGS_closeIcon","modalBackdropIn":"opus_LQbzGS_modalBackdropIn","header":"opus_LQbzGS_header","title":"opus_LQbzGS_title","modalBackdropOut":"opus_LQbzGS_modalBackdropOut","modalPanelIn":"opus_LQbzGS_modalPanelIn","heading":"opus_LQbzGS_heading","body":"opus_LQbzGS_body","footerContent":"opus_LQbzGS_footerContent","actions":"opus_LQbzGS_actions"};
|
|
5269
5280
|
|
|
5270
5281
|
// ../../components/Modal/Modal.tsx
|
|
5271
5282
|
import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
@@ -5396,7 +5407,7 @@ function ModalDefaultActions({ onClose }) {
|
|
|
5396
5407
|
import { useEffect as useEffect16, useId as useId8, useRef as useRef15, useState as useState19 } from "react";
|
|
5397
5408
|
|
|
5398
5409
|
// ../../components/Drawer/Drawer.module.css
|
|
5399
|
-
var Drawer_default = {"
|
|
5410
|
+
var Drawer_default = {"footer":"opus_0CaGbZ_footer","drawerOutLeft":"opus_0CaGbZ_drawerOutLeft","close":"opus_0CaGbZ_close","backdrop":"opus_0CaGbZ_backdrop","drawerInRight":"opus_0CaGbZ_drawerInRight","title":"opus_0CaGbZ_title","closeIcon":"opus_0CaGbZ_closeIcon","drawerInBottom":"opus_0CaGbZ_drawerInBottom","footerContent":"opus_0CaGbZ_footerContent","drawerBackdropOut":"opus_0CaGbZ_drawerBackdropOut","drawer":"opus_0CaGbZ_drawer","description":"opus_0CaGbZ_description","drawerBackdropIn":"opus_0CaGbZ_drawerBackdropIn","drawerInLeft":"opus_0CaGbZ_drawerInLeft","drawerOutRight":"opus_0CaGbZ_drawerOutRight","heading":"opus_0CaGbZ_heading","body":"opus_0CaGbZ_body","header":"opus_0CaGbZ_header","drawerOutTop":"opus_0CaGbZ_drawerOutTop","drawerOutBottom":"opus_0CaGbZ_drawerOutBottom","actions":"opus_0CaGbZ_actions","drawerInTop":"opus_0CaGbZ_drawerInTop"};
|
|
5400
5411
|
|
|
5401
5412
|
// ../../components/Drawer/Drawer.tsx
|
|
5402
5413
|
import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
@@ -5536,7 +5547,7 @@ import {
|
|
|
5536
5547
|
} from "react";
|
|
5537
5548
|
|
|
5538
5549
|
// ../../components/Popover/Popover.module.css
|
|
5539
|
-
var Popover_default = {"
|
|
5550
|
+
var Popover_default = {"root":"opus_yq4OU0_root","popoverIn":"opus_yq4OU0_popoverIn","panel":"opus_yq4OU0_panel","content":"opus_yq4OU0_content","title":"opus_yq4OU0_title","arrow":"opus_yq4OU0_arrow"};
|
|
5540
5551
|
|
|
5541
5552
|
// ../../components/Popover/Popover.tsx
|
|
5542
5553
|
import { jsx as jsx41, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
@@ -5726,7 +5737,7 @@ function resolveMegaMenuPortalStyle(root, inTopNavigation) {
|
|
|
5726
5737
|
}
|
|
5727
5738
|
|
|
5728
5739
|
// ../../components/MegaMenu/MegaMenu.module.css
|
|
5729
|
-
var MegaMenu_default = {"
|
|
5740
|
+
var MegaMenu_default = {"eyebrow":"opus_Y_ikQV_eyebrow","itemIcon":"opus_Y_ikQV_itemIcon","item":"opus_Y_ikQV_item","megaMenuIn":"opus_Y_ikQV_megaMenuIn","root":"opus_Y_ikQV_root","items":"opus_Y_ikQV_items","trigger":"opus_Y_ikQV_trigger","panel":"opus_Y_ikQV_panel","menuBar":"opus_Y_ikQV_menuBar","featured":"opus_Y_ikQV_featured","featuredAction":"opus_Y_ikQV_featuredAction","section":"opus_Y_ikQV_section","itemCopy":"opus_Y_ikQV_itemCopy","megaMenuOut":"opus_Y_ikQV_megaMenuOut","sections":"opus_Y_ikQV_sections","panelContent":"opus_Y_ikQV_panelContent"};
|
|
5730
5741
|
|
|
5731
5742
|
// ../../components/MegaMenu/MegaMenu.tsx
|
|
5732
5743
|
import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
@@ -6168,7 +6179,7 @@ function MegaMenu({
|
|
|
6168
6179
|
}
|
|
6169
6180
|
|
|
6170
6181
|
// ../../components/TopNavigation/TopNavigation.module.css
|
|
6171
|
-
var TopNavigation_default = {"nav":"opus_OIomR6_nav","
|
|
6182
|
+
var TopNavigation_default = {"nav":"opus_OIomR6_nav","menuSlot":"opus_OIomR6_menuSlot","menuSlotMega":"opus_OIomR6_menuSlotMega","menuTrigger":"opus_OIomR6_menuTrigger","bar":"opus_OIomR6_bar"};
|
|
6172
6183
|
|
|
6173
6184
|
// ../../components/TopNavigation/TopNavigation.tsx
|
|
6174
6185
|
import { Fragment as Fragment8, jsx as jsx43 } from "react/jsx-runtime";
|
|
@@ -6525,7 +6536,7 @@ function handleMenuKeyDown(event, menu, onEscape) {
|
|
|
6525
6536
|
}
|
|
6526
6537
|
|
|
6527
6538
|
// ../../components/DropdownMenu/DropdownMenu.module.css
|
|
6528
|
-
var DropdownMenu_default = {"
|
|
6539
|
+
var DropdownMenu_default = {"menu":"opus_UUVDVQ_menu","dropdownOut":"opus_UUVDVQ_dropdownOut","icon":"opus_UUVDVQ_icon","item":"opus_UUVDVQ_item","root":"opus_UUVDVQ_root","dropdownIn":"opus_UUVDVQ_dropdownIn","label":"opus_UUVDVQ_label","shortcut":"opus_UUVDVQ_shortcut"};
|
|
6529
6540
|
|
|
6530
6541
|
// ../../components/DropdownMenu/DropdownMenu.tsx
|
|
6531
6542
|
import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
@@ -6865,7 +6876,7 @@ import {
|
|
|
6865
6876
|
import { createPortal as createPortal5 } from "react-dom";
|
|
6866
6877
|
|
|
6867
6878
|
// ../../components/ContextMenu/ContextMenu.module.css
|
|
6868
|
-
var ContextMenu_default = {"layer":"opus_nMhhae_layer","target":"opus_nMhhae_target","
|
|
6879
|
+
var ContextMenu_default = {"layer":"opus_nMhhae_layer","target":"opus_nMhhae_target","menu":"opus_nMhhae_menu","contextMenuBackdropIn":"opus_nMhhae_contextMenuBackdropIn","contextMenuIn":"opus_nMhhae_contextMenuIn","backdrop":"opus_nMhhae_backdrop"};
|
|
6869
6880
|
|
|
6870
6881
|
// ../../components/ContextMenu/ContextMenuProvider.tsx
|
|
6871
6882
|
import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
@@ -7178,7 +7189,7 @@ import { faMagnifyingGlass as faMagnifyingGlass2 } from "@fortawesome/free-solid
|
|
|
7178
7189
|
import { FontAwesomeIcon as FontAwesomeIcon7 } from "@fortawesome/react-fontawesome";
|
|
7179
7190
|
|
|
7180
7191
|
// ../../components/CommandPalette/CommandPalette.module.css
|
|
7181
|
-
var CommandPalette_default = {"
|
|
7192
|
+
var CommandPalette_default = {"group":"opus_k1ypuy_group","commandPalettePanelIn":"opus_k1ypuy_commandPalettePanelIn","panel":"opus_k1ypuy_panel","searchIcon":"opus_k1ypuy_searchIcon","footer":"opus_k1ypuy_footer","visuallyHidden":"opus_k1ypuy_visuallyHidden","itemLabel":"opus_k1ypuy_itemLabel","backdrop":"opus_k1ypuy_backdrop","results":"opus_k1ypuy_results","commandPalettePanelOut":"opus_k1ypuy_commandPalettePanelOut","groupLabel":"opus_k1ypuy_groupLabel","searchInput":"opus_k1ypuy_searchInput","shortcut":"opus_k1ypuy_shortcut","empty":"opus_k1ypuy_empty","searchWrap":"opus_k1ypuy_searchWrap","searchIconSvg":"opus_k1ypuy_searchIconSvg","commandPaletteBackdropOut":"opus_k1ypuy_commandPaletteBackdropOut","item":"opus_k1ypuy_item","commandPaletteBackdropIn":"opus_k1ypuy_commandPaletteBackdropIn","itemMain":"opus_k1ypuy_itemMain","itemDescription":"opus_k1ypuy_itemDescription"};
|
|
7182
7193
|
|
|
7183
7194
|
// ../../components/CommandPalette/CommandPalette.tsx
|
|
7184
7195
|
import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
@@ -7518,7 +7529,7 @@ function AccordionGroup({
|
|
|
7518
7529
|
}
|
|
7519
7530
|
|
|
7520
7531
|
// ../../components/Accordion/Accordion.module.css
|
|
7521
|
-
var Accordion_default = {"
|
|
7532
|
+
var Accordion_default = {"trigger":"opus_WNZQMV_trigger","chevron":"opus_WNZQMV_chevron","panelInner":"opus_WNZQMV_panelInner","panel":"opus_WNZQMV_panel","item":"opus_WNZQMV_item","standalone":"opus_WNZQMV_standalone","triggerLabel":"opus_WNZQMV_triggerLabel","content":"opus_WNZQMV_content"};
|
|
7522
7533
|
|
|
7523
7534
|
// ../../components/Accordion/Accordion.tsx
|
|
7524
7535
|
import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
@@ -7611,7 +7622,7 @@ import {
|
|
|
7611
7622
|
} from "react";
|
|
7612
7623
|
|
|
7613
7624
|
// ../../components/ShowMore/ShowMore.module.css
|
|
7614
|
-
var ShowMore_default = {"
|
|
7625
|
+
var ShowMore_default = {"chevron":"opus_dSk-ve_chevron","toggleLabel":"opus_dSk-ve_toggleLabel","inner":"opus_dSk-ve_inner","toggle":"opus_dSk-ve_toggle","root":"opus_dSk-ve_root","contentShell":"opus_dSk-ve_contentShell","showMoreLabelIn":"opus_dSk-ve_showMoreLabelIn"};
|
|
7615
7626
|
|
|
7616
7627
|
// ../../components/ShowMore/ShowMore.tsx
|
|
7617
7628
|
import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
@@ -7715,7 +7726,7 @@ function ShowMore({
|
|
|
7715
7726
|
}
|
|
7716
7727
|
|
|
7717
7728
|
// ../../components/Toast/Toast.module.css
|
|
7718
|
-
var Toast_default = {"
|
|
7729
|
+
var Toast_default = {"main":"opus_cklQPW_main","progressTrack":"opus_cklQPW_progressTrack","iconSvg":"opus_cklQPW_iconSvg","toast":"opus_cklQPW_toast","body":"opus_cklQPW_body","icon":"opus_cklQPW_icon","title":"opus_cklQPW_title","dismissIcon":"opus_cklQPW_dismissIcon","description":"opus_cklQPW_description","iconMark":"opus_cklQPW_iconMark","content":"opus_cklQPW_content","toastProgress":"opus_cklQPW_toastProgress","progressBar":"opus_cklQPW_progressBar","dismiss":"opus_cklQPW_dismiss"};
|
|
7719
7730
|
|
|
7720
7731
|
// ../../components/Toast/Toast.tsx
|
|
7721
7732
|
import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
@@ -7795,7 +7806,7 @@ import {
|
|
|
7795
7806
|
} from "react";
|
|
7796
7807
|
|
|
7797
7808
|
// ../../components/ToastProvider/ToastProvider.module.css
|
|
7798
|
-
var ToastProvider_default = {"
|
|
7809
|
+
var ToastProvider_default = {"viewportLeft":"opus_z3pSp7_viewportLeft","itemBackdrop":"opus_z3pSp7_itemBackdrop","viewportTop":"opus_z3pSp7_viewportTop","item":"opus_z3pSp7_item","viewportBottom":"opus_z3pSp7_viewportBottom","viewportRight":"opus_z3pSp7_viewportRight","viewport":"opus_z3pSp7_viewport","itemClip":"opus_z3pSp7_itemClip","itemSurface":"opus_z3pSp7_itemSurface"};
|
|
7799
7810
|
|
|
7800
7811
|
// ../../components/ToastProvider/ToastProvider.tsx
|
|
7801
7812
|
import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
@@ -8165,7 +8176,7 @@ function ToastProvider({
|
|
|
8165
8176
|
import { useId as useId16, useState as useState30 } from "react";
|
|
8166
8177
|
|
|
8167
8178
|
// ../../components/Tabs/Tabs.module.css
|
|
8168
|
-
var Tabs_default = {"root":"opus_ADVJmy_root","tab":"opus_ADVJmy_tab","
|
|
8179
|
+
var Tabs_default = {"root":"opus_ADVJmy_root","tab":"opus_ADVJmy_tab","panel":"opus_ADVJmy_panel","list":"opus_ADVJmy_list"};
|
|
8169
8180
|
|
|
8170
8181
|
// ../../components/Tabs/Tabs.tsx
|
|
8171
8182
|
import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
@@ -8279,7 +8290,7 @@ function Tabs({
|
|
|
8279
8290
|
}
|
|
8280
8291
|
|
|
8281
8292
|
// ../../components/Card/Card.module.css
|
|
8282
|
-
var Card_default = {"
|
|
8293
|
+
var Card_default = {"heading":"opus_qWo1sP_heading","body":"opus_qWo1sP_body","media":"opus_qWo1sP_media","card":"opus_qWo1sP_card","actions":"opus_qWo1sP_actions","title":"opus_qWo1sP_title","footerContent":"opus_qWo1sP_footerContent","footer":"opus_qWo1sP_footer","content":"opus_qWo1sP_content","eyebrow":"opus_qWo1sP_eyebrow"};
|
|
8283
8294
|
|
|
8284
8295
|
// ../../components/Card/Card.tsx
|
|
8285
8296
|
import { jsx as jsx53, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
@@ -8310,7 +8321,7 @@ function Card({
|
|
|
8310
8321
|
}
|
|
8311
8322
|
|
|
8312
8323
|
// ../../components/dashboardMetricCardLayout/dashboardMetricCardLayout.module.css
|
|
8313
|
-
var dashboardMetricCardLayout_default = {"
|
|
8324
|
+
var dashboardMetricCardLayout_default = {"iconPlaceholder":"opus_6_sptY_iconPlaceholder","metaSlot":"opus_6_sptY_metaSlot","label":"opus_6_sptY_label","header":"opus_6_sptY_header","metaPlaceholder":"opus_6_sptY_metaPlaceholder","value":"opus_6_sptY_value","iconSlot":"opus_6_sptY_iconSlot","shell":"opus_6_sptY_shell"};
|
|
8314
8325
|
|
|
8315
8326
|
// ../../components/StatCard/StatCard.module.css
|
|
8316
8327
|
var StatCard_default = {"change":"opus_KIXsQY_change"};
|
|
@@ -8340,7 +8351,7 @@ function StatCard({
|
|
|
8340
8351
|
}
|
|
8341
8352
|
|
|
8342
8353
|
// ../../components/Gauge/Gauge.module.css
|
|
8343
|
-
var Gauge_default = {"
|
|
8354
|
+
var Gauge_default = {"footer":"opus_t6IuQe_footer","footerValue":"opus_t6IuQe_footerValue","gaugeValue":"opus_t6IuQe_gaugeValue","gaugeTrack":"opus_t6IuQe_gaugeTrack","subtitle":"opus_t6IuQe_subtitle","footerTrend":"opus_t6IuQe_footerTrend","footerLabel":"opus_t6IuQe_footerLabel","footerItem":"opus_t6IuQe_footerItem","gaugeSlot":"opus_t6IuQe_gaugeSlot","summary":"opus_t6IuQe_summary","gaugeSvg":"opus_t6IuQe_gaugeSvg","gauge":"opus_t6IuQe_gauge","change":"opus_t6IuQe_change","heading":"opus_t6IuQe_heading","widget":"opus_t6IuQe_widget","header":"opus_t6IuQe_header","title":"opus_t6IuQe_title","body":"opus_t6IuQe_body","gaugeCenter":"opus_t6IuQe_gaugeCenter"};
|
|
8344
8355
|
|
|
8345
8356
|
// ../../components/Gauge/Gauge.tsx
|
|
8346
8357
|
import { jsx as jsx55, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
@@ -8474,7 +8485,7 @@ function Gauge({
|
|
|
8474
8485
|
import { useId as useId17 } from "react";
|
|
8475
8486
|
|
|
8476
8487
|
// ../../components/Sparkline/Sparkline.module.css
|
|
8477
|
-
var Sparkline_default = {"
|
|
8488
|
+
var Sparkline_default = {"endPoint":"opus_xXtB87_endPoint","svg":"opus_xXtB87_svg","sparkline":"opus_xXtB87_sparkline","line":"opus_xXtB87_line","label":"opus_xXtB87_label","chart":"opus_xXtB87_chart","area":"opus_xXtB87_area"};
|
|
8478
8489
|
|
|
8479
8490
|
// ../../components/Sparkline/Sparkline.tsx
|
|
8480
8491
|
import { jsx as jsx56, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
@@ -8541,7 +8552,7 @@ function Sparkline({
|
|
|
8541
8552
|
}
|
|
8542
8553
|
|
|
8543
8554
|
// ../../components/ProgressRing/ProgressRing.module.css
|
|
8544
|
-
var ProgressRing_default = {"
|
|
8555
|
+
var ProgressRing_default = {"center":"opus_YxX6Hh_center","value":"opus_YxX6Hh_value","svg":"opus_YxX6Hh_svg","track":"opus_YxX6Hh_track","ring":"opus_YxX6Hh_ring"};
|
|
8545
8556
|
|
|
8546
8557
|
// ../../components/ProgressRing/ProgressRing.tsx
|
|
8547
8558
|
import { jsx as jsx57, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
@@ -8574,7 +8585,7 @@ function ProgressRing({ label, max = 100, value }) {
|
|
|
8574
8585
|
}
|
|
8575
8586
|
|
|
8576
8587
|
// ../../components/ProgressBar/ProgressBar.module.css
|
|
8577
|
-
var ProgressBar_default = {"
|
|
8588
|
+
var ProgressBar_default = {"value":"opus_q04AvA_value","track":"opus_q04AvA_track","bar":"opus_q04AvA_bar","header":"opus_q04AvA_header","fill":"opus_q04AvA_fill","label":"opus_q04AvA_label"};
|
|
8578
8589
|
|
|
8579
8590
|
// ../../components/ProgressBar/ProgressBar.tsx
|
|
8580
8591
|
import { jsx as jsx58, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
@@ -8594,7 +8605,7 @@ function ProgressBar({ label, max = 100, value }) {
|
|
|
8594
8605
|
}
|
|
8595
8606
|
|
|
8596
8607
|
// ../../components/Speedometer/Speedometer.module.css
|
|
8597
|
-
var Speedometer_default = {"
|
|
8608
|
+
var Speedometer_default = {"svg":"opus__jpB7z_svg","speedometer":"opus__jpB7z_speedometer","center":"opus__jpB7z_center","hub":"opus__jpB7z_hub","value":"opus__jpB7z_value","track":"opus__jpB7z_track","needle":"opus__jpB7z_needle"};
|
|
8598
8609
|
|
|
8599
8610
|
// ../../components/Speedometer/Speedometer.tsx
|
|
8600
8611
|
import { jsx as jsx59, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
@@ -8627,7 +8638,7 @@ function Speedometer({ label, max = 100, value }) {
|
|
|
8627
8638
|
}
|
|
8628
8639
|
|
|
8629
8640
|
// ../../components/MetricTile/MetricTile.module.css
|
|
8630
|
-
var MetricTile_default = {"
|
|
8641
|
+
var MetricTile_default = {"topRow":"opus_-dz9KL_topRow","sparklineSlot":"opus_-dz9KL_sparklineSlot","tile":"opus_-dz9KL_tile"};
|
|
8631
8642
|
|
|
8632
8643
|
// ../../components/MetricTile/MetricTile.tsx
|
|
8633
8644
|
import { jsx as jsx60, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
@@ -8644,7 +8655,7 @@ function MetricTile({ density = "comfortable", icon, label, sparkline, value })
|
|
|
8644
8655
|
}
|
|
8645
8656
|
|
|
8646
8657
|
// ../../components/StatusIndicator/StatusIndicator.module.css
|
|
8647
|
-
var StatusIndicator_default = {"
|
|
8658
|
+
var StatusIndicator_default = {"indicator":"opus_ZfaAEC_indicator","dot":"opus_ZfaAEC_dot"};
|
|
8648
8659
|
|
|
8649
8660
|
// ../../components/StatusIndicator/StatusIndicator.tsx
|
|
8650
8661
|
import { jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
@@ -8669,7 +8680,7 @@ function TrendBadge({ direction, value }) {
|
|
|
8669
8680
|
}
|
|
8670
8681
|
|
|
8671
8682
|
// ../../components/Panel/Panel.module.css
|
|
8672
|
-
var Panel_default = {"
|
|
8683
|
+
var Panel_default = {"heading":"opus_JZHUc__heading","header":"opus_JZHUc__header","title":"opus_JZHUc__title","footer":"opus_JZHUc__footer","headerActions":"opus_JZHUc__headerActions","description":"opus_JZHUc__description","panel":"opus_JZHUc__panel","body":"opus_JZHUc__body"};
|
|
8673
8684
|
|
|
8674
8685
|
// ../../components/Panel/Panel.tsx
|
|
8675
8686
|
import { jsx as jsx62, jsxs as jsxs50 } from "react/jsx-runtime";
|
|
@@ -8864,7 +8875,7 @@ function resolveSectionGapVars(gap = "md") {
|
|
|
8864
8875
|
}
|
|
8865
8876
|
|
|
8866
8877
|
// ../../components/Section/Section.module.css
|
|
8867
|
-
var Section_default = {"
|
|
8878
|
+
var Section_default = {"row":"opus_FajZiH_row","header":"opus_FajZiH_header","description":"opus_FajZiH_description","title":"opus_FajZiH_title","column":"opus_FajZiH_column","body":"opus_FajZiH_body","section":"opus_FajZiH_section"};
|
|
8868
8879
|
|
|
8869
8880
|
// ../../components/Section/Section.tsx
|
|
8870
8881
|
import { jsx as jsx63, jsxs as jsxs51 } from "react/jsx-runtime";
|
|
@@ -9176,7 +9187,7 @@ function buildPivotGrid(sourceRows, config2) {
|
|
|
9176
9187
|
}
|
|
9177
9188
|
|
|
9178
9189
|
// ../../components/DataGrid/DataGrid.module.css
|
|
9179
|
-
var DataGrid_default = {"
|
|
9190
|
+
var DataGrid_default = {"grid":"opus_zN0bNb_grid","menuButton":"opus_zN0bNb_menuButton","headerCell":"opus_zN0bNb_headerCell","rowHeaderInner":"opus_zN0bNb_rowHeaderInner","sortIndicatorButton":"opus_zN0bNb_sortIndicatorButton","headerMenu":"opus_zN0bNb_headerMenu","sortButton":"opus_zN0bNb_sortButton","sortIndicator":"opus_zN0bNb_sortIndicator","corner":"opus_zN0bNb_corner","detailCell":"opus_zN0bNb_detailCell","expandButton":"opus_zN0bNb_expandButton","menuHost":"opus_zN0bNb_menuHost","menuLabel":"opus_zN0bNb_menuLabel","groupRow":"opus_zN0bNb_groupRow","menuSection":"opus_zN0bNb_menuSection","infiniteFooter":"opus_zN0bNb_infiniteFooter","filterInput":"opus_zN0bNb_filterInput","detailRow":"opus_zN0bNb_detailRow","empty":"opus_zN0bNb_empty","wrap":"opus_zN0bNb_wrap","sortButtonLabel":"opus_zN0bNb_sortButtonLabel","columnResizeHandle":"opus_zN0bNb_columnResizeHandle","groupButton":"opus_zN0bNb_groupButton","spacerRow":"opus_zN0bNb_spacerRow","rowHeaderLabel":"opus_zN0bNb_rowHeaderLabel","menuChevron":"opus_zN0bNb_menuChevron","chevron":"opus_zN0bNb_chevron","headerControls":"opus_zN0bNb_headerControls","menuFilterIcon":"opus_zN0bNb_menuFilterIcon","menuAction":"opus_zN0bNb_menuAction","gridBody":"opus_zN0bNb_gridBody","expandSpacer":"opus_zN0bNb_expandSpacer","rowHeader":"opus_zN0bNb_rowHeader","headerLabel":"opus_zN0bNb_headerLabel","groupCount":"opus_zN0bNb_groupCount","frame":"opus_zN0bNb_frame","caption":"opus_zN0bNb_caption","visuallyHidden":"opus_zN0bNb_visuallyHidden","groupCell":"opus_zN0bNb_groupCell"};
|
|
9180
9191
|
|
|
9181
9192
|
// ../../components/DataGrid/DataGrid.tsx
|
|
9182
9193
|
import { jsx as jsx65, jsxs as jsxs53 } from "react/jsx-runtime";
|
|
@@ -12742,7 +12753,7 @@ function SpecializedChart(props) {
|
|
|
12742
12753
|
}
|
|
12743
12754
|
|
|
12744
12755
|
// ../../components/Chart/Chart.module.css
|
|
12745
|
-
var Chart_default = {"
|
|
12756
|
+
var Chart_default = {"seriesE":"opus_L6guCK_seriesE","radarArea":"opus_L6guCK_radarArea","sankeySideLabel":"opus_L6guCK_sankeySideLabel","line":"opus_L6guCK_line","legendSwatch":"opus_L6guCK_legendSwatch","sankeyLabelBox":"opus_L6guCK_sankeyLabelBox","funnel":"opus_L6guCK_funnel","mapValue":"opus_L6guCK_mapValue","wick":"opus_L6guCK_wick","graphLink":"opus_L6guCK_graphLink","ring":"opus_L6guCK_ring","funnelText":"opus_L6guCK_funnelText","grid":"opus_L6guCK_grid","seriesF":"opus_L6guCK_seriesF","seriesC":"opus_L6guCK_seriesC","funnelGuide":"opus_L6guCK_funnelGuide","header":"opus_L6guCK_header","svg":"opus_L6guCK_svg","bar":"opus_L6guCK_bar","axisGuide":"opus_L6guCK_axisGuide","mapLand":"opus_L6guCK_mapLand","packLabel":"opus_L6guCK_packLabel","sankeyCenterLabel":"opus_L6guCK_sankeyCenterLabel","sankeySideName":"opus_L6guCK_sankeySideName","point":"opus_L6guCK_point","treemapLabel":"opus_L6guCK_treemapLabel","sankeyNode":"opus_L6guCK_sankeyNode","land":"opus_L6guCK_land","mapRegion":"opus_L6guCK_mapRegion","legend":"opus_L6guCK_legend","meta":"opus_L6guCK_meta","link":"opus_L6guCK_link","ridge":"opus_L6guCK_ridge","title":"opus_L6guCK_title","legendItem":"opus_L6guCK_legendItem","treemapGroupLabel":"opus_L6guCK_treemapGroupLabel","graphNodeRing":"opus_L6guCK_graphNodeRing","axisLabels":"opus_L6guCK_axisLabels","graphNode":"opus_L6guCK_graphNode","sankeySideValue":"opus_L6guCK_sankeySideValue","packParent":"opus_L6guCK_packParent","valueLabel":"opus_L6guCK_valueLabel","slice":"opus_L6guCK_slice","axisTitle":"opus_L6guCK_axisTitle","mapLabel":"opus_L6guCK_mapLabel","sankeyLink":"opus_L6guCK_sankeyLink","seriesD":"opus_L6guCK_seriesD","axisTick":"opus_L6guCK_axisTick","seriesA":"opus_L6guCK_seriesA","graphLinkColored":"opus_L6guCK_graphLinkColored","chart":"opus_L6guCK_chart","graphLabel":"opus_L6guCK_graphLabel","area":"opus_L6guCK_area","violin":"opus_L6guCK_violin","axes":"opus_L6guCK_axes","seriesB":"opus_L6guCK_seriesB","axisLine":"opus_L6guCK_axisLine","radarGrid":"opus_L6guCK_radarGrid"};
|
|
12746
12757
|
|
|
12747
12758
|
// ../../components/Chart/Chart.tsx
|
|
12748
12759
|
import { Fragment as Fragment10, jsx as jsx67, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
@@ -13881,7 +13892,7 @@ function Chart({
|
|
|
13881
13892
|
}
|
|
13882
13893
|
|
|
13883
13894
|
// ../../components/Skeleton/Skeleton.module.css
|
|
13884
|
-
var Skeleton_default = {"
|
|
13895
|
+
var Skeleton_default = {"line":"opus_27r9Md_line","tableRow":"opus_27r9Md_tableRow","skeletonShimmer":"opus_27r9Md_skeletonShimmer","stack":"opus_27r9Md_stack","media":"opus_27r9Md_media","skeletonPulse":"opus_27r9Md_skeletonPulse","avatarContent":"opus_27r9Md_avatarContent","skeleton":"opus_27r9Md_skeleton","tableCell":"opus_27r9Md_tableCell","avatar":"opus_27r9Md_avatar"};
|
|
13885
13896
|
|
|
13886
13897
|
// ../../components/Skeleton/Skeleton.tsx
|
|
13887
13898
|
import { jsx as jsx68, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
@@ -13932,7 +13943,7 @@ import { faXmark as faXmark2 } from "@fortawesome/free-solid-svg-icons";
|
|
|
13932
13943
|
import { FontAwesomeIcon as FontAwesomeIcon9 } from "@fortawesome/react-fontawesome";
|
|
13933
13944
|
|
|
13934
13945
|
// ../../components/Lightbox/Lightbox.module.css
|
|
13935
|
-
var Lightbox_default = {"
|
|
13946
|
+
var Lightbox_default = {"lightboxFadeOut":"opus_s7Rpyv_lightboxFadeOut","panel":"opus_s7Rpyv_panel","close":"opus_s7Rpyv_close","lightboxPanelIn":"opus_s7Rpyv_lightboxPanelIn","trigger":"opus_s7Rpyv_trigger","overlay":"opus_s7Rpyv_overlay","lightboxFadeIn":"opus_s7Rpyv_lightboxFadeIn","frame":"opus_s7Rpyv_frame","image":"opus_s7Rpyv_image","closeIcon":"opus_s7Rpyv_closeIcon","lightbox":"opus_s7Rpyv_lightbox","lightboxPanelOut":"opus_s7Rpyv_lightboxPanelOut","caption":"opus_s7Rpyv_caption"};
|
|
13936
13947
|
|
|
13937
13948
|
// ../../components/Lightbox/Lightbox.tsx
|
|
13938
13949
|
import { jsx as jsx69, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
@@ -14047,7 +14058,7 @@ function Lightbox({
|
|
|
14047
14058
|
}
|
|
14048
14059
|
|
|
14049
14060
|
// ../../components/Carousel/Carousel.module.css
|
|
14050
|
-
var Carousel_default = {"
|
|
14061
|
+
var Carousel_default = {"caption":"opus_N4occJ_caption","empty":"opus_N4occJ_empty","pips":"opus_N4occJ_pips","stage":"opus_N4occJ_stage","visuallyHidden":"opus_N4occJ_visuallyHidden","pip":"opus_N4occJ_pip","nav":"opus_N4occJ_nav","image":"opus_N4occJ_image","carousel":"opus_N4occJ_carousel","track":"opus_N4occJ_track","navIcon":"opus_N4occJ_navIcon","slide":"opus_N4occJ_slide","footer":"opus_N4occJ_footer"};
|
|
14051
14062
|
|
|
14052
14063
|
// ../../components/Carousel/Carousel.tsx
|
|
14053
14064
|
import { Fragment as Fragment11, jsx as jsx70, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
@@ -14299,7 +14310,7 @@ function Carousel({
|
|
|
14299
14310
|
}
|
|
14300
14311
|
|
|
14301
14312
|
// ../../components/ImageThumbnail/ImageThumbnail.module.css
|
|
14302
|
-
var ImageThumbnail_default = {"
|
|
14313
|
+
var ImageThumbnail_default = {"thumbnail":"opus_Gp1o-9_thumbnail","image":"opus_Gp1o-9_image","figure":"opus_Gp1o-9_figure","caption":"opus_Gp1o-9_caption"};
|
|
14303
14314
|
|
|
14304
14315
|
// ../../components/ImageThumbnail/ImageThumbnail.tsx
|
|
14305
14316
|
import { jsx as jsx71, jsxs as jsxs59 } from "react/jsx-runtime";
|
|
@@ -14338,7 +14349,7 @@ function ImageThumbnail({
|
|
|
14338
14349
|
}
|
|
14339
14350
|
|
|
14340
14351
|
// ../../components/ImageGallery/ImageGallery.module.css
|
|
14341
|
-
var ImageGallery_default = {"
|
|
14352
|
+
var ImageGallery_default = {"empty":"opus_bezg4E_empty","gallery":"opus_bezg4E_gallery"};
|
|
14342
14353
|
|
|
14343
14354
|
// ../../components/ImageGallery/ImageGallery.tsx
|
|
14344
14355
|
import { jsx as jsx72 } from "react/jsx-runtime";
|
|
@@ -14374,7 +14385,7 @@ import { createElement, useCallback as useCallback16, useEffect as useEffect29,
|
|
|
14374
14385
|
import { useEffect as useEffect28, useRef as useRef28, useState as useState35 } from "react";
|
|
14375
14386
|
|
|
14376
14387
|
// ../../components/ModelViewer/ModelViewer.module.css
|
|
14377
|
-
var ModelViewer_default = {"
|
|
14388
|
+
var ModelViewer_default = {"stage":"opus_f7gfHI_stage","model":"opus_f7gfHI_model","caption":"opus_f7gfHI_caption","loading":"opus_f7gfHI_loading","canvasHost":"opus_f7gfHI_canvasHost","viewer":"opus_f7gfHI_viewer"};
|
|
14378
14389
|
|
|
14379
14390
|
// ../../components/ModelViewer/FireBarrelModelViewer.tsx
|
|
14380
14391
|
import { jsx as jsx73, jsxs as jsxs60 } from "react/jsx-runtime";
|
|
@@ -14592,7 +14603,7 @@ import { faXmark as faXmark3 } from "@fortawesome/free-solid-svg-icons";
|
|
|
14592
14603
|
import { FontAwesomeIcon as FontAwesomeIcon11 } from "@fortawesome/react-fontawesome";
|
|
14593
14604
|
|
|
14594
14605
|
// ../../components/ModelLightbox/ModelLightbox.module.css
|
|
14595
|
-
var ModelLightbox_default = {"modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","
|
|
14606
|
+
var ModelLightbox_default = {"modelLightboxFadeOut":"opus_YYKGIB_modelLightboxFadeOut","lightbox":"opus_YYKGIB_lightbox","overlay":"opus_YYKGIB_overlay","trigger":"opus_YYKGIB_trigger","frame":"opus_YYKGIB_frame","modelLightboxPanelIn":"opus_YYKGIB_modelLightboxPanelIn","modelLightboxPanelOut":"opus_YYKGIB_modelLightboxPanelOut","close":"opus_YYKGIB_close","closeIcon":"opus_YYKGIB_closeIcon","modelLightboxFadeIn":"opus_YYKGIB_modelLightboxFadeIn"};
|
|
14596
14607
|
|
|
14597
14608
|
// ../../components/ModelLightbox/ModelLightbox.tsx
|
|
14598
14609
|
import { jsx as jsx75, jsxs as jsxs62 } from "react/jsx-runtime";
|
|
@@ -14697,7 +14708,7 @@ function ModelLightbox({
|
|
|
14697
14708
|
}
|
|
14698
14709
|
|
|
14699
14710
|
// ../../components/ModelThumbnail/ModelThumbnail.module.css
|
|
14700
|
-
var ModelThumbnail_default = {"
|
|
14711
|
+
var ModelThumbnail_default = {"content":"opus_NkO9Yb_content","caption":"opus_NkO9Yb_caption","staticThumbnail":"opus_NkO9Yb_staticThumbnail"};
|
|
14701
14712
|
|
|
14702
14713
|
// ../../components/ModelThumbnail/ModelThumbnail.tsx
|
|
14703
14714
|
import { jsx as jsx76, jsxs as jsxs63 } from "react/jsx-runtime";
|
|
@@ -14767,7 +14778,7 @@ function ModelGallery({
|
|
|
14767
14778
|
import { useId as useId19 } from "react";
|
|
14768
14779
|
|
|
14769
14780
|
// ../../components/EmptyState/EmptyState.module.css
|
|
14770
|
-
var EmptyState_default = {"
|
|
14781
|
+
var EmptyState_default = {"copy":"opus_1KckGY_copy","description":"opus_1KckGY_description","actions":"opus_1KckGY_actions","iconWrap":"opus_1KckGY_iconWrap","root":"opus_1KckGY_root","title":"opus_1KckGY_title"};
|
|
14771
14782
|
|
|
14772
14783
|
// ../../components/EmptyState/EmptyState.tsx
|
|
14773
14784
|
import { jsx as jsx78, jsxs as jsxs64 } from "react/jsx-runtime";
|
|
@@ -14801,7 +14812,7 @@ function EmptyState({
|
|
|
14801
14812
|
}
|
|
14802
14813
|
|
|
14803
14814
|
// ../../components/Badge/Badge.module.css
|
|
14804
|
-
var Badge_default = {"
|
|
14815
|
+
var Badge_default = {"badge":"opus_1GJHzl_badge","dot":"opus_1GJHzl_dot"};
|
|
14805
14816
|
|
|
14806
14817
|
// ../../components/Badge/Badge.tsx
|
|
14807
14818
|
import { jsx as jsx79, jsxs as jsxs65 } from "react/jsx-runtime";
|
|
@@ -14819,7 +14830,7 @@ function Badge({
|
|
|
14819
14830
|
}
|
|
14820
14831
|
|
|
14821
14832
|
// ../../components/Divider/Divider.module.css
|
|
14822
|
-
var Divider_default = {"
|
|
14833
|
+
var Divider_default = {"divider":"opus_ux1i0D_divider","line":"opus_ux1i0D_line","label":"opus_ux1i0D_label","labelled":"opus_ux1i0D_labelled"};
|
|
14823
14834
|
|
|
14824
14835
|
// ../../components/Divider/Divider.tsx
|
|
14825
14836
|
import { jsx as jsx80, jsxs as jsxs66 } from "react/jsx-runtime";
|
|
@@ -14861,7 +14872,7 @@ function Divider({
|
|
|
14861
14872
|
import { useMemo as useMemo17, useState as useState38 } from "react";
|
|
14862
14873
|
|
|
14863
14874
|
// ../../components/Avatar/Avatar.module.css
|
|
14864
|
-
var Avatar_default = {"
|
|
14875
|
+
var Avatar_default = {"avatar":"opus_jsRWxO_avatar","image":"opus_jsRWxO_image","initials":"opus_jsRWxO_initials"};
|
|
14865
14876
|
|
|
14866
14877
|
// ../../components/Avatar/Avatar.tsx
|
|
14867
14878
|
import { jsx as jsx81 } from "react/jsx-runtime";
|
|
@@ -14911,7 +14922,7 @@ function Avatar({
|
|
|
14911
14922
|
}
|
|
14912
14923
|
|
|
14913
14924
|
// ../../components/AvatarGroup/AvatarGroup.module.css
|
|
14914
|
-
var AvatarGroup_default = {"
|
|
14925
|
+
var AvatarGroup_default = {"group":"opus_Vv36ne_group","overflow":"opus_Vv36ne_overflow","item":"opus_Vv36ne_item"};
|
|
14915
14926
|
|
|
14916
14927
|
// ../../components/AvatarGroup/AvatarGroup.tsx
|
|
14917
14928
|
import { jsx as jsx82, jsxs as jsxs67 } from "react/jsx-runtime";
|
|
@@ -14937,7 +14948,7 @@ function AvatarGroup({ items, max = 4, size = "md" }) {
|
|
|
14937
14948
|
}
|
|
14938
14949
|
|
|
14939
14950
|
// ../../components/Statistic/Statistic.module.css
|
|
14940
|
-
var Statistic_default = {"
|
|
14951
|
+
var Statistic_default = {"value":"opus_vCN1bv_value","label":"opus_vCN1bv_label","affix":"opus_vCN1bv_affix","trend":"opus_vCN1bv_trend","root":"opus_vCN1bv_root"};
|
|
14941
14952
|
|
|
14942
14953
|
// ../../components/Statistic/Statistic.tsx
|
|
14943
14954
|
import { jsx as jsx83, jsxs as jsxs68 } from "react/jsx-runtime";
|
|
@@ -14964,7 +14975,7 @@ function Statistic({
|
|
|
14964
14975
|
}
|
|
14965
14976
|
|
|
14966
14977
|
// ../../components/List/List.module.css
|
|
14967
|
-
var List_default = {"
|
|
14978
|
+
var List_default = {"list":"opus_ys3xlo_list","description":"opus_ys3xlo_description","body":"opus_ys3xlo_body","head":"opus_ys3xlo_head","title":"opus_ys3xlo_title","icon":"opus_ys3xlo_icon","item":"opus_ys3xlo_item","meta":"opus_ys3xlo_meta"};
|
|
14968
14979
|
|
|
14969
14980
|
// ../../components/List/List.tsx
|
|
14970
14981
|
import { jsx as jsx84, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
@@ -14983,7 +14994,7 @@ function List({ density = "comfortable", items, ordered = false }) {
|
|
|
14983
14994
|
}
|
|
14984
14995
|
|
|
14985
14996
|
// ../../components/DescriptionList/DescriptionList.module.css
|
|
14986
|
-
var DescriptionList_default = {"
|
|
14997
|
+
var DescriptionList_default = {"list":"opus_FY8OsC_list","row":"opus_FY8OsC_row","term":"opus_FY8OsC_term","details":"opus_FY8OsC_details"};
|
|
14987
14998
|
|
|
14988
14999
|
// ../../components/DescriptionList/DescriptionList.tsx
|
|
14989
15000
|
import { jsx as jsx85, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
@@ -15001,7 +15012,7 @@ function DescriptionList({
|
|
|
15001
15012
|
import { useState as useState39 } from "react";
|
|
15002
15013
|
|
|
15003
15014
|
// ../../components/PropertyGrid/PropertyGrid.module.css
|
|
15004
|
-
var PropertyGrid_default = {"
|
|
15015
|
+
var PropertyGrid_default = {"grid":"opus_Bnfsue_grid","copy":"opus_Bnfsue_copy","label":"opus_Bnfsue_label","value":"opus_Bnfsue_value","valueCell":"opus_Bnfsue_valueCell","row":"opus_Bnfsue_row"};
|
|
15005
15016
|
|
|
15006
15017
|
// ../../components/PropertyGrid/PropertyGrid.tsx
|
|
15007
15018
|
import { jsx as jsx86, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
@@ -15125,7 +15136,7 @@ function Grid2({
|
|
|
15125
15136
|
import { useCallback as useCallback18, useEffect as useEffect31, useId as useId20, useRef as useRef31, useState as useState40 } from "react";
|
|
15126
15137
|
|
|
15127
15138
|
// ../../components/ResizeHandle/ResizeHandle.module.css
|
|
15128
|
-
var ResizeHandle_default = {"grip":"opus_PaKREB_grip","
|
|
15139
|
+
var ResizeHandle_default = {"grip":"opus_PaKREB_grip","dot":"opus_PaKREB_dot","handle":"opus_PaKREB_handle"};
|
|
15129
15140
|
|
|
15130
15141
|
// ../../components/ResizeHandle/ResizeHandle.tsx
|
|
15131
15142
|
import { jsx as jsx90, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
@@ -15162,7 +15173,7 @@ function ResizeHandle(_a2) {
|
|
|
15162
15173
|
}
|
|
15163
15174
|
|
|
15164
15175
|
// ../../components/Splitter/Splitter.module.css
|
|
15165
|
-
var Splitter_default = {"
|
|
15176
|
+
var Splitter_default = {"root":"opus_Khgx9s_root","srOnly":"opus_Khgx9s_srOnly","pane":"opus_Khgx9s_pane"};
|
|
15166
15177
|
|
|
15167
15178
|
// ../../components/Splitter/Splitter.tsx
|
|
15168
15179
|
import { jsx as jsx91, jsxs as jsxs73 } from "react/jsx-runtime";
|
|
@@ -15272,7 +15283,7 @@ function Splitter({
|
|
|
15272
15283
|
import { useCallback as useCallback19, useEffect as useEffect32, useRef as useRef32, useState as useState41 } from "react";
|
|
15273
15284
|
|
|
15274
15285
|
// ../../components/ResizablePanel/ResizablePanel.module.css
|
|
15275
|
-
var ResizablePanel_default = {"
|
|
15286
|
+
var ResizablePanel_default = {"root":"opus_kVJ122_root","handle":"opus_kVJ122_handle","body":"opus_kVJ122_body"};
|
|
15276
15287
|
|
|
15277
15288
|
// ../../components/ResizablePanel/ResizablePanel.tsx
|
|
15278
15289
|
import { jsx as jsx92, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
@@ -15355,7 +15366,7 @@ function ResizablePanel({
|
|
|
15355
15366
|
}
|
|
15356
15367
|
|
|
15357
15368
|
// ../../components/DockLayout/DockLayout.module.css
|
|
15358
|
-
var DockLayout_default = {"middle":"opus_3zzL8C_middle","
|
|
15369
|
+
var DockLayout_default = {"middle":"opus_3zzL8C_middle","root":"opus_3zzL8C_root","bottom":"opus_3zzL8C_bottom","top":"opus_3zzL8C_top","left":"opus_3zzL8C_left","right":"opus_3zzL8C_right","center":"opus_3zzL8C_center"};
|
|
15359
15370
|
|
|
15360
15371
|
// ../../components/DockLayout/DockLayout.tsx
|
|
15361
15372
|
import { jsx as jsx93, jsxs as jsxs75 } from "react/jsx-runtime";
|
|
@@ -15400,7 +15411,7 @@ import {
|
|
|
15400
15411
|
} from "react";
|
|
15401
15412
|
|
|
15402
15413
|
// ../../components/CustomScrollbar/CustomScrollbar.module.css
|
|
15403
|
-
var CustomScrollbar_default = {"
|
|
15414
|
+
var CustomScrollbar_default = {"viewport":"opus_I9wQcM_viewport","thumb":"opus_I9wQcM_thumb","root":"opus_I9wQcM_root","cornerDot":"opus_I9wQcM_cornerDot","track":"opus_I9wQcM_track","content":"opus_I9wQcM_content"};
|
|
15404
15415
|
|
|
15405
15416
|
// ../../components/CustomScrollbar/CustomScrollbar.tsx
|
|
15406
15417
|
import { jsx as jsx94, jsxs as jsxs76 } from "react/jsx-runtime";
|
|
@@ -15692,7 +15703,7 @@ function CustomScrollbar({
|
|
|
15692
15703
|
}
|
|
15693
15704
|
|
|
15694
15705
|
// ../../components/ThreePaneLayout/ThreePaneLayout.module.css
|
|
15695
|
-
var ThreePaneLayout_default = {"
|
|
15706
|
+
var ThreePaneLayout_default = {"handle":"opus_DtnFdK_handle","root":"opus_DtnFdK_root","sidebar":"opus_DtnFdK_sidebar","content":"opus_DtnFdK_content"};
|
|
15696
15707
|
|
|
15697
15708
|
// ../../components/ThreePaneLayout/ThreePaneLayout.tsx
|
|
15698
15709
|
import { Fragment as Fragment12, jsx as jsx95, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
@@ -16070,7 +16081,7 @@ function ScrollArea({
|
|
|
16070
16081
|
}
|
|
16071
16082
|
|
|
16072
16083
|
// ../../components/AspectRatio/AspectRatio.module.css
|
|
16073
|
-
var AspectRatio_default = {"
|
|
16084
|
+
var AspectRatio_default = {"root":"opus_CZP9Id_root","content":"opus_CZP9Id_content"};
|
|
16074
16085
|
|
|
16075
16086
|
// ../../components/AspectRatio/AspectRatio.tsx
|
|
16076
16087
|
import { jsx as jsx97 } from "react/jsx-runtime";
|
|
@@ -16138,7 +16149,7 @@ function Spacer({ axis = "y", className, flex = false, size = 16, style }) {
|
|
|
16138
16149
|
}
|
|
16139
16150
|
|
|
16140
16151
|
// ../../components/Breadcrumb/Breadcrumb.module.css
|
|
16141
|
-
var Breadcrumb_default = {"
|
|
16152
|
+
var Breadcrumb_default = {"root":"opus_FwZfXe_root","separator":"opus_FwZfXe_separator","list":"opus_FwZfXe_list","link":"opus_FwZfXe_link","current":"opus_FwZfXe_current","item":"opus_FwZfXe_item"};
|
|
16142
16153
|
|
|
16143
16154
|
// ../../components/Breadcrumb/Breadcrumb.tsx
|
|
16144
16155
|
import { jsx as jsx100, jsxs as jsxs78 } from "react/jsx-runtime";
|
|
@@ -16166,7 +16177,7 @@ function Breadcrumb({ ariaLabel = "Breadcrumb", items, onNavigate, separator = "
|
|
|
16166
16177
|
}
|
|
16167
16178
|
|
|
16168
16179
|
// ../../components/Pagination/Pagination.module.css
|
|
16169
|
-
var Pagination_default = {"
|
|
16180
|
+
var Pagination_default = {"button":"opus_VkXUKR_button","ellipsis":"opus_VkXUKR_ellipsis","root":"opus_VkXUKR_root","active":"opus_VkXUKR_active"};
|
|
16170
16181
|
|
|
16171
16182
|
// ../../components/Pagination/Pagination.tsx
|
|
16172
16183
|
import { jsx as jsx101, jsxs as jsxs79 } from "react/jsx-runtime";
|
|
@@ -16231,7 +16242,7 @@ function Pagination({ page, pageCount, onPageChange, siblingCount = 1 }) {
|
|
|
16231
16242
|
}
|
|
16232
16243
|
|
|
16233
16244
|
// ../../components/PageHeader/PageHeader.module.css
|
|
16234
|
-
var PageHeader_default = {"
|
|
16245
|
+
var PageHeader_default = {"breadcrumbs":"opus_1pSVfU_breadcrumbs","actions":"opus_1pSVfU_actions","title":"opus_1pSVfU_title","row":"opus_1pSVfU_row","eyebrow":"opus_1pSVfU_eyebrow","root":"opus_1pSVfU_root","copy":"opus_1pSVfU_copy","description":"opus_1pSVfU_description"};
|
|
16235
16246
|
|
|
16236
16247
|
// ../../components/PageHeader/PageHeader.tsx
|
|
16237
16248
|
import { jsx as jsx102, jsxs as jsxs80 } from "react/jsx-runtime";
|
|
@@ -16250,7 +16261,7 @@ function PageHeader({ actions, breadcrumbs, description, eyebrow, title }) {
|
|
|
16250
16261
|
}
|
|
16251
16262
|
|
|
16252
16263
|
// ../../components/Toolbar/Toolbar.module.css
|
|
16253
|
-
var Toolbar_default = {"root":"opus_lO-IAD_root","
|
|
16264
|
+
var Toolbar_default = {"root":"opus_lO-IAD_root","cluster":"opus_lO-IAD_cluster","end":"opus_lO-IAD_end"};
|
|
16254
16265
|
|
|
16255
16266
|
// ../../components/Toolbar/Toolbar.tsx
|
|
16256
16267
|
import { jsx as jsx103, jsxs as jsxs81 } from "react/jsx-runtime";
|
|
@@ -16272,7 +16283,7 @@ function Toolbar({ children, className, dense = false, end, label, start }) {
|
|
|
16272
16283
|
}
|
|
16273
16284
|
|
|
16274
16285
|
// ../../components/BottomNavigation/BottomNavigation.module.css
|
|
16275
|
-
var BottomNavigation_default = {"
|
|
16286
|
+
var BottomNavigation_default = {"icon":"opus_Yqcmor_icon","active":"opus_Yqcmor_active","item":"opus_Yqcmor_item","root":"opus_Yqcmor_root","label":"opus_Yqcmor_label"};
|
|
16276
16287
|
|
|
16277
16288
|
// ../../components/BottomNavigation/BottomNavigation.tsx
|
|
16278
16289
|
import { jsx as jsx104, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
@@ -16302,7 +16313,7 @@ function BottomNavigation({ items, onChange, value }) {
|
|
|
16302
16313
|
}
|
|
16303
16314
|
|
|
16304
16315
|
// ../../components/NavigationRail/NavigationRail.module.css
|
|
16305
|
-
var NavigationRail_default = {"
|
|
16316
|
+
var NavigationRail_default = {"root":"opus_E7mR15_root","item":"opus_E7mR15_item","active":"opus_E7mR15_active","icon":"opus_E7mR15_icon","label":"opus_E7mR15_label","srOnly":"opus_E7mR15_srOnly"};
|
|
16306
16317
|
|
|
16307
16318
|
// ../../components/NavigationRail/NavigationRail.tsx
|
|
16308
16319
|
import { jsx as jsx105, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
@@ -16345,7 +16356,7 @@ function NavigationRail({ collapsed = false, items, onChange, value }) {
|
|
|
16345
16356
|
import { useEffect as useEffect35, useId as useId23, useRef as useRef35, useState as useState44 } from "react";
|
|
16346
16357
|
|
|
16347
16358
|
// ../../components/SplitButton/SplitButton.module.css
|
|
16348
|
-
var SplitButton_default = {"
|
|
16359
|
+
var SplitButton_default = {"menu":"opus_TVuiQN_menu","caret":"opus_TVuiQN_caret","menuItem":"opus_TVuiQN_menuItem","root":"opus_TVuiQN_root","main":"opus_TVuiQN_main"};
|
|
16349
16360
|
|
|
16350
16361
|
// ../../components/SplitButton/SplitButton.tsx
|
|
16351
16362
|
import { jsx as jsx106, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
@@ -16410,7 +16421,7 @@ function SplitButton({
|
|
|
16410
16421
|
}
|
|
16411
16422
|
|
|
16412
16423
|
// ../../components/FloatingActionButton/FloatingActionButton.module.css
|
|
16413
|
-
var FloatingActionButton_default = {"
|
|
16424
|
+
var FloatingActionButton_default = {"srOnly":"opus_UXPLpX_srOnly","root":"opus_UXPLpX_root","label":"opus_UXPLpX_label","icon":"opus_UXPLpX_icon"};
|
|
16414
16425
|
|
|
16415
16426
|
// ../../components/FloatingActionButton/FloatingActionButton.tsx
|
|
16416
16427
|
import { jsx as jsx107, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
@@ -16451,6 +16462,9 @@ function FloatingActionButton(_a2) {
|
|
|
16451
16462
|
);
|
|
16452
16463
|
}
|
|
16453
16464
|
|
|
16465
|
+
// ../../components/Tiles/Tiles.tsx
|
|
16466
|
+
import { useCallback as useCallback22, useEffect as useEffect36, useRef as useRef36, useState as useState45 } from "react";
|
|
16467
|
+
|
|
16454
16468
|
// ../../components/Tile/TileGradientDefs.module.css
|
|
16455
16469
|
var TileGradientDefs_default = {"defs":"opus_mMiLIb_defs"};
|
|
16456
16470
|
|
|
@@ -16482,7 +16496,7 @@ function TileGradientDefs() {
|
|
|
16482
16496
|
}
|
|
16483
16497
|
|
|
16484
16498
|
// ../../components/Tile/Tile.module.css
|
|
16485
|
-
var Tile_default = {"
|
|
16499
|
+
var Tile_default = {"label":"opus_wypm8k_label","tile":"opus_wypm8k_tile","icon":"opus_wypm8k_icon"};
|
|
16486
16500
|
|
|
16487
16501
|
// ../../components/Tile/Tile.tsx
|
|
16488
16502
|
import { Fragment as Fragment13, jsx as jsx109, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
@@ -16515,45 +16529,85 @@ function Tile({
|
|
|
16515
16529
|
}
|
|
16516
16530
|
|
|
16517
16531
|
// ../../components/Tiles/Tiles.module.css
|
|
16518
|
-
var Tiles_default = {"
|
|
16532
|
+
var Tiles_default = {"tile":"opus_zD82gC_tile","tileItem":"opus_zD82gC_tileItem","row":"opus_zD82gC_row","previousButton":"opus_zD82gC_previousButton","viewport":"opus_zD82gC_viewport","moreButton":"opus_zD82gC_moreButton","nextButton":"opus_zD82gC_nextButton"};
|
|
16519
16533
|
|
|
16520
16534
|
// ../../components/Tiles/Tiles.tsx
|
|
16521
16535
|
import { jsx as jsx110, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
16522
16536
|
var defaultToneForIndex = (index) => index % 2 === 0 ? "purple" : "blue";
|
|
16523
16537
|
function Tiles({ className, items, layout = "fill" }) {
|
|
16524
|
-
const
|
|
16525
|
-
|
|
16526
|
-
|
|
16527
|
-
|
|
16528
|
-
|
|
16529
|
-
|
|
16530
|
-
|
|
16531
|
-
|
|
16532
|
-
|
|
16533
|
-
|
|
16534
|
-
|
|
16535
|
-
|
|
16536
|
-
|
|
16537
|
-
|
|
16538
|
-
|
|
16539
|
-
|
|
16540
|
-
|
|
16541
|
-
|
|
16542
|
-
|
|
16543
|
-
|
|
16544
|
-
|
|
16545
|
-
|
|
16546
|
-
|
|
16547
|
-
|
|
16548
|
-
|
|
16549
|
-
|
|
16550
|
-
|
|
16551
|
-
|
|
16552
|
-
|
|
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
|
+
] });
|
|
16553
16607
|
}
|
|
16554
16608
|
|
|
16555
16609
|
// ../../components/StatTile/StatTile.module.css
|
|
16556
|
-
var StatTile_default = {"
|
|
16610
|
+
var StatTile_default = {"icon":"opus_8DpwUV_icon","trend":"opus_8DpwUV_trend","statTile":"opus_8DpwUV_statTile","body":"opus_8DpwUV_body","comparison":"opus_8DpwUV_comparison","label":"opus_8DpwUV_label","value":"opus_8DpwUV_value","meta":"opus_8DpwUV_meta"};
|
|
16557
16611
|
|
|
16558
16612
|
// ../../components/StatTile/StatTile.tsx
|
|
16559
16613
|
import { Fragment as Fragment14, jsx as jsx111, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
@@ -16566,6 +16620,7 @@ function StatTile({
|
|
|
16566
16620
|
role,
|
|
16567
16621
|
tone = "blue",
|
|
16568
16622
|
trend,
|
|
16623
|
+
trendTone,
|
|
16569
16624
|
trendValue,
|
|
16570
16625
|
value
|
|
16571
16626
|
}) {
|
|
@@ -16577,7 +16632,7 @@ function StatTile({
|
|
|
16577
16632
|
/* @__PURE__ */ jsx111("p", { className: StatTile_default.label, children: label }),
|
|
16578
16633
|
/* @__PURE__ */ jsx111("p", { className: StatTile_default.value, children: value }),
|
|
16579
16634
|
showTrend || comparison ? /* @__PURE__ */ jsxs89("div", { className: StatTile_default.meta, children: [
|
|
16580
|
-
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: [
|
|
16581
16636
|
/* @__PURE__ */ jsx111("span", { "aria-hidden": "true", children: trend === "up" ? "\u2191" : "\u2193" }),
|
|
16582
16637
|
/* @__PURE__ */ jsx111("span", { children: trendValue })
|
|
16583
16638
|
] }) : null,
|
|
@@ -16603,39 +16658,83 @@ function StatTile({
|
|
|
16603
16658
|
return /* @__PURE__ */ jsx111("article", { className: classNames, "data-tone": tone, role, children: content });
|
|
16604
16659
|
}
|
|
16605
16660
|
|
|
16661
|
+
// ../../components/StatTiles/StatTiles.tsx
|
|
16662
|
+
import { useCallback as useCallback23, useEffect as useEffect37, useRef as useRef37, useState as useState46 } from "react";
|
|
16663
|
+
|
|
16606
16664
|
// ../../components/StatTiles/StatTiles.module.css
|
|
16607
|
-
var StatTiles_default = {"
|
|
16665
|
+
var StatTiles_default = {"nextButton":"opus_uhJd8v_nextButton","moreButton":"opus_uhJd8v_moreButton","row":"opus_uhJd8v_row","viewport":"opus_uhJd8v_viewport","statTile":"opus_uhJd8v_statTile","previousButton":"opus_uhJd8v_previousButton","statTileItem":"opus_uhJd8v_statTileItem"};
|
|
16608
16666
|
|
|
16609
16667
|
// ../../components/StatTiles/StatTiles.tsx
|
|
16610
|
-
import { jsx as jsx112 } from "react/jsx-runtime";
|
|
16668
|
+
import { jsx as jsx112, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
16611
16669
|
var defaultToneForIndex2 = (index) => index % 2 === 0 ? "purple" : "blue";
|
|
16612
16670
|
function StatTiles({ className, items, layout = "fill" }) {
|
|
16613
|
-
const
|
|
16614
|
-
|
|
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(
|
|
16615
16700
|
"div",
|
|
16616
16701
|
{
|
|
16617
|
-
className:
|
|
16618
|
-
"data-
|
|
16619
|
-
|
|
16620
|
-
|
|
16621
|
-
|
|
16622
|
-
|
|
16623
|
-
const tone = (_a2 = item.tone) != null ? _a2 : defaultToneForIndex2(index);
|
|
16624
|
-
return /* @__PURE__ */ jsx112("div", { className: StatTiles_default.statTileItem, role: "listitem", children: /* @__PURE__ */ jsx112(
|
|
16625
|
-
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",
|
|
16626
16708
|
{
|
|
16627
|
-
className: StatTiles_default.
|
|
16628
|
-
|
|
16629
|
-
|
|
16630
|
-
|
|
16631
|
-
|
|
16632
|
-
|
|
16633
|
-
|
|
16634
|
-
|
|
16635
|
-
|
|
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
|
+
})
|
|
16636
16733
|
}
|
|
16637
|
-
)
|
|
16638
|
-
|
|
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
|
+
]
|
|
16639
16738
|
}
|
|
16640
16739
|
);
|
|
16641
16740
|
}
|
|
@@ -16644,10 +16743,10 @@ function StatTiles({ className, items, layout = "fill" }) {
|
|
|
16644
16743
|
import { useId as useId24, useMemo as useMemo19 } from "react";
|
|
16645
16744
|
|
|
16646
16745
|
// ../../components/PipelineOverview/PipelineOverview.module.css
|
|
16647
|
-
var PipelineOverview_default = {"
|
|
16746
|
+
var PipelineOverview_default = {"legendCopy":"opus_1ScjMZ_legendCopy","totalValue":"opus_1ScjMZ_totalValue","legend":"opus_1ScjMZ_legend","periodSelect":"opus_1ScjMZ_periodSelect","total":"opus_1ScjMZ_total","periodChevron":"opus_1ScjMZ_periodChevron","periodLabel":"opus_1ScjMZ_periodLabel","legendValue":"opus_1ScjMZ_legendValue","root":"opus_1ScjMZ_root","funnelSvg":"opus_1ScjMZ_funnelSvg","period":"opus_1ScjMZ_period","footer":"opus_1ScjMZ_footer","body":"opus_1ScjMZ_body","legendLabel":"opus_1ScjMZ_legendLabel","totalLabel":"opus_1ScjMZ_totalLabel","funnel":"opus_1ScjMZ_funnel","legendItem":"opus_1ScjMZ_legendItem","legendDot":"opus_1ScjMZ_legendDot"};
|
|
16648
16747
|
|
|
16649
16748
|
// ../../components/PipelineOverview/PipelineOverview.tsx
|
|
16650
|
-
import { jsx as jsx113, jsxs as
|
|
16749
|
+
import { jsx as jsx113, jsxs as jsxs91 } from "react/jsx-runtime";
|
|
16651
16750
|
var STAGE_STYLES = [
|
|
16652
16751
|
{
|
|
16653
16752
|
border: "#9da8fb",
|
|
@@ -16821,7 +16920,7 @@ function FunnelChart({ stages }) {
|
|
|
16821
16920
|
};
|
|
16822
16921
|
});
|
|
16823
16922
|
}, [maxValue2, segmentHeight, stageCount, stages]);
|
|
16824
|
-
return /* @__PURE__ */
|
|
16923
|
+
return /* @__PURE__ */ jsxs91(
|
|
16825
16924
|
"svg",
|
|
16826
16925
|
{
|
|
16827
16926
|
"aria-hidden": "true",
|
|
@@ -16829,8 +16928,8 @@ function FunnelChart({ stages }) {
|
|
|
16829
16928
|
preserveAspectRatio: "xMidYMid meet",
|
|
16830
16929
|
viewBox: `0 0 ${FUNNEL_VIEW_WIDTH} ${FUNNEL_VIEW_HEIGHT}`,
|
|
16831
16930
|
children: [
|
|
16832
|
-
/* @__PURE__ */
|
|
16833
|
-
segments.map((segment) => /* @__PURE__ */
|
|
16931
|
+
/* @__PURE__ */ jsxs91("defs", { children: [
|
|
16932
|
+
segments.map((segment) => /* @__PURE__ */ jsxs91(
|
|
16834
16933
|
"linearGradient",
|
|
16835
16934
|
{
|
|
16836
16935
|
gradientUnits: "objectBoundingBox",
|
|
@@ -16846,7 +16945,7 @@ function FunnelChart({ stages }) {
|
|
|
16846
16945
|
},
|
|
16847
16946
|
segment.index
|
|
16848
16947
|
)),
|
|
16849
|
-
segments.map((segment) => /* @__PURE__ */
|
|
16948
|
+
segments.map((segment) => /* @__PURE__ */ jsxs91(
|
|
16850
16949
|
"filter",
|
|
16851
16950
|
{
|
|
16852
16951
|
height: "220%",
|
|
@@ -16889,8 +16988,8 @@ function PipelineOverview({
|
|
|
16889
16988
|
totalLabel = "Total Pipeline Value",
|
|
16890
16989
|
totalValue
|
|
16891
16990
|
}) {
|
|
16892
|
-
return /* @__PURE__ */
|
|
16893
|
-
/* @__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: [
|
|
16894
16993
|
/* @__PURE__ */ jsx113("div", { className: PipelineOverview_default.funnel, style: { gridRow: `1 / ${stages.length + 1}` }, children: /* @__PURE__ */ jsx113(FunnelChart, { stages }) }),
|
|
16895
16994
|
/* @__PURE__ */ jsx113("ol", { className: PipelineOverview_default.legend, children: stages.map((stage, index) => {
|
|
16896
16995
|
const tone = STAGE_STYLES[index % STAGE_STYLES.length];
|
|
@@ -16898,11 +16997,11 @@ function PipelineOverview({
|
|
|
16898
16997
|
"--stage-dot": tone.dot,
|
|
16899
16998
|
"--stage-glow": tone.glow
|
|
16900
16999
|
};
|
|
16901
|
-
return /* @__PURE__ */
|
|
17000
|
+
return /* @__PURE__ */ jsxs91("li", { className: PipelineOverview_default.legendItem, style: { gridRow: index + 1 }, children: [
|
|
16902
17001
|
/* @__PURE__ */ jsx113("span", { className: PipelineOverview_default.legendDot, style: dotStyle }),
|
|
16903
|
-
/* @__PURE__ */
|
|
17002
|
+
/* @__PURE__ */ jsxs91("div", { className: PipelineOverview_default.legendCopy, children: [
|
|
16904
17003
|
/* @__PURE__ */ jsx113("span", { className: PipelineOverview_default.legendLabel, children: stage.label }),
|
|
16905
|
-
/* @__PURE__ */
|
|
17004
|
+
/* @__PURE__ */ jsxs91("span", { className: PipelineOverview_default.legendValue, children: [
|
|
16906
17005
|
stage.displayValue,
|
|
16907
17006
|
" (",
|
|
16908
17007
|
stage.percentage,
|
|
@@ -16912,12 +17011,12 @@ function PipelineOverview({
|
|
|
16912
17011
|
] }, stage.id);
|
|
16913
17012
|
}) })
|
|
16914
17013
|
] }),
|
|
16915
|
-
/* @__PURE__ */
|
|
16916
|
-
/* @__PURE__ */
|
|
17014
|
+
/* @__PURE__ */ jsxs91("footer", { className: PipelineOverview_default.footer, children: [
|
|
17015
|
+
/* @__PURE__ */ jsxs91("div", { className: PipelineOverview_default.total, children: [
|
|
16917
17016
|
/* @__PURE__ */ jsx113("span", { className: PipelineOverview_default.totalLabel, children: totalLabel }),
|
|
16918
17017
|
/* @__PURE__ */ jsx113("strong", { className: PipelineOverview_default.totalValue, children: totalValue })
|
|
16919
17018
|
] }),
|
|
16920
|
-
/* @__PURE__ */
|
|
17019
|
+
/* @__PURE__ */ jsxs91("label", { className: PipelineOverview_default.period, children: [
|
|
16921
17020
|
/* @__PURE__ */ jsx113("span", { className: PipelineOverview_default.periodLabel, children: "Period" }),
|
|
16922
17021
|
/* @__PURE__ */ jsx113(
|
|
16923
17022
|
"select",
|
|
@@ -16935,7 +17034,7 @@ function PipelineOverview({
|
|
|
16935
17034
|
}
|
|
16936
17035
|
|
|
16937
17036
|
// ../../components/DealsOverTime/DealsOverTime.tsx
|
|
16938
|
-
import { useEffect as
|
|
17037
|
+
import { useEffect as useEffect38, useId as useId25, useMemo as useMemo20, useRef as useRef38, useState as useState47 } from "react";
|
|
16939
17038
|
|
|
16940
17039
|
// ../../lib/controls/dealsOverTimePalettes.ts
|
|
16941
17040
|
var dealsOverTimePalettes = {
|
|
@@ -16977,10 +17076,10 @@ function getDealsOverTimePalette(palette) {
|
|
|
16977
17076
|
}
|
|
16978
17077
|
|
|
16979
17078
|
// ../../components/DealsOverTime/DealsOverTime.module.css
|
|
16980
|
-
var DealsOverTime_default = {"
|
|
17079
|
+
var DealsOverTime_default = {"axisLabel":"opus_Hn1LW1_axisLabel","periodLabel":"opus_Hn1LW1_periodLabel","header":"opus_Hn1LW1_header","pointSolid":"opus_Hn1LW1_pointSolid","hitTarget":"opus_Hn1LW1_hitTarget","tooltipDate":"opus_Hn1LW1_tooltipDate","tooltip":"opus_Hn1LW1_tooltip","chartWrap":"opus_Hn1LW1_chartWrap","period":"opus_Hn1LW1_period","periodSelect":"opus_Hn1LW1_periodSelect","title":"opus_Hn1LW1_title","lineGlowSoft":"opus_Hn1LW1_lineGlowSoft","pointRing":"opus_Hn1LW1_pointRing","root":"opus_Hn1LW1_root","pointCore":"opus_Hn1LW1_pointCore","gridLine":"opus_Hn1LW1_gridLine","tooltipValue":"opus_Hn1LW1_tooltipValue","lineGlowMid":"opus_Hn1LW1_lineGlowMid","line":"opus_Hn1LW1_line","pointGlow":"opus_Hn1LW1_pointGlow","area":"opus_Hn1LW1_area","chart":"opus_Hn1LW1_chart"};
|
|
16981
17080
|
|
|
16982
17081
|
// ../../components/DealsOverTime/DealsOverTime.tsx
|
|
16983
|
-
import { Fragment as Fragment15, jsx as jsx114, jsxs as
|
|
17082
|
+
import { Fragment as Fragment15, jsx as jsx114, jsxs as jsxs92 } from "react/jsx-runtime";
|
|
16984
17083
|
var CHART_HEIGHT = 188;
|
|
16985
17084
|
var CHART_MIN_WIDTH = 280;
|
|
16986
17085
|
var CHART_DEFAULT_WIDTH = 480;
|
|
@@ -17027,9 +17126,9 @@ function plotX(index, count, plotLeft, plotRight) {
|
|
|
17027
17126
|
return start + index / (count - 1) * span;
|
|
17028
17127
|
}
|
|
17029
17128
|
function useChartWidth(minWidth = CHART_MIN_WIDTH, fallback = CHART_DEFAULT_WIDTH) {
|
|
17030
|
-
const wrapRef =
|
|
17031
|
-
const [chartWidth, setChartWidth] =
|
|
17032
|
-
|
|
17129
|
+
const wrapRef = useRef38(null);
|
|
17130
|
+
const [chartWidth, setChartWidth] = useState47(fallback);
|
|
17131
|
+
useEffect38(() => {
|
|
17033
17132
|
const node = wrapRef.current;
|
|
17034
17133
|
if (!node) {
|
|
17035
17134
|
return;
|
|
@@ -17059,7 +17158,7 @@ function DealsOverTimeChart({
|
|
|
17059
17158
|
const lineGlowSoftFilterId = useId25();
|
|
17060
17159
|
const lineGlowMidFilterId = useId25();
|
|
17061
17160
|
const pointGlowFilterId = useId25();
|
|
17062
|
-
const [activeIndex, setActiveIndex] =
|
|
17161
|
+
const [activeIndex, setActiveIndex] = useState47(null);
|
|
17063
17162
|
const { chartWidth, wrapRef } = useChartWidth();
|
|
17064
17163
|
const colors = getDealsOverTimePalette(palette);
|
|
17065
17164
|
const plotBottom = CHART_HEIGHT - PLOT_BOTTOM;
|
|
@@ -17104,8 +17203,8 @@ function DealsOverTimeChart({
|
|
|
17104
17203
|
const lineFadeStartX = PLOT_LEFT;
|
|
17105
17204
|
const lineFadeEndX = (_b2 = (_a2 = points[0]) == null ? void 0 : _a2.x) != null ? _b2 : PLOT_LEFT + DATA_INSET;
|
|
17106
17205
|
const activePoint = activeIndex === null ? null : points[activeIndex];
|
|
17107
|
-
return /* @__PURE__ */
|
|
17108
|
-
/* @__PURE__ */
|
|
17206
|
+
return /* @__PURE__ */ jsxs92("div", { className: DealsOverTime_default.chartWrap, "data-palette": palette, ref: wrapRef, children: [
|
|
17207
|
+
/* @__PURE__ */ jsxs92(
|
|
17109
17208
|
"svg",
|
|
17110
17209
|
{
|
|
17111
17210
|
"aria-label": "Deals over time chart",
|
|
@@ -17115,13 +17214,13 @@ function DealsOverTimeChart({
|
|
|
17115
17214
|
viewBox: `0 0 ${chartWidth} ${CHART_HEIGHT}`,
|
|
17116
17215
|
width: chartWidth,
|
|
17117
17216
|
children: [
|
|
17118
|
-
/* @__PURE__ */
|
|
17119
|
-
/* @__PURE__ */
|
|
17217
|
+
/* @__PURE__ */ jsxs92("defs", { children: [
|
|
17218
|
+
/* @__PURE__ */ jsxs92("linearGradient", { id: areaGradientId, x1: "0", x2: "0", y1: "0", y2: "1", children: [
|
|
17120
17219
|
/* @__PURE__ */ jsx114("stop", { offset: "0%", stopColor: colors.areaTop, stopOpacity: "0.42" }),
|
|
17121
17220
|
/* @__PURE__ */ jsx114("stop", { offset: "55%", stopColor: colors.areaMid, stopOpacity: "0.14" }),
|
|
17122
17221
|
/* @__PURE__ */ jsx114("stop", { offset: "100%", stopColor: colors.areaMid, stopOpacity: "0" })
|
|
17123
17222
|
] }),
|
|
17124
|
-
/* @__PURE__ */
|
|
17223
|
+
/* @__PURE__ */ jsxs92(
|
|
17125
17224
|
"linearGradient",
|
|
17126
17225
|
{
|
|
17127
17226
|
gradientUnits: "userSpaceOnUse",
|
|
@@ -17137,7 +17236,7 @@ function DealsOverTimeChart({
|
|
|
17137
17236
|
}
|
|
17138
17237
|
),
|
|
17139
17238
|
/* @__PURE__ */ jsx114("mask", { id: areaMaskId, children: /* @__PURE__ */ jsx114("rect", { fill: `url(#${areaMaskGradientId})`, height: CHART_HEIGHT, width: chartWidth, x: "0", y: "0" }) }),
|
|
17140
|
-
/* @__PURE__ */
|
|
17239
|
+
/* @__PURE__ */ jsxs92(
|
|
17141
17240
|
"linearGradient",
|
|
17142
17241
|
{
|
|
17143
17242
|
gradientUnits: "userSpaceOnUse",
|
|
@@ -17152,22 +17251,22 @@ function DealsOverTimeChart({
|
|
|
17152
17251
|
]
|
|
17153
17252
|
}
|
|
17154
17253
|
),
|
|
17155
|
-
/* @__PURE__ */
|
|
17254
|
+
/* @__PURE__ */ jsxs92("filter", { height: "400%", id: lineGlowSoftFilterId, width: "400%", x: "-150%", y: "-150%", children: [
|
|
17156
17255
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blurWide", stdDeviation: "13" }),
|
|
17157
17256
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blurTight", stdDeviation: "5" }),
|
|
17158
|
-
/* @__PURE__ */
|
|
17257
|
+
/* @__PURE__ */ jsxs92("feMerge", { children: [
|
|
17159
17258
|
/* @__PURE__ */ jsx114("feMergeNode", { in: "blurWide" }),
|
|
17160
17259
|
/* @__PURE__ */ jsx114("feMergeNode", { in: "blurTight" })
|
|
17161
17260
|
] })
|
|
17162
17261
|
] }),
|
|
17163
|
-
/* @__PURE__ */
|
|
17262
|
+
/* @__PURE__ */ jsxs92("filter", { height: "300%", id: lineGlowMidFilterId, width: "300%", x: "-100%", y: "-100%", children: [
|
|
17164
17263
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blur", stdDeviation: "4" }),
|
|
17165
17264
|
/* @__PURE__ */ jsx114("feComponentTransfer", { in: "blur", result: "boost", children: /* @__PURE__ */ jsx114("feFuncA", { intercept: "-0.05", slope: "1.6", type: "linear" }) })
|
|
17166
17265
|
] }),
|
|
17167
|
-
/* @__PURE__ */
|
|
17266
|
+
/* @__PURE__ */ jsxs92("filter", { height: "400%", id: pointGlowFilterId, width: "400%", x: "-150%", y: "-150%", children: [
|
|
17168
17267
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blurWide", stdDeviation: "10" }),
|
|
17169
17268
|
/* @__PURE__ */ jsx114("feGaussianBlur", { in: "SourceGraphic", result: "blurTight", stdDeviation: "3.5" }),
|
|
17170
|
-
/* @__PURE__ */
|
|
17269
|
+
/* @__PURE__ */ jsxs92("feMerge", { children: [
|
|
17171
17270
|
/* @__PURE__ */ jsx114("feMergeNode", { in: "blurWide" }),
|
|
17172
17271
|
/* @__PURE__ */ jsx114("feMergeNode", { in: "blurTight" })
|
|
17173
17272
|
] })
|
|
@@ -17175,7 +17274,7 @@ function DealsOverTimeChart({
|
|
|
17175
17274
|
] }),
|
|
17176
17275
|
yTicks.map((tick) => {
|
|
17177
17276
|
const y = plotBottom - tick / maxValue2 * plotHeight;
|
|
17178
|
-
return /* @__PURE__ */
|
|
17277
|
+
return /* @__PURE__ */ jsxs92("g", { children: [
|
|
17179
17278
|
/* @__PURE__ */ jsx114("line", { className: DealsOverTime_default.gridLine, x1: PLOT_LEFT, x2: plotRight, y1: y, y2: y }),
|
|
17180
17279
|
/* @__PURE__ */ jsx114("text", { className: DealsOverTime_default.axisLabel, textAnchor: "end", x: PLOT_LEFT - 12, y: y + 3.5, children: tick })
|
|
17181
17280
|
] }, tick);
|
|
@@ -17221,7 +17320,7 @@ function DealsOverTimeChart({
|
|
|
17221
17320
|
points.map((point, index) => {
|
|
17222
17321
|
const isLast = index === points.length - 1;
|
|
17223
17322
|
const isActive = activeIndex === index;
|
|
17224
|
-
return /* @__PURE__ */
|
|
17323
|
+
return /* @__PURE__ */ jsxs92("g", { children: [
|
|
17225
17324
|
/* @__PURE__ */ jsx114(
|
|
17226
17325
|
"circle",
|
|
17227
17326
|
{
|
|
@@ -17258,7 +17357,7 @@ function DealsOverTimeChart({
|
|
|
17258
17357
|
fill: isActive ? colors.pointRingActive : colors.pointRing,
|
|
17259
17358
|
r: "4.5"
|
|
17260
17359
|
}
|
|
17261
|
-
) : /* @__PURE__ */
|
|
17360
|
+
) : /* @__PURE__ */ jsxs92(Fragment15, { children: [
|
|
17262
17361
|
/* @__PURE__ */ jsx114(
|
|
17263
17362
|
"circle",
|
|
17264
17363
|
{
|
|
@@ -17287,7 +17386,7 @@ function DealsOverTimeChart({
|
|
|
17287
17386
|
]
|
|
17288
17387
|
}
|
|
17289
17388
|
),
|
|
17290
|
-
activePoint ? /* @__PURE__ */
|
|
17389
|
+
activePoint ? /* @__PURE__ */ jsxs92(
|
|
17291
17390
|
"div",
|
|
17292
17391
|
{
|
|
17293
17392
|
className: DealsOverTime_default.tooltip,
|
|
@@ -17298,7 +17397,7 @@ function DealsOverTimeChart({
|
|
|
17298
17397
|
},
|
|
17299
17398
|
children: [
|
|
17300
17399
|
/* @__PURE__ */ jsx114("span", { className: DealsOverTime_default.tooltipDate, children: (_c2 = activePoint.datum.tooltipLabel) != null ? _c2 : activePoint.datum.label }),
|
|
17301
|
-
/* @__PURE__ */
|
|
17400
|
+
/* @__PURE__ */ jsxs92("strong", { className: DealsOverTime_default.tooltipValue, children: [
|
|
17302
17401
|
activePoint.datum.value,
|
|
17303
17402
|
" ",
|
|
17304
17403
|
valueLabel
|
|
@@ -17321,10 +17420,10 @@ function DealsOverTime({
|
|
|
17321
17420
|
}) {
|
|
17322
17421
|
const periodId = useId25();
|
|
17323
17422
|
const resolvedMax = Math.max(1, maxValue2);
|
|
17324
|
-
return /* @__PURE__ */
|
|
17325
|
-
/* @__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: [
|
|
17326
17425
|
/* @__PURE__ */ jsx114("h3", { className: DealsOverTime_default.title, children: title }),
|
|
17327
|
-
/* @__PURE__ */
|
|
17426
|
+
/* @__PURE__ */ jsxs92("div", { className: DealsOverTime_default.period, children: [
|
|
17328
17427
|
/* @__PURE__ */ jsx114("label", { className: DealsOverTime_default.periodLabel, htmlFor: periodId, children: "Period" }),
|
|
17329
17428
|
/* @__PURE__ */ jsx114(
|
|
17330
17429
|
"select",
|
|
@@ -17343,15 +17442,15 @@ function DealsOverTime({
|
|
|
17343
17442
|
}
|
|
17344
17443
|
|
|
17345
17444
|
// ../../components/UpcomingTasks/UpcomingTasks.tsx
|
|
17346
|
-
import { useCallback as
|
|
17445
|
+
import { useCallback as useCallback24, useState as useState48 } from "react";
|
|
17347
17446
|
|
|
17348
17447
|
// ../../components/DashboardListWidget/shared.module.css
|
|
17349
|
-
var shared_default = {"
|
|
17448
|
+
var shared_default = {"footer":"opus_8R-PJ3_footer","iconWrap":"opus_8R-PJ3_iconWrap","list":"opus_8R-PJ3_list","itemAction":"opus_8R-PJ3_itemAction","footerAction":"opus_8R-PJ3_footerAction","footerIcon":"opus_8R-PJ3_footerIcon"};
|
|
17350
17449
|
|
|
17351
17450
|
// ../../components/DashboardListWidget/DashboardListFooter.tsx
|
|
17352
|
-
import { Fragment as Fragment16, jsx as jsx115, jsxs as
|
|
17451
|
+
import { Fragment as Fragment16, jsx as jsx115, jsxs as jsxs93 } from "react/jsx-runtime";
|
|
17353
17452
|
function DashboardListFooter({ footerHref, footerLabel, onFooterClick }) {
|
|
17354
|
-
const content = /* @__PURE__ */
|
|
17453
|
+
const content = /* @__PURE__ */ jsxs93(Fragment16, { children: [
|
|
17355
17454
|
/* @__PURE__ */ jsx115("span", { children: footerLabel }),
|
|
17356
17455
|
/* @__PURE__ */ jsx115("span", { "aria-hidden": "true", className: shared_default.footerIcon, children: /* @__PURE__ */ jsx115(CatalogIcon, { iconName: "arrow-right" }) })
|
|
17357
17456
|
] });
|
|
@@ -17359,12 +17458,12 @@ function DashboardListFooter({ footerHref, footerLabel, onFooterClick }) {
|
|
|
17359
17458
|
}
|
|
17360
17459
|
|
|
17361
17460
|
// ../../components/UpcomingTasks/UpcomingTasks.module.css
|
|
17362
|
-
var UpcomingTasks_default = {"
|
|
17461
|
+
var UpcomingTasks_default = {"root":"opus_mFTWWU_root","title":"opus_mFTWWU_title","header":"opus_mFTWWU_header","item":"opus_mFTWWU_item","list":"opus_mFTWWU_list","taskCheckbox":"opus_mFTWWU_taskCheckbox","itemTitle":"opus_mFTWWU_itemTitle","itemAction":"opus_mFTWWU_itemAction","itemSubtitle":"opus_mFTWWU_itemSubtitle","time":"opus_mFTWWU_time","itemBody":"opus_mFTWWU_itemBody","copy":"opus_mFTWWU_copy"};
|
|
17363
17462
|
|
|
17364
17463
|
// ../../components/UpcomingTasks/UpcomingTasks.tsx
|
|
17365
|
-
import { jsx as jsx116, jsxs as
|
|
17464
|
+
import { jsx as jsx116, jsxs as jsxs94 } from "react/jsx-runtime";
|
|
17366
17465
|
function TaskCopy({ task }) {
|
|
17367
|
-
return /* @__PURE__ */
|
|
17466
|
+
return /* @__PURE__ */ jsxs94("div", { className: UpcomingTasks_default.copy, children: [
|
|
17368
17467
|
/* @__PURE__ */ jsx116("span", { className: UpcomingTasks_default.itemTitle, children: task.title }),
|
|
17369
17468
|
/* @__PURE__ */ jsx116("span", { className: UpcomingTasks_default.itemSubtitle, children: task.subtitle })
|
|
17370
17469
|
] });
|
|
@@ -17380,15 +17479,15 @@ function UpcomingTasks({
|
|
|
17380
17479
|
tasks,
|
|
17381
17480
|
title = "Upcoming Tasks"
|
|
17382
17481
|
}) {
|
|
17383
|
-
const [localCompleted, setLocalCompleted] =
|
|
17384
|
-
const isTaskCompleted =
|
|
17482
|
+
const [localCompleted, setLocalCompleted] = useState48({});
|
|
17483
|
+
const isTaskCompleted = useCallback24(
|
|
17385
17484
|
(task) => {
|
|
17386
17485
|
var _a2, _b2;
|
|
17387
17486
|
return (_b2 = (_a2 = task.completed) != null ? _a2 : localCompleted[task.id]) != null ? _b2 : false;
|
|
17388
17487
|
},
|
|
17389
17488
|
[localCompleted]
|
|
17390
17489
|
);
|
|
17391
|
-
const handleTaskCompleteChange =
|
|
17490
|
+
const handleTaskCompleteChange = useCallback24(
|
|
17392
17491
|
(task, completed) => {
|
|
17393
17492
|
onTaskCompleteChange == null ? void 0 : onTaskCompleteChange(task, completed);
|
|
17394
17493
|
if (onTaskCompleteChange === void 0) {
|
|
@@ -17397,9 +17496,9 @@ function UpcomingTasks({
|
|
|
17397
17496
|
},
|
|
17398
17497
|
[onTaskCompleteChange]
|
|
17399
17498
|
);
|
|
17400
|
-
return /* @__PURE__ */
|
|
17499
|
+
return /* @__PURE__ */ jsxs94("div", { className: [UpcomingTasks_default.root, className].filter(Boolean).join(" "), children: [
|
|
17401
17500
|
/* @__PURE__ */ jsx116("header", { className: UpcomingTasks_default.header, children: /* @__PURE__ */ jsx116("h3", { className: UpcomingTasks_default.title, children: title }) }),
|
|
17402
|
-
/* @__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: [
|
|
17403
17502
|
/* @__PURE__ */ jsx116(
|
|
17404
17503
|
CheckboxField,
|
|
17405
17504
|
{
|
|
@@ -17416,7 +17515,7 @@ function UpcomingTasks({
|
|
|
17416
17515
|
size: checkboxSize
|
|
17417
17516
|
}
|
|
17418
17517
|
),
|
|
17419
|
-
onTaskClick ? /* @__PURE__ */
|
|
17518
|
+
onTaskClick ? /* @__PURE__ */ jsxs94(
|
|
17420
17519
|
"button",
|
|
17421
17520
|
{
|
|
17422
17521
|
className: [UpcomingTasks_default.itemAction, shared_default.itemAction].join(" "),
|
|
@@ -17427,7 +17526,7 @@ function UpcomingTasks({
|
|
|
17427
17526
|
/* @__PURE__ */ jsx116("time", { className: UpcomingTasks_default.time, children: task.time })
|
|
17428
17527
|
]
|
|
17429
17528
|
}
|
|
17430
|
-
) : /* @__PURE__ */
|
|
17529
|
+
) : /* @__PURE__ */ jsxs94("div", { className: UpcomingTasks_default.itemBody, children: [
|
|
17431
17530
|
/* @__PURE__ */ jsx116(TaskCopy, { task }),
|
|
17432
17531
|
/* @__PURE__ */ jsx116("time", { className: UpcomingTasks_default.time, children: task.time })
|
|
17433
17532
|
] })
|
|
@@ -17444,17 +17543,17 @@ function UpcomingTasks({
|
|
|
17444
17543
|
}
|
|
17445
17544
|
|
|
17446
17545
|
// ../../components/RecentActivity/RecentActivity.module.css
|
|
17447
|
-
var RecentActivity_default = {"
|
|
17546
|
+
var RecentActivity_default = {"item":"opus_PR08Ax_item","header":"opus_PR08Ax_header","copy":"opus_PR08Ax_copy","itemTitle":"opus_PR08Ax_itemTitle","itemSubtitle":"opus_PR08Ax_itemSubtitle","time":"opus_PR08Ax_time","itemAction":"opus_PR08Ax_itemAction","iconWrap":"opus_PR08Ax_iconWrap","title":"opus_PR08Ax_title","root":"opus_PR08Ax_root","list":"opus_PR08Ax_list"};
|
|
17448
17547
|
|
|
17449
17548
|
// ../../components/RecentActivity/RecentActivity.tsx
|
|
17450
|
-
import { Fragment as Fragment17, jsx as jsx117, jsxs as
|
|
17549
|
+
import { Fragment as Fragment17, jsx as jsx117, jsxs as jsxs95 } from "react/jsx-runtime";
|
|
17451
17550
|
function ActivityRow({
|
|
17452
17551
|
item,
|
|
17453
17552
|
onItemClick
|
|
17454
17553
|
}) {
|
|
17455
|
-
const content = /* @__PURE__ */
|
|
17554
|
+
const content = /* @__PURE__ */ jsxs95(Fragment17, { children: [
|
|
17456
17555
|
/* @__PURE__ */ jsx117("span", { className: [RecentActivity_default.iconWrap, shared_default.iconWrap].join(" "), "data-tone": item.iconTone, children: /* @__PURE__ */ jsx117(CatalogIcon, { iconName: item.icon }) }),
|
|
17457
|
-
/* @__PURE__ */
|
|
17556
|
+
/* @__PURE__ */ jsxs95("div", { className: RecentActivity_default.copy, children: [
|
|
17458
17557
|
/* @__PURE__ */ jsx117("span", { className: RecentActivity_default.itemTitle, children: item.title }),
|
|
17459
17558
|
/* @__PURE__ */ jsx117("span", { className: RecentActivity_default.itemSubtitle, children: item.subtitle })
|
|
17460
17559
|
] }),
|
|
@@ -17482,7 +17581,7 @@ function RecentActivity({
|
|
|
17482
17581
|
onItemClick,
|
|
17483
17582
|
title = "Recent Activity"
|
|
17484
17583
|
}) {
|
|
17485
|
-
return /* @__PURE__ */
|
|
17584
|
+
return /* @__PURE__ */ jsxs95("div", { className: [RecentActivity_default.root, className].filter(Boolean).join(" "), children: [
|
|
17486
17585
|
/* @__PURE__ */ jsx117("header", { className: RecentActivity_default.header, children: /* @__PURE__ */ jsx117("h3", { className: RecentActivity_default.title, children: title }) }),
|
|
17487
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)) }),
|
|
17488
17587
|
/* @__PURE__ */ jsx117(
|
|
@@ -17497,18 +17596,18 @@ function RecentActivity({
|
|
|
17497
17596
|
}
|
|
17498
17597
|
|
|
17499
17598
|
// ../../components/NoteComposer/NoteComposer.tsx
|
|
17500
|
-
import { useLayoutEffect as useLayoutEffect11, useRef as
|
|
17599
|
+
import { useLayoutEffect as useLayoutEffect11, useRef as useRef41, useState as useState51 } from "react";
|
|
17501
17600
|
|
|
17502
17601
|
// ../../components/EmojiPicker/EmojiPicker.tsx
|
|
17503
17602
|
import {
|
|
17504
17603
|
cloneElement as cloneElement3,
|
|
17505
17604
|
isValidElement as isValidElement3,
|
|
17506
|
-
useEffect as
|
|
17605
|
+
useEffect as useEffect39,
|
|
17507
17606
|
useId as useId26,
|
|
17508
17607
|
useLayoutEffect as useLayoutEffect10,
|
|
17509
17608
|
useMemo as useMemo21,
|
|
17510
|
-
useRef as
|
|
17511
|
-
useState as
|
|
17609
|
+
useRef as useRef39,
|
|
17610
|
+
useState as useState49
|
|
17512
17611
|
} from "react";
|
|
17513
17612
|
import { createPortal as createPortal6 } from "react-dom";
|
|
17514
17613
|
|
|
@@ -39239,10 +39338,10 @@ function opusThemeTokens(theme) {
|
|
|
39239
39338
|
}
|
|
39240
39339
|
|
|
39241
39340
|
// ../../components/EmojiPicker/EmojiPicker.module.css
|
|
39242
|
-
var EmojiPicker_default = {"
|
|
39341
|
+
var EmojiPicker_default = {"panel":"opus__tyRxw_panel","root":"opus__tyRxw_root","search":"opus__tyRxw_search","empty":"opus__tyRxw_empty","emojiButton":"opus__tyRxw_emojiButton","categoryButton":"opus__tyRxw_categoryButton","categories":"opus__tyRxw_categories","srOnly":"opus__tyRxw_srOnly","searchHint":"opus__tyRxw_searchHint","grid":"opus__tyRxw_grid"};
|
|
39243
39342
|
|
|
39244
39343
|
// ../../components/EmojiPicker/EmojiPicker.tsx
|
|
39245
|
-
import { jsx as jsx118, jsxs as
|
|
39344
|
+
import { jsx as jsx118, jsxs as jsxs96 } from "react/jsx-runtime";
|
|
39246
39345
|
var DEFAULT_CATEGORY = "smileys";
|
|
39247
39346
|
function resolveDefaultCategory(recentEmojis) {
|
|
39248
39347
|
return recentEmojis.length ? "recent" : DEFAULT_CATEGORY;
|
|
@@ -39277,15 +39376,15 @@ function EmojiPicker({
|
|
|
39277
39376
|
}) {
|
|
39278
39377
|
const theme = useOpusTheme();
|
|
39279
39378
|
const panelId = useId26();
|
|
39280
|
-
const rootRef =
|
|
39281
|
-
const panelRef =
|
|
39282
|
-
const searchRef =
|
|
39283
|
-
const [internalOpen, setInternalOpen] =
|
|
39284
|
-
const [portalReady, setPortalReady] =
|
|
39285
|
-
const [portalStyle, setPortalStyle] =
|
|
39286
|
-
const [query, setQuery] =
|
|
39287
|
-
const [activeCategory, setActiveCategory] =
|
|
39288
|
-
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([]);
|
|
39289
39388
|
const controlled = open !== void 0;
|
|
39290
39389
|
const visible = controlled ? open : internalOpen;
|
|
39291
39390
|
const hasRecentEmojis = recentEmojis.length > 0;
|
|
@@ -39341,7 +39440,7 @@ function EmojiPicker({
|
|
|
39341
39440
|
onSelect(emoji);
|
|
39342
39441
|
setVisible(false);
|
|
39343
39442
|
};
|
|
39344
|
-
|
|
39443
|
+
useEffect39(() => {
|
|
39345
39444
|
if (!visible) {
|
|
39346
39445
|
return;
|
|
39347
39446
|
}
|
|
@@ -39349,7 +39448,7 @@ function EmojiPicker({
|
|
|
39349
39448
|
setRecentEmojis(nextRecentEmojis);
|
|
39350
39449
|
setActiveCategory(resolveDefaultCategory(nextRecentEmojis));
|
|
39351
39450
|
}, [visible]);
|
|
39352
|
-
|
|
39451
|
+
useEffect39(() => {
|
|
39353
39452
|
const timeout = window.setTimeout(() => setPortalReady(true), 0);
|
|
39354
39453
|
return () => window.clearTimeout(timeout);
|
|
39355
39454
|
}, []);
|
|
@@ -39380,7 +39479,7 @@ function EmojiPicker({
|
|
|
39380
39479
|
window.removeEventListener("scroll", updatePosition, true);
|
|
39381
39480
|
};
|
|
39382
39481
|
}, [placement, visible, query, activeCategory, searching, recentEmojis.length, categoryTabs.length]);
|
|
39383
|
-
|
|
39482
|
+
useEffect39(() => {
|
|
39384
39483
|
if (!visible) {
|
|
39385
39484
|
return;
|
|
39386
39485
|
}
|
|
@@ -39414,7 +39513,7 @@ function EmojiPicker({
|
|
|
39414
39513
|
}), portalStyle.width ? { width: portalStyle.width } : {}), {
|
|
39415
39514
|
visibility: "visible"
|
|
39416
39515
|
}) : { left: 0, top: 0, visibility: "hidden" };
|
|
39417
|
-
const panel = visible ? /* @__PURE__ */
|
|
39516
|
+
const panel = visible ? /* @__PURE__ */ jsxs96(
|
|
39418
39517
|
"div",
|
|
39419
39518
|
{
|
|
39420
39519
|
"aria-label": "Emoji picker",
|
|
@@ -39488,7 +39587,7 @@ function EmojiPicker({
|
|
|
39488
39587
|
]
|
|
39489
39588
|
}
|
|
39490
39589
|
) : null;
|
|
39491
|
-
return /* @__PURE__ */
|
|
39590
|
+
return /* @__PURE__ */ jsxs96(
|
|
39492
39591
|
"div",
|
|
39493
39592
|
{
|
|
39494
39593
|
className: [EmojiPicker_default.root, className].filter(Boolean).join(" "),
|
|
@@ -39514,13 +39613,13 @@ function EmojiPicker({
|
|
|
39514
39613
|
}
|
|
39515
39614
|
|
|
39516
39615
|
// ../../components/NoteTag/NoteTag.tsx
|
|
39517
|
-
import { useEffect as
|
|
39616
|
+
import { useEffect as useEffect40, useMemo as useMemo22, useRef as useRef40, useState as useState50 } from "react";
|
|
39518
39617
|
|
|
39519
39618
|
// ../../components/NoteTag/NoteTag.module.css
|
|
39520
|
-
var NoteTag_default = {"
|
|
39619
|
+
var NoteTag_default = {"options":"opus__ZnbtA_options","removeButton":"opus__ZnbtA_removeButton","picker":"opus__ZnbtA_picker","tag":"opus__ZnbtA_tag","menuHeader":"opus__ZnbtA_menuHeader","list":"opus__ZnbtA_list","option":"opus__ZnbtA_option","menu":"opus__ZnbtA_menu"};
|
|
39521
39620
|
|
|
39522
39621
|
// ../../components/NoteTag/NoteTag.tsx
|
|
39523
|
-
import { jsx as jsx119, jsxs as
|
|
39622
|
+
import { jsx as jsx119, jsxs as jsxs97 } from "react/jsx-runtime";
|
|
39524
39623
|
var DEFAULT_NOTE_TAG_OPTIONS = [
|
|
39525
39624
|
{ id: "pricing", label: "Pricing", tone: "purple" },
|
|
39526
39625
|
{ id: "enterprise", label: "Enterprise", tone: "orange" },
|
|
@@ -39548,7 +39647,7 @@ function NoteTag({
|
|
|
39548
39647
|
tone
|
|
39549
39648
|
}) {
|
|
39550
39649
|
const tag = { id, label, tone };
|
|
39551
|
-
return /* @__PURE__ */
|
|
39650
|
+
return /* @__PURE__ */ jsxs97(
|
|
39552
39651
|
"span",
|
|
39553
39652
|
{
|
|
39554
39653
|
className: [NoteTag_default.tag, className].filter(Boolean).join(" "),
|
|
@@ -39599,10 +39698,10 @@ function NoteTagPicker({
|
|
|
39599
39698
|
options = DEFAULT_NOTE_TAG_OPTIONS,
|
|
39600
39699
|
selectedTags
|
|
39601
39700
|
}) {
|
|
39602
|
-
const rootRef =
|
|
39603
|
-
const [isOpen, setIsOpen] =
|
|
39701
|
+
const rootRef = useRef40(null);
|
|
39702
|
+
const [isOpen, setIsOpen] = useState50(false);
|
|
39604
39703
|
const selectedKeys = useMemo22(() => new Set(selectedTags.map(getTagKey)), [selectedTags]);
|
|
39605
|
-
|
|
39704
|
+
useEffect40(() => {
|
|
39606
39705
|
if (!isOpen) {
|
|
39607
39706
|
return;
|
|
39608
39707
|
}
|
|
@@ -39633,7 +39732,7 @@ function NoteTagPicker({
|
|
|
39633
39732
|
}
|
|
39634
39733
|
onChange([...selectedTags, tag]);
|
|
39635
39734
|
};
|
|
39636
|
-
return /* @__PURE__ */
|
|
39735
|
+
return /* @__PURE__ */ jsxs97("div", { className: NoteTag_default.picker, "data-note-tag-picker": "true", ref: rootRef, children: [
|
|
39637
39736
|
/* @__PURE__ */ jsx119(
|
|
39638
39737
|
"button",
|
|
39639
39738
|
{
|
|
@@ -39645,7 +39744,7 @@ function NoteTagPicker({
|
|
|
39645
39744
|
children: children != null ? children : label
|
|
39646
39745
|
}
|
|
39647
39746
|
),
|
|
39648
|
-
isOpen ? /* @__PURE__ */
|
|
39747
|
+
isOpen ? /* @__PURE__ */ jsxs97("div", { className: NoteTag_default.menu, role: "listbox", "aria-label": label, children: [
|
|
39649
39748
|
/* @__PURE__ */ jsx119("div", { className: NoteTag_default.menuHeader, children: "Tags" }),
|
|
39650
39749
|
/* @__PURE__ */ jsx119("div", { className: NoteTag_default.options, children: options.map((tag) => {
|
|
39651
39750
|
const selected = selectedKeys.has(getTagKey(tag));
|
|
@@ -39667,10 +39766,10 @@ function NoteTagPicker({
|
|
|
39667
39766
|
}
|
|
39668
39767
|
|
|
39669
39768
|
// ../../components/NoteComposer/NoteComposer.module.css
|
|
39670
|
-
var NoteComposer_default = {"saveButton":"opus_pQVlNo_saveButton","
|
|
39769
|
+
var NoteComposer_default = {"saveButton":"opus_pQVlNo_saveButton","selectedTags":"opus_pQVlNo_selectedTags","tools":"opus_pQVlNo_tools","textarea":"opus_pQVlNo_textarea","root":"opus_pQVlNo_root","footer":"opus_pQVlNo_footer","toolButton":"opus_pQVlNo_toolButton"};
|
|
39671
39770
|
|
|
39672
39771
|
// ../../components/NoteComposer/NoteComposer.tsx
|
|
39673
|
-
import { jsx as jsx120, jsxs as
|
|
39772
|
+
import { jsx as jsx120, jsxs as jsxs98 } from "react/jsx-runtime";
|
|
39674
39773
|
function NoteComposer({
|
|
39675
39774
|
className,
|
|
39676
39775
|
defaultValue = "",
|
|
@@ -39691,11 +39790,11 @@ function NoteComposer({
|
|
|
39691
39790
|
tagOptions = DEFAULT_NOTE_TAG_OPTIONS,
|
|
39692
39791
|
value
|
|
39693
39792
|
}) {
|
|
39694
|
-
const textareaRef =
|
|
39695
|
-
const selectionRef =
|
|
39696
|
-
const pendingCaretRef =
|
|
39697
|
-
const [internalValue, setInternalValue] =
|
|
39698
|
-
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([]);
|
|
39699
39798
|
const currentValue = value != null ? value : internalValue;
|
|
39700
39799
|
const currentTags = selectedTags != null ? selectedTags : internalTags;
|
|
39701
39800
|
const setValue = (nextValue) => {
|
|
@@ -39770,7 +39869,7 @@ function NoteComposer({
|
|
|
39770
39869
|
textarea.setSelectionRange(nextCaret, nextCaret);
|
|
39771
39870
|
selectionRef.current = { start: nextCaret, end: nextCaret };
|
|
39772
39871
|
}, [currentValue]);
|
|
39773
|
-
return /* @__PURE__ */
|
|
39872
|
+
return /* @__PURE__ */ jsxs98("div", { className: [NoteComposer_default.root, className].filter(Boolean).join(" "), children: [
|
|
39774
39873
|
/* @__PURE__ */ jsx120(
|
|
39775
39874
|
"textarea",
|
|
39776
39875
|
{
|
|
@@ -39795,8 +39894,8 @@ function NoteComposer({
|
|
|
39795
39894
|
tags: currentTags
|
|
39796
39895
|
}
|
|
39797
39896
|
) : null,
|
|
39798
|
-
/* @__PURE__ */
|
|
39799
|
-
/* @__PURE__ */
|
|
39897
|
+
/* @__PURE__ */ jsxs98("div", { className: NoteComposer_default.footer, children: [
|
|
39898
|
+
/* @__PURE__ */ jsxs98("div", { className: NoteComposer_default.tools, children: [
|
|
39800
39899
|
showAttach ? /* @__PURE__ */ jsx120(
|
|
39801
39900
|
"button",
|
|
39802
39901
|
{
|
|
@@ -39866,22 +39965,22 @@ function NoteComposer({
|
|
|
39866
39965
|
|
|
39867
39966
|
// ../../components/NotesActivity/NotesActivity.tsx
|
|
39868
39967
|
import {
|
|
39869
|
-
useCallback as
|
|
39870
|
-
useEffect as
|
|
39968
|
+
useCallback as useCallback25,
|
|
39969
|
+
useEffect as useEffect41,
|
|
39871
39970
|
useLayoutEffect as useLayoutEffect12,
|
|
39872
39971
|
useMemo as useMemo23,
|
|
39873
|
-
useRef as
|
|
39874
|
-
useState as
|
|
39972
|
+
useRef as useRef42,
|
|
39973
|
+
useState as useState52
|
|
39875
39974
|
} from "react";
|
|
39876
39975
|
|
|
39877
39976
|
// ../../components/ContentTimeline/ContentTimeline.tsx
|
|
39878
39977
|
import { Fragment as Fragment18 } from "react";
|
|
39879
39978
|
|
|
39880
39979
|
// ../../components/ContentTimeline/ContentTimeline.module.css
|
|
39881
|
-
var ContentTimeline_default = {"
|
|
39980
|
+
var ContentTimeline_default = {"time":"opus_vApy-v_time","tags":"opus_vApy-v_tags","list":"opus_vApy-v_list","title":"opus_vApy-v_title","content":"opus_vApy-v_content","tag":"opus_vApy-v_tag","children":"opus_vApy-v_children","description":"opus_vApy-v_description","markerSlot":"opus_vApy-v_markerSlot","line":"opus_vApy-v_line","item":"opus_vApy-v_item","body":"opus_vApy-v_body","metaRow":"opus_vApy-v_metaRow","itemAction":"opus_vApy-v_itemAction","statusDot":"opus_vApy-v_statusDot","itemFooter":"opus_vApy-v_itemFooter","rail":"opus_vApy-v_rail","head":"opus_vApy-v_head","dot":"opus_vApy-v_dot","groupLabel":"opus_vApy-v_groupLabel"};
|
|
39882
39981
|
|
|
39883
39982
|
// ../../components/ContentTimeline/ContentTimeline.tsx
|
|
39884
|
-
import { jsx as jsx121, jsxs as
|
|
39983
|
+
import { jsx as jsx121, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
39885
39984
|
function itemUsesAvatar(item, variant) {
|
|
39886
39985
|
if (variant === "default") {
|
|
39887
39986
|
return false;
|
|
@@ -39913,7 +40012,7 @@ function renderTimelineItem({
|
|
|
39913
40012
|
onKeyboardAction(item, index);
|
|
39914
40013
|
}
|
|
39915
40014
|
};
|
|
39916
|
-
return /* @__PURE__ */
|
|
40015
|
+
return /* @__PURE__ */ jsxs99(
|
|
39917
40016
|
"li",
|
|
39918
40017
|
{
|
|
39919
40018
|
className: ContentTimeline_default.item,
|
|
@@ -39937,25 +40036,25 @@ function renderTimelineItem({
|
|
|
39937
40036
|
role: isInteractive ? "listitem" : void 0,
|
|
39938
40037
|
tabIndex: isInteractive ? 0 : void 0,
|
|
39939
40038
|
children: [
|
|
39940
|
-
/* @__PURE__ */
|
|
40039
|
+
/* @__PURE__ */ jsxs99("div", { "aria-hidden": "true", className: ContentTimeline_default.rail, "data-content-timeline-rail": "true", children: [
|
|
39941
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 }) }),
|
|
39942
40041
|
!isLastInGroup || item.children || item.footer ? /* @__PURE__ */ jsx121("span", { className: ContentTimeline_default.line, "data-content-timeline-line": "true" }) : null
|
|
39943
40042
|
] }),
|
|
39944
|
-
/* @__PURE__ */
|
|
39945
|
-
/* @__PURE__ */
|
|
40043
|
+
/* @__PURE__ */ jsxs99("div", { className: ContentTimeline_default.body, "data-content-timeline-body": "true", children: [
|
|
40044
|
+
/* @__PURE__ */ jsxs99(
|
|
39946
40045
|
"div",
|
|
39947
40046
|
{
|
|
39948
40047
|
className: ContentTimeline_default.content,
|
|
39949
40048
|
"data-content-timeline-content": "true",
|
|
39950
40049
|
"data-has-footer": item.footer ? "true" : void 0,
|
|
39951
40050
|
children: [
|
|
39952
|
-
/* @__PURE__ */
|
|
40051
|
+
/* @__PURE__ */ jsxs99("div", { className: ContentTimeline_default.head, children: [
|
|
39953
40052
|
showAvatar && showStatus ? /* @__PURE__ */ jsx121("span", { "aria-hidden": "true", className: ContentTimeline_default.statusDot }) : null,
|
|
39954
40053
|
/* @__PURE__ */ jsx121("h3", { className: ContentTimeline_default.title, children: item.title }),
|
|
39955
40054
|
item.time ? /* @__PURE__ */ jsx121("time", { className: ContentTimeline_default.time, children: item.time }) : null
|
|
39956
40055
|
] }),
|
|
39957
40056
|
item.description ? /* @__PURE__ */ jsx121("p", { className: ContentTimeline_default.description, children: item.description }) : null,
|
|
39958
|
-
((_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: [
|
|
39959
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) => {
|
|
39960
40059
|
var _a3;
|
|
39961
40060
|
return __spreadProps(__spreadValues({}, tag), { tone: (_a3 = tag.tone) != null ? _a3 : "purple" });
|
|
@@ -39977,7 +40076,7 @@ function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, varian
|
|
|
39977
40076
|
const resolvedGroups = groups != null ? groups : items ? [{ items }] : [];
|
|
39978
40077
|
return /* @__PURE__ */ jsx121("ol", { className: ContentTimeline_default.list, "data-content-timeline-list": "true", children: resolvedGroups.map((group, groupIndex) => {
|
|
39979
40078
|
var _a2;
|
|
39980
|
-
return /* @__PURE__ */
|
|
40079
|
+
return /* @__PURE__ */ jsxs99(Fragment18, { children: [
|
|
39981
40080
|
group.label ? /* @__PURE__ */ jsx121("li", { "aria-hidden": "true", className: ContentTimeline_default.groupLabel, children: group.label }) : null,
|
|
39982
40081
|
group.items.map(
|
|
39983
40082
|
(item, index) => renderTimelineItem({
|
|
@@ -39995,10 +40094,10 @@ function ContentTimeline({ groups, items, onItemClick, onItemDoubleClick, varian
|
|
|
39995
40094
|
}
|
|
39996
40095
|
|
|
39997
40096
|
// ../../components/NotesActivity/NotesActivity.module.css
|
|
39998
|
-
var NotesActivity_default = {"
|
|
40097
|
+
var NotesActivity_default = {"composer":"opus_ThZ-Bi_composer","tabIcon":"opus_ThZ-Bi_tabIcon","replyBlock":"opus_ThZ-Bi_replyBlock","notesActivityEnterFromLeft":"opus_ThZ-Bi_notesActivityEnterFromLeft","footer":"opus_ThZ-Bi_footer","replyTags":"opus_ThZ-Bi_replyTags","replyInputShell":"opus_ThZ-Bi_replyInputShell","root":"opus_ThZ-Bi_root","notesActivityEnterFromRight":"opus_ThZ-Bi_notesActivityEnterFromRight","threadConnectors":"opus_ThZ-Bi_threadConnectors","replyTools":"opus_ThZ-Bi_replyTools","tabs":"opus_ThZ-Bi_tabs","replyInput":"opus_ThZ-Bi_replyInput","tab":"opus_ThZ-Bi_tab","replyToolButton":"opus_ThZ-Bi_replyToolButton","footerAction":"opus_ThZ-Bi_footerAction","feed":"opus_ThZ-Bi_feed","replyComposer":"opus_ThZ-Bi_replyComposer","footerIcon":"opus_ThZ-Bi_footerIcon","threadItems":"opus_ThZ-Bi_threadItems"};
|
|
39999
40098
|
|
|
40000
40099
|
// ../../components/NotesActivity/NotesActivity.tsx
|
|
40001
|
-
import { Fragment as Fragment19, jsx as jsx122, jsxs as
|
|
40100
|
+
import { Fragment as Fragment19, jsx as jsx122, jsxs as jsxs100 } from "react/jsx-runtime";
|
|
40002
40101
|
function formatNoteTime(date) {
|
|
40003
40102
|
return `${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
|
|
40004
40103
|
}
|
|
@@ -40019,9 +40118,9 @@ function ThreadedTimeline({
|
|
|
40019
40118
|
onItemClick,
|
|
40020
40119
|
onItemDoubleClick
|
|
40021
40120
|
}) {
|
|
40022
|
-
const rootRef =
|
|
40023
|
-
const [connectorPaths, setConnectorPaths] =
|
|
40024
|
-
const measureConnectors =
|
|
40121
|
+
const rootRef = useRef42(null);
|
|
40122
|
+
const [connectorPaths, setConnectorPaths] = useState52([]);
|
|
40123
|
+
const measureConnectors = useCallback25(() => {
|
|
40025
40124
|
const root = rootRef.current;
|
|
40026
40125
|
if (!root) {
|
|
40027
40126
|
return;
|
|
@@ -40093,7 +40192,7 @@ function ThreadedTimeline({
|
|
|
40093
40192
|
window.removeEventListener("resize", measureConnectors);
|
|
40094
40193
|
};
|
|
40095
40194
|
}, [items, measureConnectors]);
|
|
40096
|
-
return /* @__PURE__ */
|
|
40195
|
+
return /* @__PURE__ */ jsxs100("div", { className: NotesActivity_default.threadItems, ref: rootRef, children: [
|
|
40097
40196
|
/* @__PURE__ */ jsx122(
|
|
40098
40197
|
"svg",
|
|
40099
40198
|
{
|
|
@@ -40128,7 +40227,7 @@ function InlineReplyComposer({
|
|
|
40128
40227
|
tagOptions,
|
|
40129
40228
|
value
|
|
40130
40229
|
}) {
|
|
40131
|
-
const textareaRef =
|
|
40230
|
+
const textareaRef = useRef42(null);
|
|
40132
40231
|
const hasTools = showAttach || showEmoji || showMention || showTags;
|
|
40133
40232
|
useLayoutEffect12(() => {
|
|
40134
40233
|
const textarea = textareaRef.current;
|
|
@@ -40173,14 +40272,14 @@ function InlineReplyComposer({
|
|
|
40173
40272
|
)
|
|
40174
40273
|
);
|
|
40175
40274
|
};
|
|
40176
|
-
return /* @__PURE__ */
|
|
40177
|
-
/* @__PURE__ */
|
|
40275
|
+
return /* @__PURE__ */ jsxs100("form", { className: NotesActivity_default.replyComposer, onSubmit, children: [
|
|
40276
|
+
/* @__PURE__ */ jsxs100(
|
|
40178
40277
|
"div",
|
|
40179
40278
|
{
|
|
40180
40279
|
className: NotesActivity_default.replyInputShell,
|
|
40181
40280
|
"data-has-tools": hasTools ? "true" : void 0,
|
|
40182
40281
|
children: [
|
|
40183
|
-
hasTools ? /* @__PURE__ */
|
|
40282
|
+
hasTools ? /* @__PURE__ */ jsxs100("div", { className: NotesActivity_default.replyTools, "aria-label": "Reply tools", children: [
|
|
40184
40283
|
showAttach ? /* @__PURE__ */ jsx122(
|
|
40185
40284
|
"button",
|
|
40186
40285
|
{
|
|
@@ -40362,22 +40461,22 @@ function NotesActivity({
|
|
|
40362
40461
|
showMention = true,
|
|
40363
40462
|
showTags = true
|
|
40364
40463
|
}) {
|
|
40365
|
-
const singleClickTimerRef =
|
|
40366
|
-
const [internalActiveTab, setInternalActiveTab] =
|
|
40464
|
+
const singleClickTimerRef = useRef42(null);
|
|
40465
|
+
const [internalActiveTab, setInternalActiveTab] = useState52(defaultTab);
|
|
40367
40466
|
const activeTab = controlledActiveTab != null ? controlledActiveTab : internalActiveTab;
|
|
40368
|
-
const [activeReplyNoteId, setActiveReplyNoteId] =
|
|
40467
|
+
const [activeReplyNoteId, setActiveReplyNoteId] = useState52(
|
|
40369
40468
|
null
|
|
40370
40469
|
);
|
|
40371
|
-
const [commentsByNoteId, setCommentsByNoteId] =
|
|
40470
|
+
const [commentsByNoteId, setCommentsByNoteId] = useState52(
|
|
40372
40471
|
{}
|
|
40373
40472
|
);
|
|
40374
|
-
const [createdNotes, setCreatedNotes] =
|
|
40375
|
-
const [draftsByNoteId, setDraftsByNoteId] =
|
|
40473
|
+
const [createdNotes, setCreatedNotes] = useState52([]);
|
|
40474
|
+
const [draftsByNoteId, setDraftsByNoteId] = useState52(
|
|
40376
40475
|
{}
|
|
40377
40476
|
);
|
|
40378
|
-
const [draftTagsByNoteId, setDraftTagsByNoteId] =
|
|
40379
|
-
const [topDraft, setTopDraft] =
|
|
40380
|
-
const [topTags, setTopTags] =
|
|
40477
|
+
const [draftTagsByNoteId, setDraftTagsByNoteId] = useState52({});
|
|
40478
|
+
const [topDraft, setTopDraft] = useState52("");
|
|
40479
|
+
const [topTags, setTopTags] = useState52([]);
|
|
40381
40480
|
const allItems = useMemo23(
|
|
40382
40481
|
() => [...createdNotes, ...items],
|
|
40383
40482
|
[createdNotes, items]
|
|
@@ -40525,14 +40624,14 @@ function NotesActivity({
|
|
|
40525
40624
|
setActiveReplyNoteId(null);
|
|
40526
40625
|
onOpenTask == null ? void 0 : onOpenTask(source);
|
|
40527
40626
|
};
|
|
40528
|
-
|
|
40627
|
+
useEffect41(() => {
|
|
40529
40628
|
return () => {
|
|
40530
40629
|
if (singleClickTimerRef.current !== null) {
|
|
40531
40630
|
window.clearTimeout(singleClickTimerRef.current);
|
|
40532
40631
|
}
|
|
40533
40632
|
};
|
|
40534
40633
|
}, []);
|
|
40535
|
-
|
|
40634
|
+
useEffect41(() => {
|
|
40536
40635
|
if (!activeReplyNoteId) {
|
|
40537
40636
|
return;
|
|
40538
40637
|
}
|
|
@@ -40555,143 +40654,151 @@ function NotesActivity({
|
|
|
40555
40654
|
const activeFooterLabel = activeTab === "notes" ? notesFooterLabel : activityFooterLabel;
|
|
40556
40655
|
const activeFooterHref = activeTab === "notes" ? notesFooterHref : activityFooterHref;
|
|
40557
40656
|
const activeFooterClick = activeTab === "notes" ? onNotesFooterClick : onActivityFooterClick;
|
|
40558
|
-
const footerContent = /* @__PURE__ */
|
|
40657
|
+
const footerContent = /* @__PURE__ */ jsxs100(Fragment19, { children: [
|
|
40559
40658
|
/* @__PURE__ */ jsx122("span", { children: activeFooterLabel }),
|
|
40560
40659
|
/* @__PURE__ */ jsx122("span", { "aria-hidden": "true", className: NotesActivity_default.footerIcon, children: /* @__PURE__ */ jsx122(CatalogIcon, { iconName: "arrow-right" }) })
|
|
40561
40660
|
] });
|
|
40562
|
-
return /* @__PURE__ */
|
|
40563
|
-
|
|
40564
|
-
|
|
40565
|
-
|
|
40566
|
-
|
|
40567
|
-
|
|
40568
|
-
|
|
40569
|
-
|
|
40570
|
-
"
|
|
40571
|
-
{
|
|
40572
|
-
"aria-selected": activeTab === tab,
|
|
40573
|
-
className: NotesActivity_default.tab,
|
|
40574
|
-
"data-active": activeTab === tab,
|
|
40575
|
-
onClick: () => setTab(tab),
|
|
40576
|
-
role: "tab",
|
|
40577
|
-
type: "button",
|
|
40578
|
-
children: [
|
|
40579
|
-
/* @__PURE__ */ jsx122("span", { "aria-hidden": "true", className: NotesActivity_default.tabIcon, children: /* @__PURE__ */ jsx122(
|
|
40580
|
-
CatalogIcon,
|
|
40581
|
-
{
|
|
40582
|
-
iconName: tab === "notes" ? "note-sticky" : "clock-rotate-left"
|
|
40583
|
-
}
|
|
40584
|
-
) }),
|
|
40585
|
-
tab === "notes" ? "Notes" : "Activity"
|
|
40586
|
-
]
|
|
40587
|
-
},
|
|
40588
|
-
tab
|
|
40589
|
-
))
|
|
40590
|
-
}
|
|
40591
|
-
),
|
|
40592
|
-
activeTab === "notes" ? /* @__PURE__ */ jsx122(
|
|
40593
|
-
NoteComposer,
|
|
40594
|
-
{
|
|
40595
|
-
className: NotesActivity_default.composer,
|
|
40596
|
-
onAttachClick: onNoteAttachClick,
|
|
40597
|
-
onChange: setTopDraft,
|
|
40598
|
-
onEmojiSelect: onNoteEmojiSelect,
|
|
40599
|
-
onMentionClick: onNoteMentionClick,
|
|
40600
|
-
onSave: handleTopLevelSave,
|
|
40601
|
-
onTagsChange: setTopTags,
|
|
40602
|
-
placeholder: composerPlaceholder,
|
|
40603
|
-
saveButtonLabel,
|
|
40604
|
-
selectedTags: topTags,
|
|
40605
|
-
showAttach,
|
|
40606
|
-
showEmoji,
|
|
40607
|
-
showMention,
|
|
40608
|
-
showTags,
|
|
40609
|
-
tagOptions: noteTagOptions,
|
|
40610
|
-
value: topDraft
|
|
40611
|
-
}
|
|
40612
|
-
) : null,
|
|
40613
|
-
/* @__PURE__ */ jsx122(
|
|
40614
|
-
CustomScrollbar,
|
|
40615
|
-
{
|
|
40616
|
-
label: "Notes and activity feed",
|
|
40617
|
-
className: NotesActivity_default.feed,
|
|
40618
|
-
orientation: "vertical",
|
|
40619
|
-
children: /* @__PURE__ */ jsx122(
|
|
40620
|
-
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",
|
|
40621
40670
|
{
|
|
40622
|
-
|
|
40623
|
-
|
|
40624
|
-
|
|
40625
|
-
|
|
40626
|
-
|
|
40627
|
-
|
|
40628
|
-
|
|
40629
|
-
|
|
40630
|
-
|
|
40631
|
-
|
|
40632
|
-
|
|
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,
|
|
40633
40686
|
{
|
|
40634
|
-
|
|
40635
|
-
onChange: (value) => {
|
|
40636
|
-
setDraftsByNoteId((current) => __spreadProps(__spreadValues({}, current), {
|
|
40637
|
-
[item.id]: value
|
|
40638
|
-
}));
|
|
40639
|
-
},
|
|
40640
|
-
onEmojiSelect: onNoteEmojiSelect,
|
|
40641
|
-
onMentionClick: onNoteMentionClick,
|
|
40642
|
-
onSubmit: (event) => handleThreadSubmit(item.id, event),
|
|
40643
|
-
onTagsChange: (tags) => {
|
|
40644
|
-
setDraftTagsByNoteId((current) => __spreadProps(__spreadValues({}, current), {
|
|
40645
|
-
[item.id]: tags
|
|
40646
|
-
}));
|
|
40647
|
-
},
|
|
40648
|
-
selectedTags: (_a2 = draftTagsByNoteId[item.id]) != null ? _a2 : [],
|
|
40649
|
-
showAttach,
|
|
40650
|
-
showEmoji,
|
|
40651
|
-
showMention,
|
|
40652
|
-
showTags,
|
|
40653
|
-
tagOptions: noteTagOptions,
|
|
40654
|
-
value: (_b2 = draftsByNoteId[item.id]) != null ? _b2 : ""
|
|
40687
|
+
iconName: tab === "notes" ? "note-sticky" : "clock-rotate-left"
|
|
40655
40688
|
}
|
|
40656
|
-
)
|
|
40657
|
-
|
|
40658
|
-
|
|
40659
|
-
|
|
40660
|
-
|
|
40661
|
-
|
|
40662
|
-
onItemDoubleClick: onOpenTask ? handleTimelineDoubleClick : void 0
|
|
40689
|
+
) }),
|
|
40690
|
+
tab === "notes" ? "Notes" : "Activity"
|
|
40691
|
+
]
|
|
40692
|
+
},
|
|
40693
|
+
tab
|
|
40694
|
+
))
|
|
40663
40695
|
}
|
|
40664
|
-
)
|
|
40665
|
-
|
|
40666
|
-
|
|
40667
|
-
|
|
40668
|
-
|
|
40669
|
-
|
|
40670
|
-
|
|
40671
|
-
|
|
40672
|
-
|
|
40673
|
-
|
|
40674
|
-
|
|
40675
|
-
|
|
40676
|
-
|
|
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
|
+
);
|
|
40677
40784
|
}
|
|
40678
40785
|
|
|
40679
40786
|
// ../../components/TopPerformingUsers/TopPerformingUsers.tsx
|
|
40680
40787
|
import { useMemo as useMemo24 } from "react";
|
|
40681
40788
|
|
|
40682
40789
|
// ../../components/TopPerformingUsers/TopPerformingUsers.module.css
|
|
40683
|
-
var TopPerformingUsers_default = {"
|
|
40790
|
+
var TopPerformingUsers_default = {"row":"opus_sYx0a6_row","root":"opus_sYx0a6_root","barFill":"opus_sYx0a6_barFill","list":"opus_sYx0a6_list","title":"opus_sYx0a6_title","item":"opus_sYx0a6_item","itemAction":"opus_sYx0a6_itemAction","barTrack":"opus_sYx0a6_barTrack","value":"opus_sYx0a6_value","header":"opus_sYx0a6_header","name":"opus_sYx0a6_name"};
|
|
40684
40791
|
|
|
40685
40792
|
// ../../components/TopPerformingUsers/TopPerformingUsers.tsx
|
|
40686
|
-
import { Fragment as Fragment20, jsx as jsx123, jsxs as
|
|
40793
|
+
import { Fragment as Fragment20, jsx as jsx123, jsxs as jsxs101 } from "react/jsx-runtime";
|
|
40687
40794
|
function PersonRow({
|
|
40688
40795
|
maxValue: maxValue2,
|
|
40689
40796
|
onPersonClick,
|
|
40690
40797
|
user
|
|
40691
40798
|
}) {
|
|
40692
|
-
const content = /* @__PURE__ */
|
|
40799
|
+
const content = /* @__PURE__ */ jsxs101(Fragment20, { children: [
|
|
40693
40800
|
/* @__PURE__ */ jsx123(Avatar, { name: user.name, size: "sm", src: user.src }),
|
|
40694
|
-
/* @__PURE__ */
|
|
40801
|
+
/* @__PURE__ */ jsxs101("div", { className: TopPerformingUsers_default.row, children: [
|
|
40695
40802
|
/* @__PURE__ */ jsx123("span", { className: TopPerformingUsers_default.name, children: user.name }),
|
|
40696
40803
|
/* @__PURE__ */ jsx123("div", { className: TopPerformingUsers_default.barTrack, children: /* @__PURE__ */ jsx123("span", { className: TopPerformingUsers_default.barFill, style: { width: `${user.value / maxValue2 * 100}%` } }) }),
|
|
40697
40804
|
/* @__PURE__ */ jsx123("span", { className: TopPerformingUsers_default.value, children: user.displayValue })
|
|
@@ -40724,7 +40831,7 @@ function TopPerformingUsers({
|
|
|
40724
40831
|
[users]
|
|
40725
40832
|
);
|
|
40726
40833
|
const visibleUsers = users.slice(0, 3);
|
|
40727
|
-
return /* @__PURE__ */
|
|
40834
|
+
return /* @__PURE__ */ jsxs101("div", { className: [TopPerformingUsers_default.root, className].filter(Boolean).join(" "), children: [
|
|
40728
40835
|
/* @__PURE__ */ jsx123("header", { className: TopPerformingUsers_default.header, children: /* @__PURE__ */ jsx123("h3", { className: TopPerformingUsers_default.title, children: title }) }),
|
|
40729
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)) }),
|
|
40730
40837
|
/* @__PURE__ */ jsx123(
|
|
@@ -40739,10 +40846,10 @@ function TopPerformingUsers({
|
|
|
40739
40846
|
}
|
|
40740
40847
|
|
|
40741
40848
|
// ../../components/UserProfileWidget/UserProfileWidget.module.css
|
|
40742
|
-
var UserProfileWidget_default = {"
|
|
40849
|
+
var UserProfileWidget_default = {"name":"opus_zjR1aT_name","copy":"opus_zjR1aT_copy","role":"opus_zjR1aT_role","chevronButton":"opus_zjR1aT_chevronButton","chevron":"opus_zjR1aT_chevron","avatarButton":"opus_zjR1aT_avatarButton","root":"opus_zjR1aT_root"};
|
|
40743
40850
|
|
|
40744
40851
|
// ../../components/UserProfileWidget/UserProfileWidget.tsx
|
|
40745
|
-
import { jsx as jsx124, jsxs as
|
|
40852
|
+
import { jsx as jsx124, jsxs as jsxs102 } from "react/jsx-runtime";
|
|
40746
40853
|
function UserProfileWidget({
|
|
40747
40854
|
avatarSize = "md",
|
|
40748
40855
|
className,
|
|
@@ -40765,7 +40872,7 @@ function UserProfileWidget({
|
|
|
40765
40872
|
onSelect: () => handleMenuSelect(item)
|
|
40766
40873
|
}));
|
|
40767
40874
|
const avatar = /* @__PURE__ */ jsx124(Avatar, { name, size: avatarSize, src });
|
|
40768
|
-
return /* @__PURE__ */
|
|
40875
|
+
return /* @__PURE__ */ jsxs102("div", { className: [UserProfileWidget_default.root, className].filter(Boolean).join(" "), children: [
|
|
40769
40876
|
onAvatarClick ? /* @__PURE__ */ jsx124(
|
|
40770
40877
|
"button",
|
|
40771
40878
|
{
|
|
@@ -40776,7 +40883,7 @@ function UserProfileWidget({
|
|
|
40776
40883
|
children: avatar
|
|
40777
40884
|
}
|
|
40778
40885
|
) : avatar,
|
|
40779
|
-
/* @__PURE__ */
|
|
40886
|
+
/* @__PURE__ */ jsxs102("div", { className: UserProfileWidget_default.copy, children: [
|
|
40780
40887
|
/* @__PURE__ */ jsx124("span", { className: UserProfileWidget_default.name, children: name }),
|
|
40781
40888
|
/* @__PURE__ */ jsx124("span", { className: UserProfileWidget_default.role, children: role })
|
|
40782
40889
|
] }),
|
|
@@ -40807,8 +40914,8 @@ function UserProfileWidget({
|
|
|
40807
40914
|
}
|
|
40808
40915
|
|
|
40809
40916
|
// ../../components/UserProfileWidget/ProfilePhotoUploadModal.tsx
|
|
40810
|
-
import { useEffect as
|
|
40811
|
-
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";
|
|
40812
40919
|
var defaultUserProfilePhotoUploadOptions = {
|
|
40813
40920
|
changeButtonLabel: "Change photo",
|
|
40814
40921
|
cropButtonLabel: "Apply crop",
|
|
@@ -40831,10 +40938,10 @@ function ProfilePhotoUploadModal({
|
|
|
40831
40938
|
value
|
|
40832
40939
|
}) {
|
|
40833
40940
|
var _a2;
|
|
40834
|
-
const [draftPhoto, setDraftPhoto] =
|
|
40835
|
-
const [cropAvailability, setCropAvailability] =
|
|
40941
|
+
const [draftPhoto, setDraftPhoto] = useState53(value != null ? value : "");
|
|
40942
|
+
const [cropAvailability, setCropAvailability] = useState53(null);
|
|
40836
40943
|
const resolvedOptions = __spreadValues(__spreadValues({}, defaultUserProfilePhotoUploadOptions), options);
|
|
40837
|
-
|
|
40944
|
+
useEffect42(() => {
|
|
40838
40945
|
if (open) {
|
|
40839
40946
|
setDraftPhoto(value != null ? value : "");
|
|
40840
40947
|
setCropAvailability(null);
|
|
@@ -40848,7 +40955,7 @@ function ProfilePhotoUploadModal({
|
|
|
40848
40955
|
return /* @__PURE__ */ jsx125(
|
|
40849
40956
|
Modal,
|
|
40850
40957
|
{
|
|
40851
|
-
actions: /* @__PURE__ */
|
|
40958
|
+
actions: /* @__PURE__ */ jsxs103(Fragment21, { children: [
|
|
40852
40959
|
/* @__PURE__ */ jsx125(Button, { type: "button", variant: "secondary", onClick: handleClose, children: (_a2 = options == null ? void 0 : options.cancelButtonLabel) != null ? _a2 : "Cancel" }),
|
|
40853
40960
|
(cropAvailability == null ? void 0 : cropAvailability.canApply) ? /* @__PURE__ */ jsx125(
|
|
40854
40961
|
Button,
|
|
@@ -40907,10 +41014,10 @@ function ProfilePhotoUploadModal({
|
|
|
40907
41014
|
}
|
|
40908
41015
|
|
|
40909
41016
|
// ../../components/ImageCropUploadWidget/ImageCropUploadWidget.module.css
|
|
40910
|
-
var ImageCropUploadWidget_default = {"
|
|
41017
|
+
var ImageCropUploadWidget_default = {"title":"opus_jO9vJQ_title","root":"opus_jO9vJQ_root","field":"opus_jO9vJQ_field"};
|
|
40911
41018
|
|
|
40912
41019
|
// ../../components/ImageCropUploadWidget/ImageCropUploadWidget.tsx
|
|
40913
|
-
import { jsx as jsx126, jsxs as
|
|
41020
|
+
import { jsx as jsx126, jsxs as jsxs104 } from "react/jsx-runtime";
|
|
40914
41021
|
function ImageCropUploadWidget({
|
|
40915
41022
|
changeButtonLabel,
|
|
40916
41023
|
className,
|
|
@@ -40945,17 +41052,17 @@ function ImageCropUploadWidget({
|
|
|
40945
41052
|
zoomLabel,
|
|
40946
41053
|
zoomStep
|
|
40947
41054
|
};
|
|
40948
|
-
return /* @__PURE__ */
|
|
41055
|
+
return /* @__PURE__ */ jsxs104("div", { className: [ImageCropUploadWidget_default.root, className].filter(Boolean).join(" "), children: [
|
|
40949
41056
|
title ? /* @__PURE__ */ jsx126("h3", { className: ImageCropUploadWidget_default.title, children: title }) : null,
|
|
40950
41057
|
/* @__PURE__ */ jsx126("div", { className: ImageCropUploadWidget_default.field, children: /* @__PURE__ */ jsx126(ImageCropUploadField, __spreadValues({}, fieldProps)) })
|
|
40951
41058
|
] });
|
|
40952
41059
|
}
|
|
40953
41060
|
|
|
40954
41061
|
// ../../components/DashboardContentContainer/DashboardContentContainer.module.css
|
|
40955
|
-
var DashboardContentContainer_default = {"
|
|
41062
|
+
var DashboardContentContainer_default = {"title":"opus_myuwZ6_title","container":"opus_myuwZ6_container"};
|
|
40956
41063
|
|
|
40957
41064
|
// ../../components/DashboardContentContainer/DashboardContentContainer.tsx
|
|
40958
|
-
import { jsx as jsx127, jsxs as
|
|
41065
|
+
import { jsx as jsx127, jsxs as jsxs105 } from "react/jsx-runtime";
|
|
40959
41066
|
function DashboardContentContainer({
|
|
40960
41067
|
children,
|
|
40961
41068
|
className,
|
|
@@ -40968,7 +41075,7 @@ function DashboardContentContainer({
|
|
|
40968
41075
|
title,
|
|
40969
41076
|
width = "widget"
|
|
40970
41077
|
}) {
|
|
40971
|
-
return /* @__PURE__ */
|
|
41078
|
+
return /* @__PURE__ */ jsxs105(
|
|
40972
41079
|
"article",
|
|
40973
41080
|
{
|
|
40974
41081
|
className: [DashboardContentContainer_default.container, className].filter(Boolean).join(" "),
|
|
@@ -40988,13 +41095,13 @@ function DashboardContentContainer({
|
|
|
40988
41095
|
}
|
|
40989
41096
|
|
|
40990
41097
|
// ../../components/PropertyInspector/PropertyInspector.tsx
|
|
40991
|
-
import { useMemo as useMemo25, useState as
|
|
41098
|
+
import { useMemo as useMemo25, useState as useState54 } from "react";
|
|
40992
41099
|
|
|
40993
41100
|
// ../../components/PropertyInspector/PropertyInspector.module.css
|
|
40994
|
-
var PropertyInspector_default = {"
|
|
41101
|
+
var PropertyInspector_default = {"group":"opus_IrN8Z8_group","checkbox":"opus_IrN8Z8_checkbox","root":"opus_IrN8Z8_root","search":"opus_IrN8Z8_search","searchRow":"opus_IrN8Z8_searchRow","rows":"opus_IrN8Z8_rows","value":"opus_IrN8Z8_value","input":"opus_IrN8Z8_input","select":"opus_IrN8Z8_select","label":"opus_IrN8Z8_label","valueCell":"opus_IrN8Z8_valueCell","groupHeader":"opus_IrN8Z8_groupHeader","row":"opus_IrN8Z8_row"};
|
|
40995
41102
|
|
|
40996
41103
|
// ../../components/PropertyInspector/PropertyInspector.tsx
|
|
40997
|
-
import { jsx as jsx128, jsxs as
|
|
41104
|
+
import { jsx as jsx128, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
40998
41105
|
function isSelectValue(value) {
|
|
40999
41106
|
return Boolean(value && typeof value === "object" && "options" in value);
|
|
41000
41107
|
}
|
|
@@ -41004,8 +41111,8 @@ function formatDisplay(value) {
|
|
|
41004
41111
|
return String(value);
|
|
41005
41112
|
}
|
|
41006
41113
|
function PropertyInspector({ items, onChange, searchable = false }) {
|
|
41007
|
-
const [query, setQuery] =
|
|
41008
|
-
const [collapsed, setCollapsed] =
|
|
41114
|
+
const [query, setQuery] = useState54("");
|
|
41115
|
+
const [collapsed, setCollapsed] = useState54(/* @__PURE__ */ new Set());
|
|
41009
41116
|
const filtered = useMemo25(() => {
|
|
41010
41117
|
const needle = query.trim().toLowerCase();
|
|
41011
41118
|
if (!needle) return items;
|
|
@@ -41035,7 +41142,7 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
41035
41142
|
return next;
|
|
41036
41143
|
});
|
|
41037
41144
|
}
|
|
41038
|
-
return /* @__PURE__ */
|
|
41145
|
+
return /* @__PURE__ */ jsxs106("div", { className: PropertyInspector_default.root, "aria-label": "Property inspector", children: [
|
|
41039
41146
|
searchable ? /* @__PURE__ */ jsx128("div", { className: PropertyInspector_default.searchRow, children: /* @__PURE__ */ jsx128(
|
|
41040
41147
|
"input",
|
|
41041
41148
|
{
|
|
@@ -41049,8 +41156,8 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
41049
41156
|
) }) : null,
|
|
41050
41157
|
groups.map(([group, groupItems]) => {
|
|
41051
41158
|
const isCollapsed = collapsed.has(group);
|
|
41052
|
-
return /* @__PURE__ */
|
|
41053
|
-
/* @__PURE__ */
|
|
41159
|
+
return /* @__PURE__ */ jsxs106("section", { className: PropertyInspector_default.group, children: [
|
|
41160
|
+
/* @__PURE__ */ jsxs106(
|
|
41054
41161
|
"button",
|
|
41055
41162
|
{
|
|
41056
41163
|
"aria-expanded": !isCollapsed,
|
|
@@ -41063,7 +41170,7 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
41063
41170
|
]
|
|
41064
41171
|
}
|
|
41065
41172
|
),
|
|
41066
|
-
!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: [
|
|
41067
41174
|
/* @__PURE__ */ jsx128("div", { className: PropertyInspector_default.label, role: "rowheader", children: item.label }),
|
|
41068
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(
|
|
41069
41176
|
"input",
|
|
@@ -41111,10 +41218,10 @@ function PropertyInspector({ items, onChange, searchable = false }) {
|
|
|
41111
41218
|
import { useMemo as useMemo26 } from "react";
|
|
41112
41219
|
|
|
41113
41220
|
// ../../components/FilterBuilder/FilterBuilder.module.css
|
|
41114
|
-
var FilterBuilder_default = {"
|
|
41221
|
+
var FilterBuilder_default = {"empty":"opus_CtJDHh_empty","remove":"opus_CtJDHh_remove","add":"opus_CtJDHh_add","root":"opus_CtJDHh_root","header":"opus_CtJDHh_header","expression":"opus_CtJDHh_expression","select":"opus_CtJDHh_select","outputLabel":"opus_CtJDHh_outputLabel","list":"opus_CtJDHh_list","joiner":"opus_CtJDHh_joiner","payload":"opus_CtJDHh_payload","input":"opus_CtJDHh_input","row":"opus_CtJDHh_row","title":"opus_CtJDHh_title","joinerSpacer":"opus_CtJDHh_joinerSpacer","output":"opus_CtJDHh_output","valuePlaceholder":"opus_CtJDHh_valuePlaceholder"};
|
|
41115
41222
|
|
|
41116
41223
|
// ../../components/FilterBuilder/FilterBuilder.tsx
|
|
41117
|
-
import { jsx as jsx129, jsxs as
|
|
41224
|
+
import { jsx as jsx129, jsxs as jsxs107 } from "react/jsx-runtime";
|
|
41118
41225
|
var operators = [
|
|
41119
41226
|
{ value: "eq", label: "equals" },
|
|
41120
41227
|
{ value: "neq", label: "not equals" },
|
|
@@ -41161,12 +41268,12 @@ function FilterBuilder({ conditions, fields, onChange }) {
|
|
|
41161
41268
|
),
|
|
41162
41269
|
[conditions]
|
|
41163
41270
|
);
|
|
41164
|
-
return /* @__PURE__ */
|
|
41165
|
-
/* @__PURE__ */
|
|
41271
|
+
return /* @__PURE__ */ jsxs107("div", { className: FilterBuilder_default.root, "aria-label": "Filter builder", children: [
|
|
41272
|
+
/* @__PURE__ */ jsxs107("div", { className: FilterBuilder_default.header, children: [
|
|
41166
41273
|
/* @__PURE__ */ jsx129("span", { className: FilterBuilder_default.title, children: "Filters" }),
|
|
41167
41274
|
/* @__PURE__ */ jsx129("button", { className: FilterBuilder_default.add, onClick: () => onChange([...conditions, createCondition(fields)]), type: "button", children: "Add filter" })
|
|
41168
41275
|
] }),
|
|
41169
|
-
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: [
|
|
41170
41277
|
index > 0 ? /* @__PURE__ */ jsx129("span", { className: FilterBuilder_default.joiner, children: "AND" }) : /* @__PURE__ */ jsx129("span", { className: FilterBuilder_default.joinerSpacer }),
|
|
41171
41278
|
/* @__PURE__ */ jsx129(
|
|
41172
41279
|
"select",
|
|
@@ -41209,7 +41316,7 @@ function FilterBuilder({ conditions, fields, onChange }) {
|
|
|
41209
41316
|
}
|
|
41210
41317
|
)
|
|
41211
41318
|
] }, condition.id)) }),
|
|
41212
|
-
/* @__PURE__ */
|
|
41319
|
+
/* @__PURE__ */ jsxs107("div", { className: FilterBuilder_default.output, "aria-label": "Filter output", children: [
|
|
41213
41320
|
/* @__PURE__ */ jsx129("div", { className: FilterBuilder_default.outputLabel, children: "Output" }),
|
|
41214
41321
|
/* @__PURE__ */ jsx129("p", { className: FilterBuilder_default.expression, children: expression }),
|
|
41215
41322
|
/* @__PURE__ */ jsx129("pre", { className: FilterBuilder_default.payload, tabIndex: 0, children: JSON.stringify(payload, null, 2) })
|
|
@@ -41221,10 +41328,10 @@ function FilterBuilder({ conditions, fields, onChange }) {
|
|
|
41221
41328
|
import { useMemo as useMemo27 } from "react";
|
|
41222
41329
|
|
|
41223
41330
|
// ../../components/QueryBuilder/QueryBuilder.module.css
|
|
41224
|
-
var QueryBuilder_default = {"
|
|
41331
|
+
var QueryBuilder_default = {"root":"opus_b7dZwd_root","output":"opus_b7dZwd_output","expression":"opus_b7dZwd_expression","payload":"opus_b7dZwd_payload","row":"opus_b7dZwd_row","select":"opus_b7dZwd_select","chipSpacer":"opus_b7dZwd_chipSpacer","empty":"opus_b7dZwd_empty","toolbar":"opus_b7dZwd_toolbar","selectNarrow":"opus_b7dZwd_selectNarrow","remove":"opus_b7dZwd_remove","list":"opus_b7dZwd_list","combinator":"opus_b7dZwd_combinator","chip":"opus_b7dZwd_chip","outputLabel":"opus_b7dZwd_outputLabel","add":"opus_b7dZwd_add","input":"opus_b7dZwd_input"};
|
|
41225
41332
|
|
|
41226
41333
|
// ../../components/QueryBuilder/QueryBuilder.tsx
|
|
41227
|
-
import { jsx as jsx130, jsxs as
|
|
41334
|
+
import { jsx as jsx130, jsxs as jsxs108 } from "react/jsx-runtime";
|
|
41228
41335
|
var operators2 = [
|
|
41229
41336
|
{ value: "eq", label: "=" },
|
|
41230
41337
|
{ value: "neq", label: "\u2260" },
|
|
@@ -41273,11 +41380,11 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
41273
41380
|
}),
|
|
41274
41381
|
[group]
|
|
41275
41382
|
);
|
|
41276
|
-
return /* @__PURE__ */
|
|
41277
|
-
/* @__PURE__ */
|
|
41278
|
-
/* @__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: [
|
|
41279
41386
|
"Match",
|
|
41280
|
-
/* @__PURE__ */
|
|
41387
|
+
/* @__PURE__ */ jsxs108(
|
|
41281
41388
|
"select",
|
|
41282
41389
|
{
|
|
41283
41390
|
"aria-label": "Combinator",
|
|
@@ -41293,7 +41400,7 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
41293
41400
|
] }),
|
|
41294
41401
|
/* @__PURE__ */ jsx130("button", { className: QueryBuilder_default.add, onClick: () => onChange(__spreadProps(__spreadValues({}, group), { rules: [...group.rules, createRule(fields)] })), type: "button", children: "Add rule" })
|
|
41295
41402
|
] }),
|
|
41296
|
-
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: [
|
|
41297
41404
|
index > 0 ? /* @__PURE__ */ jsx130("span", { className: QueryBuilder_default.chip, children: group.combinator.toUpperCase() }) : /* @__PURE__ */ jsx130("span", { className: QueryBuilder_default.chipSpacer }),
|
|
41298
41405
|
/* @__PURE__ */ jsx130(
|
|
41299
41406
|
"select",
|
|
@@ -41336,7 +41443,7 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
41336
41443
|
}
|
|
41337
41444
|
)
|
|
41338
41445
|
] }, rule.id)) }),
|
|
41339
|
-
/* @__PURE__ */
|
|
41446
|
+
/* @__PURE__ */ jsxs108("div", { className: QueryBuilder_default.output, "aria-label": "Query output", children: [
|
|
41340
41447
|
/* @__PURE__ */ jsx130("div", { className: QueryBuilder_default.outputLabel, children: "Output" }),
|
|
41341
41448
|
/* @__PURE__ */ jsx130("p", { className: QueryBuilder_default.expression, children: expression }),
|
|
41342
41449
|
/* @__PURE__ */ jsx130("pre", { className: QueryBuilder_default.payload, tabIndex: 0, children: JSON.stringify(payload, null, 2) })
|
|
@@ -41348,10 +41455,10 @@ function QueryBuilder({ fields, group, onChange }) {
|
|
|
41348
41455
|
import { useMemo as useMemo28 } from "react";
|
|
41349
41456
|
|
|
41350
41457
|
// ../../components/RuleBuilder/RuleBuilder.module.css
|
|
41351
|
-
var RuleBuilder_default = {"
|
|
41458
|
+
var RuleBuilder_default = {"cardTop":"opus_O61tUk_cardTop","action":"opus_O61tUk_action","expression":"opus_O61tUk_expression","field":"opus_O61tUk_field","subtitle":"opus_O61tUk_subtitle","add":"opus_O61tUk_add","outputLabel":"opus_O61tUk_outputLabel","name":"opus_O61tUk_name","input":"opus_O61tUk_input","priority":"opus_O61tUk_priority","select":"opus_O61tUk_select","enabled":"opus_O61tUk_enabled","title":"opus_O61tUk_title","actions":"opus_O61tUk_actions","output":"opus_O61tUk_output","card":"opus_O61tUk_card","empty":"opus_O61tUk_empty","header":"opus_O61tUk_header","root":"opus_O61tUk_root","payload":"opus_O61tUk_payload","list":"opus_O61tUk_list"};
|
|
41352
41459
|
|
|
41353
41460
|
// ../../components/RuleBuilder/RuleBuilder.tsx
|
|
41354
|
-
import { jsx as jsx131, jsxs as
|
|
41461
|
+
import { jsx as jsx131, jsxs as jsxs109 } from "react/jsx-runtime";
|
|
41355
41462
|
var effects = ["allow", "deny", "notify", "route"];
|
|
41356
41463
|
function createRule2(priority) {
|
|
41357
41464
|
return {
|
|
@@ -41391,9 +41498,9 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41391
41498
|
})),
|
|
41392
41499
|
[rules]
|
|
41393
41500
|
);
|
|
41394
|
-
return /* @__PURE__ */
|
|
41395
|
-
/* @__PURE__ */
|
|
41396
|
-
/* @__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: [
|
|
41397
41504
|
/* @__PURE__ */ jsx131("div", { className: RuleBuilder_default.title, children: "Rules" }),
|
|
41398
41505
|
/* @__PURE__ */ jsx131("p", { className: RuleBuilder_default.subtitle, children: "Ordered policies evaluated from top to bottom." })
|
|
41399
41506
|
] }),
|
|
@@ -41407,9 +41514,9 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41407
41514
|
}
|
|
41408
41515
|
)
|
|
41409
41516
|
] }),
|
|
41410
|
-
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__ */
|
|
41411
|
-
/* @__PURE__ */
|
|
41412
|
-
/* @__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: [
|
|
41413
41520
|
"#",
|
|
41414
41521
|
rule.priority
|
|
41415
41522
|
] }),
|
|
@@ -41422,7 +41529,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41422
41529
|
value: rule.name
|
|
41423
41530
|
}
|
|
41424
41531
|
),
|
|
41425
|
-
/* @__PURE__ */
|
|
41532
|
+
/* @__PURE__ */ jsxs109("label", { className: RuleBuilder_default.enabled, children: [
|
|
41426
41533
|
/* @__PURE__ */ jsx131(
|
|
41427
41534
|
"input",
|
|
41428
41535
|
{
|
|
@@ -41434,7 +41541,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41434
41541
|
"On"
|
|
41435
41542
|
] })
|
|
41436
41543
|
] }),
|
|
41437
|
-
/* @__PURE__ */
|
|
41544
|
+
/* @__PURE__ */ jsxs109("label", { className: RuleBuilder_default.field, children: [
|
|
41438
41545
|
"When",
|
|
41439
41546
|
/* @__PURE__ */ jsx131(
|
|
41440
41547
|
"input",
|
|
@@ -41445,7 +41552,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41445
41552
|
}
|
|
41446
41553
|
)
|
|
41447
41554
|
] }),
|
|
41448
|
-
/* @__PURE__ */
|
|
41555
|
+
/* @__PURE__ */ jsxs109("label", { className: RuleBuilder_default.field, children: [
|
|
41449
41556
|
"Then",
|
|
41450
41557
|
/* @__PURE__ */ jsx131(
|
|
41451
41558
|
"select",
|
|
@@ -41457,7 +41564,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41457
41564
|
}
|
|
41458
41565
|
)
|
|
41459
41566
|
] }),
|
|
41460
|
-
/* @__PURE__ */
|
|
41567
|
+
/* @__PURE__ */ jsxs109("div", { className: RuleBuilder_default.actions, children: [
|
|
41461
41568
|
/* @__PURE__ */ jsx131("button", { className: RuleBuilder_default.action, disabled: index === 0, onClick: () => move(rule.id, -1), type: "button", children: "\u2191" }),
|
|
41462
41569
|
/* @__PURE__ */ jsx131(
|
|
41463
41570
|
"button",
|
|
@@ -41482,7 +41589,7 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41482
41589
|
)
|
|
41483
41590
|
] })
|
|
41484
41591
|
] }, rule.id)) }),
|
|
41485
|
-
/* @__PURE__ */
|
|
41592
|
+
/* @__PURE__ */ jsxs109("div", { className: RuleBuilder_default.output, "aria-label": "Rule output", children: [
|
|
41486
41593
|
/* @__PURE__ */ jsx131("div", { className: RuleBuilder_default.outputLabel, children: "Output" }),
|
|
41487
41594
|
/* @__PURE__ */ jsx131("p", { className: RuleBuilder_default.expression, children: expression }),
|
|
41488
41595
|
/* @__PURE__ */ jsx131("pre", { className: RuleBuilder_default.payload, tabIndex: 0, children: JSON.stringify(payload, null, 2) })
|
|
@@ -41491,18 +41598,18 @@ function RuleBuilder({ onChange, rules }) {
|
|
|
41491
41598
|
}
|
|
41492
41599
|
|
|
41493
41600
|
// ../../components/PermissionsMatrix/PermissionsMatrix.module.css
|
|
41494
|
-
var PermissionsMatrix_default = {"
|
|
41601
|
+
var PermissionsMatrix_default = {"select":"opus_x-xBrX_select","corner":"opus_x-xBrX_corner","scroll":"opus_x-xBrX_scroll","cell":"opus_x-xBrX_cell","head":"opus_x-xBrX_head","rowHead":"opus_x-xBrX_rowHead","root":"opus_x-xBrX_root","table":"opus_x-xBrX_table"};
|
|
41495
41602
|
|
|
41496
41603
|
// ../../components/PermissionsMatrix/PermissionsMatrix.tsx
|
|
41497
|
-
import { jsx as jsx132, jsxs as
|
|
41604
|
+
import { jsx as jsx132, jsxs as jsxs110 } from "react/jsx-runtime";
|
|
41498
41605
|
var levels = ["none", "read", "write", "admin"];
|
|
41499
41606
|
function PermissionsMatrix({ onChange, permissions, resources, roles }) {
|
|
41500
|
-
return /* @__PURE__ */ jsx132("div", { className: PermissionsMatrix_default.root, "aria-label": "Permissions matrix", children: /* @__PURE__ */ jsx132("div", { className: PermissionsMatrix_default.scroll, children: /* @__PURE__ */
|
|
41501
|
-
/* @__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: [
|
|
41502
41609
|
/* @__PURE__ */ jsx132("th", { className: PermissionsMatrix_default.corner, children: "Role / Resource" }),
|
|
41503
41610
|
resources.map((resource) => /* @__PURE__ */ jsx132("th", { className: PermissionsMatrix_default.head, children: resource }, resource))
|
|
41504
41611
|
] }) }),
|
|
41505
|
-
/* @__PURE__ */ jsx132("tbody", { children: roles.map((role) => /* @__PURE__ */
|
|
41612
|
+
/* @__PURE__ */ jsx132("tbody", { children: roles.map((role) => /* @__PURE__ */ jsxs110("tr", { children: [
|
|
41506
41613
|
/* @__PURE__ */ jsx132("th", { className: PermissionsMatrix_default.rowHead, scope: "row", children: role }),
|
|
41507
41614
|
resources.map((resource) => {
|
|
41508
41615
|
var _a2, _b2;
|
|
@@ -41524,13 +41631,13 @@ function PermissionsMatrix({ onChange, permissions, resources, roles }) {
|
|
|
41524
41631
|
}
|
|
41525
41632
|
|
|
41526
41633
|
// ../../components/DualListBuilder/DualListBuilder.tsx
|
|
41527
|
-
import { useMemo as useMemo29, useState as
|
|
41634
|
+
import { useMemo as useMemo29, useState as useState55 } from "react";
|
|
41528
41635
|
|
|
41529
41636
|
// ../../components/DualListBuilder/DualListBuilder.module.css
|
|
41530
|
-
var DualListBuilder_default = {"
|
|
41637
|
+
var DualListBuilder_default = {"control":"opus_P6crEX_control","output":"opus_P6crEX_output","itemActive":"opus_P6crEX_itemActive","controls":"opus_P6crEX_controls","searchRow":"opus_P6crEX_searchRow","outputLabel":"opus_P6crEX_outputLabel","count":"opus_P6crEX_count","columns":"opus_P6crEX_columns","item":"opus_P6crEX_item","expression":"opus_P6crEX_expression","columnTitle":"opus_P6crEX_columnTitle","payload":"opus_P6crEX_payload","column":"opus_P6crEX_column","list":"opus_P6crEX_list","root":"opus_P6crEX_root","search":"opus_P6crEX_search"};
|
|
41531
41638
|
|
|
41532
41639
|
// ../../components/DualListBuilder/DualListBuilder.tsx
|
|
41533
|
-
import { jsx as jsx133, jsxs as
|
|
41640
|
+
import { jsx as jsx133, jsxs as jsxs111 } from "react/jsx-runtime";
|
|
41534
41641
|
function DualListBuilder({
|
|
41535
41642
|
available,
|
|
41536
41643
|
availableTitle = "Available",
|
|
@@ -41538,9 +41645,9 @@ function DualListBuilder({
|
|
|
41538
41645
|
selectedIds,
|
|
41539
41646
|
selectedTitle = "Selected"
|
|
41540
41647
|
}) {
|
|
41541
|
-
const [query, setQuery] =
|
|
41542
|
-
const [activeAvailable, setActiveAvailable] =
|
|
41543
|
-
const [activeSelected, setActiveSelected] =
|
|
41648
|
+
const [query, setQuery] = useState55("");
|
|
41649
|
+
const [activeAvailable, setActiveAvailable] = useState55([]);
|
|
41650
|
+
const [activeSelected, setActiveSelected] = useState55([]);
|
|
41544
41651
|
const byId = useMemo29(() => new Map(available.map((item) => [item.id, item])), [available]);
|
|
41545
41652
|
const selectedSet = useMemo29(() => new Set(selectedIds), [selectedIds]);
|
|
41546
41653
|
const availableItems = useMemo29(() => {
|
|
@@ -41580,7 +41687,7 @@ function DualListBuilder({
|
|
|
41580
41687
|
onChange([]);
|
|
41581
41688
|
setActiveSelected([]);
|
|
41582
41689
|
}
|
|
41583
|
-
return /* @__PURE__ */
|
|
41690
|
+
return /* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.root, "aria-label": "Dual list builder", children: [
|
|
41584
41691
|
/* @__PURE__ */ jsx133("div", { className: DualListBuilder_default.searchRow, children: /* @__PURE__ */ jsx133(
|
|
41585
41692
|
"input",
|
|
41586
41693
|
{
|
|
@@ -41592,7 +41699,7 @@ function DualListBuilder({
|
|
|
41592
41699
|
value: query
|
|
41593
41700
|
}
|
|
41594
41701
|
) }),
|
|
41595
|
-
/* @__PURE__ */
|
|
41702
|
+
/* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.columns, children: [
|
|
41596
41703
|
/* @__PURE__ */ jsx133(
|
|
41597
41704
|
ListColumn2,
|
|
41598
41705
|
{
|
|
@@ -41602,7 +41709,7 @@ function DualListBuilder({
|
|
|
41602
41709
|
onToggle: (id) => toggle(id, "available")
|
|
41603
41710
|
}
|
|
41604
41711
|
),
|
|
41605
|
-
/* @__PURE__ */
|
|
41712
|
+
/* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.controls, children: [
|
|
41606
41713
|
/* @__PURE__ */ jsx133("button", { className: DualListBuilder_default.control, onClick: moveRight, type: "button", children: "\u203A" }),
|
|
41607
41714
|
/* @__PURE__ */ jsx133("button", { className: DualListBuilder_default.control, onClick: moveAllRight, type: "button", children: "\xBB" }),
|
|
41608
41715
|
/* @__PURE__ */ jsx133("button", { className: DualListBuilder_default.control, onClick: moveLeft, type: "button", children: "\u2039" }),
|
|
@@ -41618,7 +41725,7 @@ function DualListBuilder({
|
|
|
41618
41725
|
}
|
|
41619
41726
|
)
|
|
41620
41727
|
] }),
|
|
41621
|
-
/* @__PURE__ */
|
|
41728
|
+
/* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.output, "aria-label": "Dual list output", children: [
|
|
41622
41729
|
/* @__PURE__ */ jsx133("div", { className: DualListBuilder_default.outputLabel, children: "Output" }),
|
|
41623
41730
|
/* @__PURE__ */ jsx133("p", { className: DualListBuilder_default.expression, children: expression }),
|
|
41624
41731
|
/* @__PURE__ */ jsx133("pre", { className: DualListBuilder_default.payload, tabIndex: 0, children: JSON.stringify(payload, null, 2) })
|
|
@@ -41631,8 +41738,8 @@ function ListColumn2({
|
|
|
41631
41738
|
onToggle,
|
|
41632
41739
|
title
|
|
41633
41740
|
}) {
|
|
41634
|
-
return /* @__PURE__ */
|
|
41635
|
-
/* @__PURE__ */
|
|
41741
|
+
return /* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.column, children: [
|
|
41742
|
+
/* @__PURE__ */ jsxs111("div", { className: DualListBuilder_default.columnTitle, children: [
|
|
41636
41743
|
title,
|
|
41637
41744
|
/* @__PURE__ */ jsx133("span", { className: DualListBuilder_default.count, children: items.length })
|
|
41638
41745
|
] }),
|
|
@@ -41656,10 +41763,10 @@ function ListColumn2({
|
|
|
41656
41763
|
import { useMemo as useMemo30 } from "react";
|
|
41657
41764
|
|
|
41658
41765
|
// ../../components/Scheduler/Scheduler.module.css
|
|
41659
|
-
var Scheduler_default = {"
|
|
41766
|
+
var Scheduler_default = {"eventTime":"opus_ZqbdMc_eventTime","dayHead":"opus_ZqbdMc_dayHead","event":"opus_ZqbdMc_event","eventTitle":"opus_ZqbdMc_eventTitle","cell":"opus_ZqbdMc_cell","corner":"opus_ZqbdMc_corner","grid":"opus_ZqbdMc_grid","time":"opus_ZqbdMc_time","root":"opus_ZqbdMc_root"};
|
|
41660
41767
|
|
|
41661
41768
|
// ../../components/Scheduler/Scheduler.tsx
|
|
41662
|
-
import { jsx as jsx134, jsxs as
|
|
41769
|
+
import { jsx as jsx134, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
41663
41770
|
var defaultDays = ["Mon", "Tue", "Wed", "Thu", "Fri"];
|
|
41664
41771
|
function Scheduler({
|
|
41665
41772
|
days = defaultDays,
|
|
@@ -41672,7 +41779,7 @@ function Scheduler({
|
|
|
41672
41779
|
for (let hour = startHour; hour <= endHour; hour += 1) list.push(hour);
|
|
41673
41780
|
return list;
|
|
41674
41781
|
}, [endHour, startHour]);
|
|
41675
|
-
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(
|
|
41676
41783
|
"div",
|
|
41677
41784
|
{
|
|
41678
41785
|
className: Scheduler_default.grid,
|
|
@@ -41683,7 +41790,7 @@ function Scheduler({
|
|
|
41683
41790
|
children: [
|
|
41684
41791
|
/* @__PURE__ */ jsx134("div", { className: Scheduler_default.corner }),
|
|
41685
41792
|
days.map((day) => /* @__PURE__ */ jsx134("div", { className: Scheduler_default.dayHead, children: day }, day)),
|
|
41686
|
-
hours.map((hour) => /* @__PURE__ */
|
|
41793
|
+
hours.map((hour) => /* @__PURE__ */ jsxs112("div", { className: Scheduler_default.contents, style: { display: "contents" }, children: [
|
|
41687
41794
|
/* @__PURE__ */ jsx134("div", { className: Scheduler_default.time, children: formatHour(hour) }),
|
|
41688
41795
|
days.map((_, dayIndex) => {
|
|
41689
41796
|
const cellEvents = events.filter(
|
|
@@ -41691,7 +41798,7 @@ function Scheduler({
|
|
|
41691
41798
|
);
|
|
41692
41799
|
return /* @__PURE__ */ jsx134("div", { className: Scheduler_default.cell, children: cellEvents.map((event) => {
|
|
41693
41800
|
var _a2, _b2;
|
|
41694
|
-
return /* @__PURE__ */
|
|
41801
|
+
return /* @__PURE__ */ jsxs112(
|
|
41695
41802
|
"div",
|
|
41696
41803
|
{
|
|
41697
41804
|
className: Scheduler_default.event,
|
|
@@ -41721,15 +41828,15 @@ function formatHour(hour) {
|
|
|
41721
41828
|
}
|
|
41722
41829
|
|
|
41723
41830
|
// ../../components/KanbanBoard/KanbanBoard.tsx
|
|
41724
|
-
import { useMemo as useMemo31, useState as
|
|
41831
|
+
import { useMemo as useMemo31, useState as useState56 } from "react";
|
|
41725
41832
|
|
|
41726
41833
|
// ../../components/KanbanBoard/KanbanBoard.module.css
|
|
41727
|
-
var KanbanBoard_default = {"
|
|
41834
|
+
var KanbanBoard_default = {"columnTitle":"opus_EUh8ei_columnTitle","cards":"opus_EUh8ei_cards","card":"opus_EUh8ei_card","cardMeta":"opus_EUh8ei_cardMeta","cardTitle":"opus_EUh8ei_cardTitle","root":"opus_EUh8ei_root","column":"opus_EUh8ei_column","count":"opus_EUh8ei_count","columnHeader":"opus_EUh8ei_columnHeader"};
|
|
41728
41835
|
|
|
41729
41836
|
// ../../components/KanbanBoard/KanbanBoard.tsx
|
|
41730
|
-
import { jsx as jsx135, jsxs as
|
|
41837
|
+
import { jsx as jsx135, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
41731
41838
|
function KanbanBoard({ cards, columns, onChange }) {
|
|
41732
|
-
const [draggingId, setDraggingId] =
|
|
41839
|
+
const [draggingId, setDraggingId] = useState56(null);
|
|
41733
41840
|
const cardLookup = useMemo31(() => cards, [cards]);
|
|
41734
41841
|
function moveCard(cardId, toColumnId) {
|
|
41735
41842
|
if (!onChange) return;
|
|
@@ -41742,7 +41849,7 @@ function KanbanBoard({ cards, columns, onChange }) {
|
|
|
41742
41849
|
)
|
|
41743
41850
|
);
|
|
41744
41851
|
}
|
|
41745
|
-
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(
|
|
41746
41853
|
"section",
|
|
41747
41854
|
{
|
|
41748
41855
|
className: KanbanBoard_default.column,
|
|
@@ -41757,7 +41864,7 @@ function KanbanBoard({ cards, columns, onChange }) {
|
|
|
41757
41864
|
setDraggingId(null);
|
|
41758
41865
|
},
|
|
41759
41866
|
children: [
|
|
41760
|
-
/* @__PURE__ */
|
|
41867
|
+
/* @__PURE__ */ jsxs113("header", { className: KanbanBoard_default.columnHeader, children: [
|
|
41761
41868
|
/* @__PURE__ */ jsx135("h3", { className: KanbanBoard_default.columnTitle, children: column.title }),
|
|
41762
41869
|
/* @__PURE__ */ jsx135("span", { className: KanbanBoard_default.count, children: column.cardIds.length })
|
|
41763
41870
|
] }),
|
|
@@ -41765,7 +41872,7 @@ function KanbanBoard({ cards, columns, onChange }) {
|
|
|
41765
41872
|
var _a2;
|
|
41766
41873
|
const card = cardLookup[cardId];
|
|
41767
41874
|
if (!card) return null;
|
|
41768
|
-
return /* @__PURE__ */ jsx135("li", { children: /* @__PURE__ */
|
|
41875
|
+
return /* @__PURE__ */ jsx135("li", { children: /* @__PURE__ */ jsxs113(
|
|
41769
41876
|
"article",
|
|
41770
41877
|
{
|
|
41771
41878
|
className: KanbanBoard_default.card,
|
|
@@ -41791,7 +41898,7 @@ function KanbanBoard({ cards, columns, onChange }) {
|
|
|
41791
41898
|
}
|
|
41792
41899
|
|
|
41793
41900
|
// ../../components/Calendar/Calendar.tsx
|
|
41794
|
-
import { useMemo as useMemo33, useState as
|
|
41901
|
+
import { useMemo as useMemo33, useState as useState58 } from "react";
|
|
41795
41902
|
|
|
41796
41903
|
// ../../components/Calendar/calendarTime.ts
|
|
41797
41904
|
function formatEventTimeRange(startTime, endTime) {
|
|
@@ -41830,13 +41937,13 @@ function sortEventsByTime(events) {
|
|
|
41830
41937
|
}
|
|
41831
41938
|
|
|
41832
41939
|
// ../../components/Calendar/CalendarDayModal.tsx
|
|
41833
|
-
import { useEffect as
|
|
41940
|
+
import { useEffect as useEffect43, useMemo as useMemo32, useState as useState57 } from "react";
|
|
41834
41941
|
|
|
41835
41942
|
// ../../components/Calendar/Calendar.module.css
|
|
41836
|
-
var Calendar_default = {"
|
|
41943
|
+
var Calendar_default = {"dayModalHeading":"opus_IjCc5M_dayModalHeading","dayModalList":"opus_IjCc5M_dayModalList","nav":"opus_IjCc5M_nav","monthSelect":"opus_IjCc5M_monthSelect","dayModalItemTime":"opus_IjCc5M_dayModalItemTime","dayModalEmpty":"opus_IjCc5M_dayModalEmpty","dayModalDot":"opus_IjCc5M_dayModalDot","root":"opus_IjCc5M_root","dayModalItem":"opus_IjCc5M_dayModalItem","weekdays":"opus_IjCc5M_weekdays","dot":"opus_IjCc5M_dot","dayModalFieldRow":"opus_IjCc5M_dayModalFieldRow","toolbar":"opus_IjCc5M_toolbar","dayModalItemBody":"opus_IjCc5M_dayModalItemBody","dayModal":"opus_IjCc5M_dayModal","dayNumber":"opus_IjCc5M_dayNumber","picker":"opus_IjCc5M_picker","weekday":"opus_IjCc5M_weekday","label":"opus_IjCc5M_label","dayModalNotice":"opus_IjCc5M_dayModalNotice","select":"opus_IjCc5M_select","empty":"opus_IjCc5M_empty","dayModalSection":"opus_IjCc5M_dayModalSection","day":"opus_IjCc5M_day","pickerField":"opus_IjCc5M_pickerField","yearSelect":"opus_IjCc5M_yearSelect","selected":"opus_IjCc5M_selected","srOnly":"opus_IjCc5M_srOnly","dayModalItemMeta":"opus_IjCc5M_dayModalItemMeta","grid":"opus_IjCc5M_grid","events":"opus_IjCc5M_events","dayModalItemTitle":"opus_IjCc5M_dayModalItemTitle","dayModalForm":"opus_IjCc5M_dayModalForm","today":"opus_IjCc5M_today","eventLabel":"opus_IjCc5M_eventLabel","event":"opus_IjCc5M_event","moreEvents":"opus_IjCc5M_moreEvents"};
|
|
41837
41944
|
|
|
41838
41945
|
// ../../components/Calendar/CalendarDayModal.tsx
|
|
41839
|
-
import { Fragment as Fragment22, jsx as jsx136, jsxs as
|
|
41946
|
+
import { Fragment as Fragment22, jsx as jsx136, jsxs as jsxs114 } from "react/jsx-runtime";
|
|
41840
41947
|
var toneOptions = ["Meeting", "Success", "Reminder", "Incident"];
|
|
41841
41948
|
var toneByLabel = {
|
|
41842
41949
|
Meeting: "accent",
|
|
@@ -41854,13 +41961,13 @@ function formatDayLabel(dateKey) {
|
|
|
41854
41961
|
});
|
|
41855
41962
|
}
|
|
41856
41963
|
function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
41857
|
-
const [title, setTitle] =
|
|
41858
|
-
const [startTime, setStartTime] =
|
|
41859
|
-
const [endTime, setEndTime] =
|
|
41860
|
-
const [toneLabel, setToneLabel] =
|
|
41861
|
-
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);
|
|
41862
41969
|
const scheduledEvents = useMemo32(() => sortEventsByTime(events), [events]);
|
|
41863
|
-
|
|
41970
|
+
useEffect43(() => {
|
|
41864
41971
|
setTitle("");
|
|
41865
41972
|
setStartTime("09:00");
|
|
41866
41973
|
setEndTime("10:00");
|
|
@@ -41886,7 +41993,7 @@ function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
|
41886
41993
|
return /* @__PURE__ */ jsx136(
|
|
41887
41994
|
Modal,
|
|
41888
41995
|
{
|
|
41889
|
-
actions: /* @__PURE__ */
|
|
41996
|
+
actions: /* @__PURE__ */ jsxs114(Fragment22, { children: [
|
|
41890
41997
|
/* @__PURE__ */ jsx136(Button, { variant: "secondary", onClick: onClose, children: "Close" }),
|
|
41891
41998
|
/* @__PURE__ */ jsx136(Button, { disabled: !title.trim(), variant: "primary", onClick: handleBook, children: "Add event" })
|
|
41892
41999
|
] }),
|
|
@@ -41895,24 +42002,24 @@ function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
|
41895
42002
|
open: Boolean(dateKey),
|
|
41896
42003
|
size: "medium",
|
|
41897
42004
|
title: dateKey ? formatDayLabel(dateKey) : "Day details",
|
|
41898
|
-
children: /* @__PURE__ */
|
|
41899
|
-
/* @__PURE__ */
|
|
42005
|
+
children: /* @__PURE__ */ jsxs114("div", { className: Calendar_default.dayModal, children: [
|
|
42006
|
+
/* @__PURE__ */ jsxs114("section", { className: Calendar_default.dayModalSection, children: [
|
|
41900
42007
|
/* @__PURE__ */ jsx136("h3", { className: Calendar_default.dayModalHeading, children: "Scheduled" }),
|
|
41901
42008
|
scheduledEvents.length > 0 ? /* @__PURE__ */ jsx136("ul", { className: Calendar_default.dayModalList, children: scheduledEvents.map((event) => {
|
|
41902
42009
|
var _a2, _b2;
|
|
41903
42010
|
const timeRange = formatEventTimeRange(event.startTime, event.endTime);
|
|
41904
|
-
return /* @__PURE__ */
|
|
42011
|
+
return /* @__PURE__ */ jsxs114("li", { className: Calendar_default.dayModalItem, "data-tone": (_a2 = event.tone) != null ? _a2 : "accent", children: [
|
|
41905
42012
|
/* @__PURE__ */ jsx136("span", { "aria-hidden": "true", className: Calendar_default.dayModalDot, "data-tone": (_b2 = event.tone) != null ? _b2 : "accent" }),
|
|
41906
|
-
/* @__PURE__ */
|
|
42013
|
+
/* @__PURE__ */ jsxs114("div", { className: Calendar_default.dayModalItemBody, children: [
|
|
41907
42014
|
timeRange ? /* @__PURE__ */ jsx136("span", { className: Calendar_default.dayModalItemTime, children: timeRange }) : null,
|
|
41908
42015
|
/* @__PURE__ */ jsx136("span", { className: Calendar_default.dayModalItemTitle, children: event.title })
|
|
41909
42016
|
] })
|
|
41910
42017
|
] }, event.id);
|
|
41911
42018
|
}) }) : /* @__PURE__ */ jsx136("p", { className: Calendar_default.dayModalEmpty, children: "No events scheduled for this day." })
|
|
41912
42019
|
] }),
|
|
41913
|
-
/* @__PURE__ */
|
|
42020
|
+
/* @__PURE__ */ jsxs114("section", { className: Calendar_default.dayModalSection, children: [
|
|
41914
42021
|
/* @__PURE__ */ jsx136("h3", { className: Calendar_default.dayModalHeading, children: "Book an event" }),
|
|
41915
|
-
/* @__PURE__ */
|
|
42022
|
+
/* @__PURE__ */ jsxs114("div", { className: Calendar_default.dayModalForm, children: [
|
|
41916
42023
|
/* @__PURE__ */ jsx136(
|
|
41917
42024
|
TextField,
|
|
41918
42025
|
{
|
|
@@ -41925,7 +42032,7 @@ function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
|
41925
42032
|
onChange: (event) => setTitle(event.target.value)
|
|
41926
42033
|
}
|
|
41927
42034
|
),
|
|
41928
|
-
/* @__PURE__ */
|
|
42035
|
+
/* @__PURE__ */ jsxs114("div", { className: Calendar_default.dayModalFieldRow, children: [
|
|
41929
42036
|
/* @__PURE__ */ jsx136(
|
|
41930
42037
|
DateField,
|
|
41931
42038
|
{
|
|
@@ -41969,7 +42076,7 @@ function CalendarDayModal({ dateKey, events, onBookEvent, onClose }) {
|
|
|
41969
42076
|
}
|
|
41970
42077
|
|
|
41971
42078
|
// ../../components/Calendar/Calendar.tsx
|
|
41972
|
-
import { Fragment as Fragment23, jsx as jsx137, jsxs as
|
|
42079
|
+
import { Fragment as Fragment23, jsx as jsx137, jsxs as jsxs115 } from "react/jsx-runtime";
|
|
41973
42080
|
var weekdayLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
|
|
41974
42081
|
var defaultMaxDayEvents = 3;
|
|
41975
42082
|
var monthLabels = Array.from(
|
|
@@ -41995,13 +42102,13 @@ function Calendar({
|
|
|
41995
42102
|
}) {
|
|
41996
42103
|
var _a2;
|
|
41997
42104
|
const today = useMemo33(() => /* @__PURE__ */ new Date(), []);
|
|
41998
|
-
const [cursor, setCursor] =
|
|
42105
|
+
const [cursor, setCursor] = useState58(() => ({
|
|
41999
42106
|
year: controlledYear != null ? controlledYear : today.getFullYear(),
|
|
42000
42107
|
month: controlledMonth != null ? controlledMonth : today.getMonth()
|
|
42001
42108
|
}));
|
|
42002
|
-
const [internalSelected, setInternalSelected] =
|
|
42003
|
-
const [activeDayKey, setActiveDayKey] =
|
|
42004
|
-
const [bookedEvents, setBookedEvents] =
|
|
42109
|
+
const [internalSelected, setInternalSelected] = useState58();
|
|
42110
|
+
const [activeDayKey, setActiveDayKey] = useState58(null);
|
|
42111
|
+
const [bookedEvents, setBookedEvents] = useState58([]);
|
|
42005
42112
|
const year = controlledYear != null ? controlledYear : cursor.year;
|
|
42006
42113
|
const month = controlledMonth != null ? controlledMonth : cursor.month;
|
|
42007
42114
|
const isControlled = controlledYear != null && controlledMonth != null;
|
|
@@ -42056,12 +42163,12 @@ function Calendar({
|
|
|
42056
42163
|
setBookedEvents((current) => [...current, event]);
|
|
42057
42164
|
onBookEvent == null ? void 0 : onBookEvent(event);
|
|
42058
42165
|
}
|
|
42059
|
-
return /* @__PURE__ */
|
|
42060
|
-
/* @__PURE__ */
|
|
42061
|
-
/* @__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: [
|
|
42062
42169
|
/* @__PURE__ */ jsx137("button", { "aria-label": "Previous month", className: Calendar_default.nav, onClick: () => shiftMonth(-1), type: "button", children: "\u2039" }),
|
|
42063
|
-
showMonthYearPicker ? /* @__PURE__ */
|
|
42064
|
-
/* @__PURE__ */
|
|
42170
|
+
showMonthYearPicker ? /* @__PURE__ */ jsxs115("div", { className: Calendar_default.picker, children: [
|
|
42171
|
+
/* @__PURE__ */ jsxs115("label", { className: Calendar_default.pickerField, children: [
|
|
42065
42172
|
/* @__PURE__ */ jsx137("span", { className: Calendar_default.srOnly, children: "Month" }),
|
|
42066
42173
|
/* @__PURE__ */ jsx137(
|
|
42067
42174
|
"select",
|
|
@@ -42075,7 +42182,7 @@ function Calendar({
|
|
|
42075
42182
|
}
|
|
42076
42183
|
)
|
|
42077
42184
|
] }),
|
|
42078
|
-
/* @__PURE__ */
|
|
42185
|
+
/* @__PURE__ */ jsxs115("label", { className: Calendar_default.pickerField, children: [
|
|
42079
42186
|
/* @__PURE__ */ jsx137("span", { className: Calendar_default.srOnly, children: "Year" }),
|
|
42080
42187
|
/* @__PURE__ */ jsx137(
|
|
42081
42188
|
"select",
|
|
@@ -42102,7 +42209,7 @@ function Calendar({
|
|
|
42102
42209
|
const hiddenEventCount = Math.max(dayEvents.length - visibleEvents.length, 0);
|
|
42103
42210
|
const isToday = today.getFullYear() === year && today.getMonth() === month && today.getDate() === day;
|
|
42104
42211
|
const isSelected = activeSelected === key;
|
|
42105
|
-
return /* @__PURE__ */
|
|
42212
|
+
return /* @__PURE__ */ jsxs115(
|
|
42106
42213
|
"button",
|
|
42107
42214
|
{
|
|
42108
42215
|
"aria-current": isToday ? "date" : void 0,
|
|
@@ -42117,10 +42224,10 @@ function Calendar({
|
|
|
42117
42224
|
type: "button",
|
|
42118
42225
|
children: [
|
|
42119
42226
|
/* @__PURE__ */ jsx137("span", { className: Calendar_default.dayNumber, children: day }),
|
|
42120
|
-
visibleEvents.length > 0 ? /* @__PURE__ */
|
|
42227
|
+
visibleEvents.length > 0 ? /* @__PURE__ */ jsxs115("span", { className: Calendar_default.events, children: [
|
|
42121
42228
|
visibleEvents.map((event) => {
|
|
42122
42229
|
var _a4;
|
|
42123
|
-
return /* @__PURE__ */
|
|
42230
|
+
return /* @__PURE__ */ jsxs115("span", { className: Calendar_default.event, children: [
|
|
42124
42231
|
/* @__PURE__ */ jsx137(
|
|
42125
42232
|
"span",
|
|
42126
42233
|
{
|
|
@@ -42132,7 +42239,7 @@ function Calendar({
|
|
|
42132
42239
|
/* @__PURE__ */ jsx137("span", { className: Calendar_default.eventLabel, children: event.title })
|
|
42133
42240
|
] }, event.id);
|
|
42134
42241
|
}),
|
|
42135
|
-
hiddenEventCount > 0 ? /* @__PURE__ */
|
|
42242
|
+
hiddenEventCount > 0 ? /* @__PURE__ */ jsxs115("span", { className: Calendar_default.moreEvents, children: [
|
|
42136
42243
|
"+",
|
|
42137
42244
|
hiddenEventCount,
|
|
42138
42245
|
" more"
|
|
@@ -42160,10 +42267,10 @@ function Calendar({
|
|
|
42160
42267
|
import { useMemo as useMemo34 } from "react";
|
|
42161
42268
|
|
|
42162
42269
|
// ../../components/ResourcePlanner/ResourcePlanner.module.css
|
|
42163
|
-
var ResourcePlanner_default = {"
|
|
42270
|
+
var ResourcePlanner_default = {"block":"opus_9Mof8o_block","track":"opus_9Mof8o_track","hour":"opus_9Mof8o_hour","root":"opus_9Mof8o_root","corner":"opus_9Mof8o_corner","resource":"opus_9Mof8o_resource","row":"opus_9Mof8o_row","header":"opus_9Mof8o_header","scroll":"opus_9Mof8o_scroll","lanes":"opus_9Mof8o_lanes","lane":"opus_9Mof8o_lane"};
|
|
42164
42271
|
|
|
42165
42272
|
// ../../components/ResourcePlanner/ResourcePlanner.tsx
|
|
42166
|
-
import { jsx as jsx138, jsxs as
|
|
42273
|
+
import { jsx as jsx138, jsxs as jsxs116 } from "react/jsx-runtime";
|
|
42167
42274
|
function ResourcePlanner({
|
|
42168
42275
|
endHour = 17,
|
|
42169
42276
|
items,
|
|
@@ -42176,19 +42283,19 @@ function ResourcePlanner({
|
|
|
42176
42283
|
return list;
|
|
42177
42284
|
}, [endHour, startHour]);
|
|
42178
42285
|
const span = Math.max(endHour - startHour, 1);
|
|
42179
|
-
return /* @__PURE__ */ jsx138("div", { className: ResourcePlanner_default.root, "aria-label": "Resource planner", children: /* @__PURE__ */
|
|
42180
|
-
/* @__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: [
|
|
42181
42288
|
/* @__PURE__ */ jsx138("div", { className: ResourcePlanner_default.corner, children: "Resource" }),
|
|
42182
|
-
hours.map((hour) => /* @__PURE__ */
|
|
42289
|
+
hours.map((hour) => /* @__PURE__ */ jsxs116("div", { className: ResourcePlanner_default.hour, children: [
|
|
42183
42290
|
(hour + 11) % 12 + 1,
|
|
42184
42291
|
hour >= 12 ? "p" : "a"
|
|
42185
42292
|
] }, hour))
|
|
42186
42293
|
] }),
|
|
42187
42294
|
resources.map((resource) => {
|
|
42188
42295
|
const rowItems = items.filter((item) => item.resourceId === resource.id);
|
|
42189
|
-
return /* @__PURE__ */
|
|
42296
|
+
return /* @__PURE__ */ jsxs116("div", { className: ResourcePlanner_default.row, style: { gridTemplateColumns: `9rem minmax(0, 1fr)` }, children: [
|
|
42190
42297
|
/* @__PURE__ */ jsx138("div", { className: ResourcePlanner_default.resource, children: resource.label }),
|
|
42191
|
-
/* @__PURE__ */
|
|
42298
|
+
/* @__PURE__ */ jsxs116("div", { className: ResourcePlanner_default.track, children: [
|
|
42192
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)) }),
|
|
42193
42300
|
rowItems.map((item) => {
|
|
42194
42301
|
var _a2;
|
|
@@ -42213,13 +42320,13 @@ function ResourcePlanner({
|
|
|
42213
42320
|
}
|
|
42214
42321
|
|
|
42215
42322
|
// ../../components/TreeView/TreeView.tsx
|
|
42216
|
-
import { useMemo as useMemo35, useState as
|
|
42323
|
+
import { useMemo as useMemo35, useState as useState59 } from "react";
|
|
42217
42324
|
|
|
42218
42325
|
// ../../components/TreeView/TreeView.module.css
|
|
42219
|
-
var TreeView_default = {"toggle":"opus_NlkzXy_toggle","
|
|
42326
|
+
var TreeView_default = {"toggle":"opus_NlkzXy_toggle","tree":"opus_NlkzXy_tree","leafMark":"opus_NlkzXy_leafMark","label":"opus_NlkzXy_label","node":"opus_NlkzXy_node","children":"opus_NlkzXy_children","row":"opus_NlkzXy_row"};
|
|
42220
42327
|
|
|
42221
42328
|
// ../../components/TreeView/TreeView.tsx
|
|
42222
|
-
import { jsx as jsx139, jsxs as
|
|
42329
|
+
import { jsx as jsx139, jsxs as jsxs117 } from "react/jsx-runtime";
|
|
42223
42330
|
function collectExpandableIds(nodes) {
|
|
42224
42331
|
var _a2;
|
|
42225
42332
|
const ids = [];
|
|
@@ -42240,8 +42347,8 @@ function TreeNode({
|
|
|
42240
42347
|
var _a2;
|
|
42241
42348
|
const hasChildren = Boolean((_a2 = node.children) == null ? void 0 : _a2.length);
|
|
42242
42349
|
const expanded = expandedIds.has(node.id);
|
|
42243
|
-
return /* @__PURE__ */
|
|
42244
|
-
/* @__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: [
|
|
42245
42352
|
hasChildren ? /* @__PURE__ */ jsx139(
|
|
42246
42353
|
"button",
|
|
42247
42354
|
{
|
|
@@ -42269,7 +42376,7 @@ function TreeNode({
|
|
|
42269
42376
|
}
|
|
42270
42377
|
function TreeView({ defaultExpandedIds, nodes }) {
|
|
42271
42378
|
const fallbackIds = useMemo35(() => collectExpandableIds(nodes).slice(0, 2), [nodes]);
|
|
42272
|
-
const [expandedIds, setExpandedIds] =
|
|
42379
|
+
const [expandedIds, setExpandedIds] = useState59(
|
|
42273
42380
|
() => new Set(defaultExpandedIds != null ? defaultExpandedIds : fallbackIds)
|
|
42274
42381
|
);
|
|
42275
42382
|
function toggle(id) {
|
|
@@ -42296,10 +42403,10 @@ function TreeView({ defaultExpandedIds, nodes }) {
|
|
|
42296
42403
|
}
|
|
42297
42404
|
|
|
42298
42405
|
// ../../components/MasonryGrid/MasonryGrid.module.css
|
|
42299
|
-
var MasonryGrid_default = {"grid":"opus_Fxxd7-_grid","
|
|
42406
|
+
var MasonryGrid_default = {"grid":"opus_Fxxd7-_grid","body":"opus_Fxxd7-_body","title":"opus_Fxxd7-_title","card":"opus_Fxxd7-_card"};
|
|
42300
42407
|
|
|
42301
42408
|
// ../../components/MasonryGrid/MasonryGrid.tsx
|
|
42302
|
-
import { jsx as jsx140, jsxs as
|
|
42409
|
+
import { jsx as jsx140, jsxs as jsxs118 } from "react/jsx-runtime";
|
|
42303
42410
|
function MasonryGrid({ columns = 3, gap = 12, items }) {
|
|
42304
42411
|
const safeColumns = Math.min(Math.max(Math.round(columns), 2), 4);
|
|
42305
42412
|
const safeGap = Math.min(Math.max(Math.round(gap), 8), 28);
|
|
@@ -42311,7 +42418,7 @@ function MasonryGrid({ columns = 3, gap = 12, items }) {
|
|
|
42311
42418
|
columnCount: safeColumns,
|
|
42312
42419
|
columnGap: `${safeGap}px`
|
|
42313
42420
|
},
|
|
42314
|
-
children: items.map((item, index) => /* @__PURE__ */
|
|
42421
|
+
children: items.map((item, index) => /* @__PURE__ */ jsxs118(
|
|
42315
42422
|
"article",
|
|
42316
42423
|
{
|
|
42317
42424
|
className: MasonryGrid_default.card,
|
|
@@ -42331,13 +42438,13 @@ function MasonryGrid({ columns = 3, gap = 12, items }) {
|
|
|
42331
42438
|
}
|
|
42332
42439
|
|
|
42333
42440
|
// ../../components/JsonViewer/JsonViewer.tsx
|
|
42334
|
-
import { useMemo as useMemo36, useState as
|
|
42441
|
+
import { useMemo as useMemo36, useState as useState60 } from "react";
|
|
42335
42442
|
|
|
42336
42443
|
// ../../components/JsonViewer/JsonViewer.module.css
|
|
42337
|
-
var JsonViewer_default = {"
|
|
42444
|
+
var JsonViewer_default = {"block":"opus_uLDgXq_block","string":"opus_uLDgXq_string","number":"opus_uLDgXq_number","boolean":"opus_uLDgXq_boolean","null":"opus_uLDgXq_null","root":"opus_uLDgXq_root","chevron":"opus_uLDgXq_chevron","toggleLine":"opus_uLDgXq_toggleLine","key":"opus_uLDgXq_key","line":"opus_uLDgXq_line","summary":"opus_uLDgXq_summary","children":"opus_uLDgXq_children"};
|
|
42338
42445
|
|
|
42339
42446
|
// ../../components/JsonViewer/JsonViewer.tsx
|
|
42340
|
-
import { jsx as jsx141, jsxs as
|
|
42447
|
+
import { jsx as jsx141, jsxs as jsxs119 } from "react/jsx-runtime";
|
|
42341
42448
|
function isPlainObject(value) {
|
|
42342
42449
|
return typeof value === "object" && value !== null && !Array.isArray(value);
|
|
42343
42450
|
}
|
|
@@ -42346,7 +42453,7 @@ function PrimitiveValue({ value }) {
|
|
|
42346
42453
|
return /* @__PURE__ */ jsx141("span", { className: JsonViewer_default.null, children: "null" });
|
|
42347
42454
|
}
|
|
42348
42455
|
if (typeof value === "string") {
|
|
42349
|
-
return /* @__PURE__ */
|
|
42456
|
+
return /* @__PURE__ */ jsxs119("span", { className: JsonViewer_default.string, children: [
|
|
42350
42457
|
'"',
|
|
42351
42458
|
value,
|
|
42352
42459
|
'"'
|
|
@@ -42362,10 +42469,10 @@ function PrimitiveValue({ value }) {
|
|
|
42362
42469
|
}
|
|
42363
42470
|
function JsonNode({ collapsedDepth, depth, name, value }) {
|
|
42364
42471
|
const isExpandable = Array.isArray(value) || isPlainObject(value);
|
|
42365
|
-
const [open, setOpen] =
|
|
42472
|
+
const [open, setOpen] = useState60(depth < collapsedDepth);
|
|
42366
42473
|
if (!isExpandable) {
|
|
42367
|
-
return /* @__PURE__ */
|
|
42368
|
-
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: [
|
|
42369
42476
|
name,
|
|
42370
42477
|
": "
|
|
42371
42478
|
] }) : null,
|
|
@@ -42374,8 +42481,8 @@ function JsonNode({ collapsedDepth, depth, name, value }) {
|
|
|
42374
42481
|
}
|
|
42375
42482
|
const entries = Array.isArray(value) ? value.map((entry, index) => [String(index), entry]) : Object.entries(value);
|
|
42376
42483
|
const summary = Array.isArray(value) ? `Array(${value.length})` : `Object(${entries.length})`;
|
|
42377
|
-
return /* @__PURE__ */
|
|
42378
|
-
/* @__PURE__ */
|
|
42484
|
+
return /* @__PURE__ */ jsxs119("div", { className: JsonViewer_default.block, children: [
|
|
42485
|
+
/* @__PURE__ */ jsxs119(
|
|
42379
42486
|
"button",
|
|
42380
42487
|
{
|
|
42381
42488
|
"aria-expanded": open,
|
|
@@ -42385,7 +42492,7 @@ function JsonNode({ collapsedDepth, depth, name, value }) {
|
|
|
42385
42492
|
type: "button",
|
|
42386
42493
|
children: [
|
|
42387
42494
|
/* @__PURE__ */ jsx141("span", { "aria-hidden": "true", className: JsonViewer_default.chevron, children: open ? "\u25BE" : "\u25B8" }),
|
|
42388
|
-
name !== void 0 ? /* @__PURE__ */
|
|
42495
|
+
name !== void 0 ? /* @__PURE__ */ jsxs119("span", { className: JsonViewer_default.key, children: [
|
|
42389
42496
|
name,
|
|
42390
42497
|
": "
|
|
42391
42498
|
] }) : null,
|
|
@@ -42454,21 +42561,21 @@ function Spinner({ label = "Loading", size = "md", tone = "accent" }) {
|
|
|
42454
42561
|
}
|
|
42455
42562
|
|
|
42456
42563
|
// ../../components/Clock/Clock.tsx
|
|
42457
|
-
import { useEffect as
|
|
42564
|
+
import { useEffect as useEffect44, useState as useState61 } from "react";
|
|
42458
42565
|
|
|
42459
42566
|
// ../../components/Clock/Clock.module.css
|
|
42460
|
-
var Clock_default = {"
|
|
42567
|
+
var Clock_default = {"tick":"opus_Lj91mC_tick","hand":"opus_Lj91mC_hand","loading":"opus_Lj91mC_loading","minuteHand":"opus_Lj91mC_minuteHand","face":"opus_Lj91mC_face","digitalTime":"opus_Lj91mC_digitalTime","hourHand":"opus_Lj91mC_hourHand","secondHand":"opus_Lj91mC_secondHand","centreDot":"opus_Lj91mC_centreDot","centreDotInner":"opus_Lj91mC_centreDotInner","date":"opus_Lj91mC_date","number":"opus_Lj91mC_number","root":"opus_Lj91mC_root"};
|
|
42461
42568
|
|
|
42462
42569
|
// ../../components/Clock/Clock.tsx
|
|
42463
|
-
import { jsx as jsx144, jsxs as
|
|
42570
|
+
import { jsx as jsx144, jsxs as jsxs120 } from "react/jsx-runtime";
|
|
42464
42571
|
function Clock({
|
|
42465
42572
|
showAnalog = true,
|
|
42466
42573
|
showDate = true,
|
|
42467
42574
|
showDigital = true,
|
|
42468
42575
|
size = "md"
|
|
42469
42576
|
}) {
|
|
42470
|
-
const [time, setTime] =
|
|
42471
|
-
|
|
42577
|
+
const [time, setTime] = useState61(null);
|
|
42578
|
+
useEffect44(() => {
|
|
42472
42579
|
setTime(/* @__PURE__ */ new Date());
|
|
42473
42580
|
const interval = window.setInterval(() => {
|
|
42474
42581
|
setTime(/* @__PURE__ */ new Date());
|
|
@@ -42496,7 +42603,7 @@ function Clock({
|
|
|
42496
42603
|
month: "long",
|
|
42497
42604
|
year: "numeric"
|
|
42498
42605
|
});
|
|
42499
|
-
return /* @__PURE__ */
|
|
42606
|
+
return /* @__PURE__ */ jsxs120(
|
|
42500
42607
|
"div",
|
|
42501
42608
|
{
|
|
42502
42609
|
"aria-live": "polite",
|
|
@@ -42505,7 +42612,7 @@ function Clock({
|
|
|
42505
42612
|
"data-digital": showDigital ? "true" : "false",
|
|
42506
42613
|
"data-size": size,
|
|
42507
42614
|
children: [
|
|
42508
|
-
showAnalog ? /* @__PURE__ */
|
|
42615
|
+
showAnalog ? /* @__PURE__ */ jsxs120("div", { "aria-hidden": "true", className: Clock_default.face, children: [
|
|
42509
42616
|
Array.from({ length: 60 }).map((_, index) => {
|
|
42510
42617
|
const isHourMark = index % 5 === 0;
|
|
42511
42618
|
return /* @__PURE__ */ jsx144(
|
|
@@ -42576,7 +42683,7 @@ function VisuallyHidden({ as = "span", children }) {
|
|
|
42576
42683
|
}
|
|
42577
42684
|
|
|
42578
42685
|
// ../../components/FocusTrap/FocusTrap.tsx
|
|
42579
|
-
import { useEffect as
|
|
42686
|
+
import { useEffect as useEffect45, useRef as useRef43 } from "react";
|
|
42580
42687
|
|
|
42581
42688
|
// ../../components/FocusTrap/FocusTrap.module.css
|
|
42582
42689
|
var FocusTrap_default = {"trap":"opus_fJckCZ_trap"};
|
|
@@ -42589,9 +42696,9 @@ function FocusTrap({
|
|
|
42589
42696
|
initialFocusRef,
|
|
42590
42697
|
restoreFocus = true
|
|
42591
42698
|
}) {
|
|
42592
|
-
const containerRef =
|
|
42593
|
-
const previouslyFocusedRef =
|
|
42594
|
-
|
|
42699
|
+
const containerRef = useRef43(null);
|
|
42700
|
+
const previouslyFocusedRef = useRef43(null);
|
|
42701
|
+
useEffect45(() => {
|
|
42595
42702
|
if (!active) {
|
|
42596
42703
|
return;
|
|
42597
42704
|
}
|
|
@@ -42617,7 +42724,7 @@ function FocusTrap({
|
|
|
42617
42724
|
}
|
|
42618
42725
|
};
|
|
42619
42726
|
}, [active, initialFocusRef, restoreFocus]);
|
|
42620
|
-
|
|
42727
|
+
useEffect45(() => {
|
|
42621
42728
|
if (!active) {
|
|
42622
42729
|
return;
|
|
42623
42730
|
}
|
|
@@ -42656,12 +42763,12 @@ function FocusTrap({
|
|
|
42656
42763
|
}
|
|
42657
42764
|
|
|
42658
42765
|
// ../../components/KeyboardShortcut/KeyboardShortcut.module.css
|
|
42659
|
-
var KeyboardShortcut_default = {"shortcut":"opus_pZh5vX_shortcut","
|
|
42766
|
+
var KeyboardShortcut_default = {"shortcut":"opus_pZh5vX_shortcut","key":"opus_pZh5vX_key","plus":"opus_pZh5vX_plus"};
|
|
42660
42767
|
|
|
42661
42768
|
// ../../components/KeyboardShortcut/KeyboardShortcut.tsx
|
|
42662
|
-
import { jsx as jsx147, jsxs as
|
|
42769
|
+
import { jsx as jsx147, jsxs as jsxs121 } from "react/jsx-runtime";
|
|
42663
42770
|
function KeyboardShortcut({ keys, size = "md" }) {
|
|
42664
|
-
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: [
|
|
42665
42772
|
index > 0 ? /* @__PURE__ */ jsx147("span", { "aria-hidden": "true", className: KeyboardShortcut_default.plus, children: "+" }) : null,
|
|
42666
42773
|
/* @__PURE__ */ jsx147("span", { className: KeyboardShortcut_default.key, children: key })
|
|
42667
42774
|
] }, `${key}-${index}`)) });
|
|
@@ -42670,12 +42777,12 @@ function KeyboardShortcut({ keys, size = "md" }) {
|
|
|
42670
42777
|
// ../../components/HotkeyManager/HotkeyManager.tsx
|
|
42671
42778
|
import {
|
|
42672
42779
|
createContext as createContext9,
|
|
42673
|
-
useCallback as
|
|
42780
|
+
useCallback as useCallback26,
|
|
42674
42781
|
useContext as useContext10,
|
|
42675
|
-
useEffect as
|
|
42782
|
+
useEffect as useEffect46,
|
|
42676
42783
|
useMemo as useMemo37,
|
|
42677
|
-
useRef as
|
|
42678
|
-
useState as
|
|
42784
|
+
useRef as useRef44,
|
|
42785
|
+
useState as useState62
|
|
42679
42786
|
} from "react";
|
|
42680
42787
|
import { jsx as jsx148 } from "react/jsx-runtime";
|
|
42681
42788
|
var HotkeyManagerContext = createContext9(null);
|
|
@@ -42694,13 +42801,13 @@ function shortcutsEqual(a, b) {
|
|
|
42694
42801
|
});
|
|
42695
42802
|
}
|
|
42696
42803
|
function HotkeyManager({ children, enabled = true }) {
|
|
42697
|
-
const handlersRef =
|
|
42698
|
-
const [shortcuts, setShortcuts] =
|
|
42699
|
-
const syncShortcuts =
|
|
42804
|
+
const handlersRef = useRef44(/* @__PURE__ */ new Map());
|
|
42805
|
+
const [shortcuts, setShortcuts] = useState62([]);
|
|
42806
|
+
const syncShortcuts = useCallback26(() => {
|
|
42700
42807
|
const next = Array.from(handlersRef.current.values()).map((entry) => entry.combo);
|
|
42701
42808
|
setShortcuts((current) => shortcutsEqual(current, next) ? current : next);
|
|
42702
42809
|
}, []);
|
|
42703
|
-
const register =
|
|
42810
|
+
const register = useCallback26(
|
|
42704
42811
|
(combo, handler) => {
|
|
42705
42812
|
handlersRef.current.set(combo.id, { combo, handler });
|
|
42706
42813
|
syncShortcuts();
|
|
@@ -42711,7 +42818,7 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
42711
42818
|
},
|
|
42712
42819
|
[syncShortcuts]
|
|
42713
42820
|
);
|
|
42714
|
-
|
|
42821
|
+
useEffect46(() => {
|
|
42715
42822
|
if (!enabled) {
|
|
42716
42823
|
return;
|
|
42717
42824
|
}
|
|
@@ -42742,10 +42849,10 @@ function HotkeyManager({ children, enabled = true }) {
|
|
|
42742
42849
|
function useHotkey(combo, handler) {
|
|
42743
42850
|
const context = useContext10(HotkeyManagerContext);
|
|
42744
42851
|
const register = context == null ? void 0 : context.register;
|
|
42745
|
-
const handlerRef =
|
|
42852
|
+
const handlerRef = useRef44(handler);
|
|
42746
42853
|
handlerRef.current = handler;
|
|
42747
42854
|
const { alt, ctrl, description, enabled, id, key, meta, shift } = combo;
|
|
42748
|
-
|
|
42855
|
+
useEffect46(() => {
|
|
42749
42856
|
if (!register) {
|
|
42750
42857
|
return;
|
|
42751
42858
|
}
|
|
@@ -42766,7 +42873,7 @@ function useHotkeyManager() {
|
|
|
42766
42873
|
}
|
|
42767
42874
|
|
|
42768
42875
|
// ../../components/CopyButton/CopyButton.tsx
|
|
42769
|
-
import { useCallback as
|
|
42876
|
+
import { useCallback as useCallback27, useEffect as useEffect47, useState as useState63 } from "react";
|
|
42770
42877
|
|
|
42771
42878
|
// ../../components/CopyButton/CopyButton.module.css
|
|
42772
42879
|
var CopyButton_default = {"wrap":"opus_Ij6tWr_wrap"};
|
|
@@ -42798,15 +42905,15 @@ function CopyButton({
|
|
|
42798
42905
|
variant = "secondary",
|
|
42799
42906
|
onCopied
|
|
42800
42907
|
}) {
|
|
42801
|
-
const [copied, setCopied] =
|
|
42802
|
-
|
|
42908
|
+
const [copied, setCopied] = useState63(false);
|
|
42909
|
+
useEffect47(() => {
|
|
42803
42910
|
if (!copied) {
|
|
42804
42911
|
return;
|
|
42805
42912
|
}
|
|
42806
42913
|
const timer = window.setTimeout(() => setCopied(false), resetMs);
|
|
42807
42914
|
return () => window.clearTimeout(timer);
|
|
42808
42915
|
}, [copied, resetMs]);
|
|
42809
|
-
const handleCopy =
|
|
42916
|
+
const handleCopy = useCallback27(async () => {
|
|
42810
42917
|
try {
|
|
42811
42918
|
await writeClipboard(value);
|
|
42812
42919
|
setCopied(true);
|
|
@@ -42819,7 +42926,7 @@ function CopyButton({
|
|
|
42819
42926
|
}
|
|
42820
42927
|
|
|
42821
42928
|
// ../../components/Clipboard/Clipboard.tsx
|
|
42822
|
-
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";
|
|
42823
42930
|
import { jsx as jsx150 } from "react/jsx-runtime";
|
|
42824
42931
|
var ClipboardContext = createContext10(null);
|
|
42825
42932
|
async function fallbackWrite(value) {
|
|
@@ -42834,8 +42941,8 @@ async function fallbackWrite(value) {
|
|
|
42834
42941
|
document.body.removeChild(textarea);
|
|
42835
42942
|
}
|
|
42836
42943
|
function ClipboardProvider({ children }) {
|
|
42837
|
-
const [lastCopied, setLastCopied] =
|
|
42838
|
-
const writeText =
|
|
42944
|
+
const [lastCopied, setLastCopied] = useState64(null);
|
|
42945
|
+
const writeText = useCallback28(async (value2) => {
|
|
42839
42946
|
var _a2;
|
|
42840
42947
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText) {
|
|
42841
42948
|
await navigator.clipboard.writeText(value2);
|
|
@@ -42844,7 +42951,7 @@ function ClipboardProvider({ children }) {
|
|
|
42844
42951
|
}
|
|
42845
42952
|
setLastCopied(value2);
|
|
42846
42953
|
}, []);
|
|
42847
|
-
const readText =
|
|
42954
|
+
const readText = useCallback28(async () => {
|
|
42848
42955
|
var _a2;
|
|
42849
42956
|
if ((_a2 = navigator.clipboard) == null ? void 0 : _a2.readText) {
|
|
42850
42957
|
return navigator.clipboard.readText();
|
|
@@ -42890,16 +42997,16 @@ function ThemeSwitcher({
|
|
|
42890
42997
|
|
|
42891
42998
|
// ../../components/ResizeObserver/ResizeObserver.tsx
|
|
42892
42999
|
import {
|
|
42893
|
-
useEffect as
|
|
42894
|
-
useRef as
|
|
42895
|
-
useState as
|
|
43000
|
+
useEffect as useEffect48,
|
|
43001
|
+
useRef as useRef45,
|
|
43002
|
+
useState as useState65
|
|
42896
43003
|
} from "react";
|
|
42897
43004
|
import { jsx as jsx152 } from "react/jsx-runtime";
|
|
42898
43005
|
function ResizeObserver2(_a2) {
|
|
42899
43006
|
var _b2 = _a2, { children, className, onResize, style } = _b2, rest = __objRest(_b2, ["children", "className", "onResize", "style"]);
|
|
42900
|
-
const ref =
|
|
42901
|
-
const [size, setSize] =
|
|
42902
|
-
|
|
43007
|
+
const ref = useRef45(null);
|
|
43008
|
+
const [size, setSize] = useState65({ width: 0, height: 0 });
|
|
43009
|
+
useEffect48(() => {
|
|
42903
43010
|
const node = ref.current;
|
|
42904
43011
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
42905
43012
|
return;
|
|
@@ -42922,8 +43029,8 @@ function ResizeObserver2(_a2) {
|
|
|
42922
43029
|
return /* @__PURE__ */ jsx152("div", __spreadProps(__spreadValues({ className, ref, style }, rest), { children: children(size) }));
|
|
42923
43030
|
}
|
|
42924
43031
|
function useResizeObserver(targetRef) {
|
|
42925
|
-
const [size, setSize] =
|
|
42926
|
-
|
|
43032
|
+
const [size, setSize] = useState65({ width: 0, height: 0 });
|
|
43033
|
+
useEffect48(() => {
|
|
42927
43034
|
const node = targetRef.current;
|
|
42928
43035
|
if (!node || typeof window.ResizeObserver === "undefined") {
|
|
42929
43036
|
return;
|
|
@@ -42945,7 +43052,7 @@ function useResizeObserver(targetRef) {
|
|
|
42945
43052
|
}
|
|
42946
43053
|
|
|
42947
43054
|
// ../../components/IntersectionObserver/IntersectionObserver.tsx
|
|
42948
|
-
import { useEffect as
|
|
43055
|
+
import { useEffect as useEffect49, useRef as useRef46, useState as useState66 } from "react";
|
|
42949
43056
|
import { jsx as jsx153 } from "react/jsx-runtime";
|
|
42950
43057
|
function IntersectionObserver2({
|
|
42951
43058
|
children,
|
|
@@ -42954,9 +43061,9 @@ function IntersectionObserver2({
|
|
|
42954
43061
|
threshold = 0.25,
|
|
42955
43062
|
onChange
|
|
42956
43063
|
}) {
|
|
42957
|
-
const ref =
|
|
42958
|
-
const [isIntersecting, setIsIntersecting] =
|
|
42959
|
-
|
|
43064
|
+
const ref = useRef46(null);
|
|
43065
|
+
const [isIntersecting, setIsIntersecting] = useState66(false);
|
|
43066
|
+
useEffect49(() => {
|
|
42960
43067
|
const node = ref.current;
|
|
42961
43068
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
42962
43069
|
return;
|
|
@@ -42979,8 +43086,8 @@ function IntersectionObserver2({
|
|
|
42979
43086
|
}
|
|
42980
43087
|
function useIntersectionObserver(targetRef, options = {}) {
|
|
42981
43088
|
const { rootMargin = "0px", threshold = 0.25 } = options;
|
|
42982
|
-
const [isIntersecting, setIsIntersecting] =
|
|
42983
|
-
|
|
43089
|
+
const [isIntersecting, setIsIntersecting] = useState66(false);
|
|
43090
|
+
useEffect49(() => {
|
|
42984
43091
|
const node = targetRef.current;
|
|
42985
43092
|
if (!node || typeof window.IntersectionObserver === "undefined") {
|
|
42986
43093
|
return;
|
|
@@ -43004,28 +43111,28 @@ function useIntersectionObserver(targetRef, options = {}) {
|
|
|
43004
43111
|
// ../../components/Sidebar/Sidebar.tsx
|
|
43005
43112
|
import {
|
|
43006
43113
|
createContext as createContext11,
|
|
43007
|
-
useCallback as
|
|
43114
|
+
useCallback as useCallback29,
|
|
43008
43115
|
useContext as useContext12,
|
|
43009
|
-
useEffect as
|
|
43116
|
+
useEffect as useEffect50,
|
|
43010
43117
|
useMemo as useMemo39,
|
|
43011
|
-
useRef as
|
|
43012
|
-
useState as
|
|
43118
|
+
useRef as useRef47,
|
|
43119
|
+
useState as useState67
|
|
43013
43120
|
} from "react";
|
|
43014
43121
|
|
|
43015
43122
|
// ../../components/Sidebar/Sidebar.module.css
|
|
43016
|
-
var Sidebar_default = {"
|
|
43123
|
+
var Sidebar_default = {"collapsedTooltip":"opus_4Pogux_collapsedTooltip","groupHeader":"opus_4Pogux_groupHeader","footer":"opus_4Pogux_footer","groupItems":"opus_4Pogux_groupItems","icon":"opus_4Pogux_icon","headerInner":"opus_4Pogux_headerInner","overflowTooltip":"opus_4Pogux_overflowTooltip","groupChevronOpen":"opus_4Pogux_groupChevronOpen","visuallyHidden":"opus_4Pogux_visuallyHidden","linkLabel":"opus_4Pogux_linkLabel","collapsedGroup":"opus_4Pogux_collapsedGroup","main":"opus_4Pogux_main","layout":"opus_4Pogux_layout","collapsedGroupChevron":"opus_4Pogux_collapsedGroupChevron","groupChevron":"opus_4Pogux_groupChevron","sidebar":"opus_4Pogux_sidebar","body":"opus_4Pogux_body","nav":"opus_4Pogux_nav","group":"opus_4Pogux_group","groupLabel":"opus_4Pogux_groupLabel","link":"opus_4Pogux_link","collapsedGroupWrap":"opus_4Pogux_collapsedGroupWrap","overflowLabel":"opus_4Pogux_overflowLabel","headerTitle":"opus_4Pogux_headerTitle","bodyContent":"opus_4Pogux_bodyContent","groupItemsWrap":"opus_4Pogux_groupItemsWrap","header":"opus_4Pogux_header","collapsedSubmenu":"opus_4Pogux_collapsedSubmenu","linkActive":"opus_4Pogux_linkActive","collapsedGroupChevronOpen":"opus_4Pogux_collapsedGroupChevronOpen"};
|
|
43017
43124
|
|
|
43018
43125
|
// ../../components/Sidebar/Sidebar.tsx
|
|
43019
|
-
import { Fragment as Fragment24, jsx as jsx154, jsxs as
|
|
43126
|
+
import { Fragment as Fragment24, jsx as jsx154, jsxs as jsxs122 } from "react/jsx-runtime";
|
|
43020
43127
|
var SidebarContext = createContext11({
|
|
43021
43128
|
collapsed: false,
|
|
43022
43129
|
density: "comfortable"
|
|
43023
43130
|
});
|
|
43024
43131
|
var SIDEBAR_STORAGE_PREFIX = "opus-sidebar-state";
|
|
43025
43132
|
function SidebarOverflowLabel({ label }) {
|
|
43026
|
-
const labelRef =
|
|
43027
|
-
const [overflowing, setOverflowing] =
|
|
43028
|
-
|
|
43133
|
+
const labelRef = useRef47(null);
|
|
43134
|
+
const [overflowing, setOverflowing] = useState67(false);
|
|
43135
|
+
useEffect50(() => {
|
|
43029
43136
|
const element = labelRef.current;
|
|
43030
43137
|
if (!element) {
|
|
43031
43138
|
return;
|
|
@@ -43135,13 +43242,13 @@ function Sidebar({
|
|
|
43135
43242
|
() => `${SIDEBAR_STORAGE_PREFIX}:${storageKey != null ? storageKey : hashString(`${navLabel}:${serialiseSidebarMenu(menu)}`)}`,
|
|
43136
43243
|
[menu, navLabel, storageKey]
|
|
43137
43244
|
);
|
|
43138
|
-
const [persistedState, setPersistedState] =
|
|
43245
|
+
const [persistedState, setPersistedState] = useState67(
|
|
43139
43246
|
{}
|
|
43140
43247
|
);
|
|
43141
|
-
const [motionReady, setMotionReady] =
|
|
43142
|
-
const [internalActiveItem, setInternalActiveItem] =
|
|
43248
|
+
const [motionReady, setMotionReady] = useState67(!persistState);
|
|
43249
|
+
const [internalActiveItem, setInternalActiveItem] = useState67(defaultActiveItem);
|
|
43143
43250
|
const effectiveActiveItem = activeItem != null ? activeItem : persistState ? (_a2 = persistedState.activeItem) != null ? _a2 : internalActiveItem : internalActiveItem;
|
|
43144
|
-
|
|
43251
|
+
useEffect50(() => {
|
|
43145
43252
|
if (!persistState) {
|
|
43146
43253
|
const readyTimeout = window.setTimeout(() => setMotionReady(true), 0);
|
|
43147
43254
|
return () => window.clearTimeout(readyTimeout);
|
|
@@ -43170,7 +43277,7 @@ function Sidebar({
|
|
|
43170
43277
|
}
|
|
43171
43278
|
};
|
|
43172
43279
|
}, [persistState, resolvedStorageKey]);
|
|
43173
|
-
const updatePersistedState =
|
|
43280
|
+
const updatePersistedState = useCallback29(
|
|
43174
43281
|
(next) => {
|
|
43175
43282
|
if (!persistState) {
|
|
43176
43283
|
return;
|
|
@@ -43183,7 +43290,7 @@ function Sidebar({
|
|
|
43183
43290
|
},
|
|
43184
43291
|
[persistState, resolvedStorageKey]
|
|
43185
43292
|
);
|
|
43186
|
-
const setSidebarActiveItem =
|
|
43293
|
+
const setSidebarActiveItem = useCallback29(
|
|
43187
43294
|
(itemId) => {
|
|
43188
43295
|
if (persistState) {
|
|
43189
43296
|
updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
|
|
@@ -43196,14 +43303,14 @@ function Sidebar({
|
|
|
43196
43303
|
},
|
|
43197
43304
|
[activeItem, persistState, updatePersistedState]
|
|
43198
43305
|
);
|
|
43199
|
-
const getGroupOpenState =
|
|
43306
|
+
const getGroupOpenState = useCallback29(
|
|
43200
43307
|
(groupId, fallback) => {
|
|
43201
43308
|
var _a3, _b2;
|
|
43202
43309
|
return (_b2 = (_a3 = persistedState.groups) == null ? void 0 : _a3[groupId]) != null ? _b2 : fallback;
|
|
43203
43310
|
},
|
|
43204
43311
|
[persistedState.groups]
|
|
43205
43312
|
);
|
|
43206
|
-
const setGroupOpenState =
|
|
43313
|
+
const setGroupOpenState = useCallback29(
|
|
43207
43314
|
(groupId, open) => {
|
|
43208
43315
|
updatePersistedState((current) => __spreadProps(__spreadValues({}, current), {
|
|
43209
43316
|
groups: __spreadProps(__spreadValues({}, current.groups), {
|
|
@@ -43226,7 +43333,7 @@ function Sidebar({
|
|
|
43226
43333
|
setActiveItem: setSidebarActiveItem,
|
|
43227
43334
|
setGroupOpenState: persistState ? setGroupOpenState : void 0
|
|
43228
43335
|
},
|
|
43229
|
-
children: /* @__PURE__ */
|
|
43336
|
+
children: /* @__PURE__ */ jsxs122(
|
|
43230
43337
|
"aside",
|
|
43231
43338
|
{
|
|
43232
43339
|
"aria-label": "Sidebar",
|
|
@@ -43270,7 +43377,7 @@ function Sidebar({
|
|
|
43270
43377
|
}
|
|
43271
43378
|
function SidebarHeader({ children, title }) {
|
|
43272
43379
|
const { collapsed } = useContext12(SidebarContext);
|
|
43273
|
-
return /* @__PURE__ */
|
|
43380
|
+
return /* @__PURE__ */ jsxs122("div", { className: Sidebar_default.headerInner, children: [
|
|
43274
43381
|
/* @__PURE__ */ jsx154("h2", { className: collapsed ? Sidebar_default.visuallyHidden : Sidebar_default.headerTitle, children: title }),
|
|
43275
43382
|
children
|
|
43276
43383
|
] });
|
|
@@ -43312,7 +43419,7 @@ function SidebarLink({
|
|
|
43312
43419
|
}
|
|
43313
43420
|
onClick == null ? void 0 : onClick(event);
|
|
43314
43421
|
};
|
|
43315
|
-
const content = /* @__PURE__ */
|
|
43422
|
+
const content = /* @__PURE__ */ jsxs122(Fragment24, { children: [
|
|
43316
43423
|
icon ? /* @__PURE__ */ jsx154("span", { className: Sidebar_default.icon, children: icon }) : null,
|
|
43317
43424
|
!icon && collapsed && label ? /* @__PURE__ */ jsx154("span", { "aria-hidden": "true", className: Sidebar_default.icon, children: label.charAt(0) }) : null,
|
|
43318
43425
|
collapsed ? /* @__PURE__ */ jsx154("span", { className: Sidebar_default.visuallyHidden, children }) : label ? /* @__PURE__ */ jsx154(SidebarOverflowLabel, { label }) : /* @__PURE__ */ jsx154("span", { className: Sidebar_default.linkLabel, children })
|
|
@@ -43427,14 +43534,14 @@ function SidebarGroup({
|
|
|
43427
43534
|
setGroupOpenState
|
|
43428
43535
|
} = useContext12(SidebarContext);
|
|
43429
43536
|
const listId = createGroupListId(label, id);
|
|
43430
|
-
const [open, setOpen] =
|
|
43537
|
+
const [open, setOpen] = useState67(
|
|
43431
43538
|
() => {
|
|
43432
43539
|
var _a2;
|
|
43433
43540
|
return (_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen;
|
|
43434
43541
|
}
|
|
43435
43542
|
);
|
|
43436
|
-
const [collapsedOpen, setCollapsedOpen] =
|
|
43437
|
-
|
|
43543
|
+
const [collapsedOpen, setCollapsedOpen] = useState67(false);
|
|
43544
|
+
useEffect50(() => {
|
|
43438
43545
|
const timeout = window.setTimeout(() => {
|
|
43439
43546
|
var _a2;
|
|
43440
43547
|
setOpen((_a2 = getGroupOpenState == null ? void 0 : getGroupOpenState(listId, defaultOpen)) != null ? _a2 : defaultOpen);
|
|
@@ -43448,14 +43555,14 @@ function SidebarGroup({
|
|
|
43448
43555
|
};
|
|
43449
43556
|
if (collapsed) {
|
|
43450
43557
|
if (depth > 0) {
|
|
43451
|
-
return /* @__PURE__ */
|
|
43558
|
+
return /* @__PURE__ */ jsxs122("div", { className: Sidebar_default.collapsedGroupWrap, children: [
|
|
43452
43559
|
/* @__PURE__ */ jsx154(
|
|
43453
43560
|
Tooltip,
|
|
43454
43561
|
{
|
|
43455
43562
|
className: Sidebar_default.collapsedTooltip,
|
|
43456
43563
|
content: label,
|
|
43457
43564
|
placement: "right",
|
|
43458
|
-
children: /* @__PURE__ */
|
|
43565
|
+
children: /* @__PURE__ */ jsxs122(
|
|
43459
43566
|
"button",
|
|
43460
43567
|
{
|
|
43461
43568
|
"aria-expanded": collapsedOpen,
|
|
@@ -43494,7 +43601,7 @@ function SidebarGroup({
|
|
|
43494
43601
|
}
|
|
43495
43602
|
);
|
|
43496
43603
|
}
|
|
43497
|
-
return /* @__PURE__ */
|
|
43604
|
+
return /* @__PURE__ */ jsxs122(
|
|
43498
43605
|
"div",
|
|
43499
43606
|
{
|
|
43500
43607
|
"aria-label": label,
|
|
@@ -43502,7 +43609,7 @@ function SidebarGroup({
|
|
|
43502
43609
|
"data-depth": depth,
|
|
43503
43610
|
role: "group",
|
|
43504
43611
|
children: [
|
|
43505
|
-
/* @__PURE__ */ jsx154("div", { className: Sidebar_default.groupHeader, children: /* @__PURE__ */
|
|
43612
|
+
/* @__PURE__ */ jsx154("div", { className: Sidebar_default.groupHeader, children: /* @__PURE__ */ jsxs122(
|
|
43506
43613
|
"button",
|
|
43507
43614
|
{
|
|
43508
43615
|
"aria-controls": listId,
|
|
@@ -43549,7 +43656,7 @@ function SidebarLayout({
|
|
|
43549
43656
|
main,
|
|
43550
43657
|
side = "left"
|
|
43551
43658
|
}) {
|
|
43552
|
-
return /* @__PURE__ */
|
|
43659
|
+
return /* @__PURE__ */ jsxs122(
|
|
43553
43660
|
"div",
|
|
43554
43661
|
{
|
|
43555
43662
|
className: Sidebar_default.layout,
|
|
@@ -43565,10 +43672,10 @@ function SidebarLayout({
|
|
|
43565
43672
|
}
|
|
43566
43673
|
|
|
43567
43674
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
43568
|
-
import { useCallback as
|
|
43675
|
+
import { useCallback as useCallback30, useEffect as useEffect51, useMemo as useMemo40, useState as useState68 } from "react";
|
|
43569
43676
|
|
|
43570
43677
|
// ../../components/AccentColorPicker/AccentColorPicker.module.css
|
|
43571
|
-
var AccentColorPicker_default = {"
|
|
43678
|
+
var AccentColorPicker_default = {"swatch":"opus_scMnrW_swatch","swatches":"opus_scMnrW_swatches"};
|
|
43572
43679
|
|
|
43573
43680
|
// ../../components/AccentColorPicker/AccentColorPicker.tsx
|
|
43574
43681
|
import { jsx as jsx155 } from "react/jsx-runtime";
|
|
@@ -43605,8 +43712,8 @@ function applyDocumentAccent(accent) {
|
|
|
43605
43712
|
);
|
|
43606
43713
|
}
|
|
43607
43714
|
function useAccentPreference() {
|
|
43608
|
-
const [accent, setAccentState] =
|
|
43609
|
-
|
|
43715
|
+
const [accent, setAccentState] = useState68(DEFAULT_ACCENT_COLOR);
|
|
43716
|
+
useEffect51(() => {
|
|
43610
43717
|
const timeout = window.setTimeout(() => {
|
|
43611
43718
|
const stored = window.localStorage.getItem(ACCENT_STORAGE_KEY);
|
|
43612
43719
|
if (isAccentColor(stored)) {
|
|
@@ -43618,7 +43725,7 @@ function useAccentPreference() {
|
|
|
43618
43725
|
}, 0);
|
|
43619
43726
|
return () => window.clearTimeout(timeout);
|
|
43620
43727
|
}, []);
|
|
43621
|
-
const setAccent =
|
|
43728
|
+
const setAccent = useCallback30((next) => {
|
|
43622
43729
|
if (!isAccentColor(next)) {
|
|
43623
43730
|
return;
|
|
43624
43731
|
}
|
|
@@ -43672,14 +43779,14 @@ function AccentColorPicker({
|
|
|
43672
43779
|
}
|
|
43673
43780
|
|
|
43674
43781
|
// ../../components/IconPicker/IconPicker.tsx
|
|
43675
|
-
import { useEffect as
|
|
43782
|
+
import { useEffect as useEffect52, useId as useId27, useMemo as useMemo41, useRef as useRef48, useState as useState69 } from "react";
|
|
43676
43783
|
import { FontAwesomeIcon as FontAwesomeIcon13 } from "@fortawesome/react-fontawesome";
|
|
43677
43784
|
|
|
43678
43785
|
// ../../components/IconPicker/IconPicker.module.css
|
|
43679
|
-
var IconPicker_default = {"
|
|
43786
|
+
var IconPicker_default = {"trigger":"opus_4E-Oa1_trigger","grid":"opus_4E-Oa1_grid","optionIcon":"opus_4E-Oa1_optionIcon","search":"opus_4E-Oa1_search","triggerIcon":"opus_4E-Oa1_triggerIcon","option":"opus_4E-Oa1_option","empty":"opus_4E-Oa1_empty","menu":"opus_4E-Oa1_menu","chevron":"opus_4E-Oa1_chevron","root":"opus_4E-Oa1_root","triggerLabel":"opus_4E-Oa1_triggerLabel"};
|
|
43680
43787
|
|
|
43681
43788
|
// ../../components/IconPicker/IconPicker.tsx
|
|
43682
|
-
import { jsx as jsx156, jsxs as
|
|
43789
|
+
import { jsx as jsx156, jsxs as jsxs123 } from "react/jsx-runtime";
|
|
43683
43790
|
function IconPicker({
|
|
43684
43791
|
help,
|
|
43685
43792
|
id,
|
|
@@ -43690,14 +43797,14 @@ function IconPicker({
|
|
|
43690
43797
|
searchPlaceholder = "Search icons",
|
|
43691
43798
|
value
|
|
43692
43799
|
}) {
|
|
43693
|
-
const [open, setOpen] =
|
|
43694
|
-
const [query, setQuery] =
|
|
43695
|
-
const rootRef =
|
|
43696
|
-
const searchRef =
|
|
43800
|
+
const [open, setOpen] = useState69(false);
|
|
43801
|
+
const [query, setQuery] = useState69("");
|
|
43802
|
+
const rootRef = useRef48(null);
|
|
43803
|
+
const searchRef = useRef48(null);
|
|
43697
43804
|
const listboxId = useId27();
|
|
43698
43805
|
const selected = getFontAwesomeIconOption(value);
|
|
43699
43806
|
const filteredIcons = useMemo41(() => filterFontAwesomeIcons(query), [query]);
|
|
43700
|
-
|
|
43807
|
+
useEffect52(() => {
|
|
43701
43808
|
if (!open) {
|
|
43702
43809
|
return;
|
|
43703
43810
|
}
|
|
@@ -43724,8 +43831,8 @@ function IconPicker({
|
|
|
43724
43831
|
document.removeEventListener("keydown", handleKeyDown);
|
|
43725
43832
|
};
|
|
43726
43833
|
}, [open]);
|
|
43727
|
-
return /* @__PURE__ */ jsx156(FieldShell, { help, id, label, labelPosition, mode, children: /* @__PURE__ */
|
|
43728
|
-
/* @__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(
|
|
43729
43836
|
"button",
|
|
43730
43837
|
{
|
|
43731
43838
|
"aria-controls": open ? listboxId : void 0,
|
|
@@ -43742,7 +43849,7 @@ function IconPicker({
|
|
|
43742
43849
|
}
|
|
43743
43850
|
),
|
|
43744
43851
|
/* @__PURE__ */ jsx156("span", { "aria-hidden": "true", className: IconPicker_default.chevron }),
|
|
43745
|
-
open ? /* @__PURE__ */
|
|
43852
|
+
open ? /* @__PURE__ */ jsxs123("div", { className: IconPicker_default.menu, children: [
|
|
43746
43853
|
/* @__PURE__ */ jsx156(
|
|
43747
43854
|
"input",
|
|
43748
43855
|
{
|
|
@@ -43779,10 +43886,10 @@ function IconPicker({
|
|
|
43779
43886
|
}
|
|
43780
43887
|
|
|
43781
43888
|
// ../../components/IconBadge/IconBadge.module.css
|
|
43782
|
-
var IconBadge_default = {"
|
|
43889
|
+
var IconBadge_default = {"root":"opus_H9TUGj_root","icon":"opus_H9TUGj_icon","badge":"opus_H9TUGj_badge"};
|
|
43783
43890
|
|
|
43784
43891
|
// ../../components/IconBadge/IconBadge.tsx
|
|
43785
|
-
import { jsx as jsx157, jsxs as
|
|
43892
|
+
import { jsx as jsx157, jsxs as jsxs124 } from "react/jsx-runtime";
|
|
43786
43893
|
function formatCount(count, max) {
|
|
43787
43894
|
if (count > max) {
|
|
43788
43895
|
return `${max}+`;
|
|
@@ -43819,7 +43926,7 @@ function IconBadge({
|
|
|
43819
43926
|
const showBadge = shouldShowBadge(count, showZero);
|
|
43820
43927
|
const accessibleLabel = buildAccessibleLabel(label, count, max, showZero);
|
|
43821
43928
|
const rootClassName = [IconBadge_default.root, className].filter(Boolean).join(" ");
|
|
43822
|
-
const content = /* @__PURE__ */
|
|
43929
|
+
const content = /* @__PURE__ */ jsxs124("span", { "aria-hidden": "true", className: IconBadge_default.icon, "data-size": size, "data-tone": tone, children: [
|
|
43823
43930
|
/* @__PURE__ */ jsx157(CatalogIcon, { iconName }),
|
|
43824
43931
|
showBadge ? /* @__PURE__ */ jsx157("span", { className: IconBadge_default.badge, "data-urgency": urgency, children: formatCount(count, max) }) : null
|
|
43825
43932
|
] });
|
|
@@ -43839,13 +43946,241 @@ function IconBadge({
|
|
|
43839
43946
|
return /* @__PURE__ */ jsx157("span", { "aria-label": accessibleLabel, className: rootClassName, "data-size": size, role: "img", children: content });
|
|
43840
43947
|
}
|
|
43841
43948
|
|
|
43949
|
+
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
43950
|
+
import { useEffect as useEffect53, useRef as useRef49 } from "react";
|
|
43951
|
+
|
|
43952
|
+
// ../../components/ApplicationHeader/ApplicationHeader.module.css
|
|
43953
|
+
var ApplicationHeader_default = {"createButton":"opus_TjZbi8_createButton","content":"opus_TjZbi8_content","root":"opus_TjZbi8_root","actions":"opus_TjZbi8_actions","actionGroup":"opus_TjZbi8_actionGroup","brand":"opus_TjZbi8_brand","logo":"opus_TjZbi8_logo","search":"opus_TjZbi8_search","createMenuIcon":"opus_TjZbi8_createMenuIcon","profile":"opus_TjZbi8_profile"};
|
|
43954
|
+
|
|
43955
|
+
// ../../components/ApplicationHeader/ApplicationHeader.tsx
|
|
43956
|
+
import { Fragment as Fragment25, jsx as jsx158, jsxs as jsxs125 } from "react/jsx-runtime";
|
|
43957
|
+
function ApplicationHeader({
|
|
43958
|
+
actions = [],
|
|
43959
|
+
brandAlt = "Opus",
|
|
43960
|
+
brandHref = "/",
|
|
43961
|
+
brandSrc = "/opus-logo.png",
|
|
43962
|
+
className,
|
|
43963
|
+
connected = false,
|
|
43964
|
+
createLabel = "Create new",
|
|
43965
|
+
createItems = [],
|
|
43966
|
+
onCreate,
|
|
43967
|
+
onCreateSelect,
|
|
43968
|
+
onSearchChange,
|
|
43969
|
+
profile,
|
|
43970
|
+
searchPlaceholder = "Search contacts, companies, deals\u2026",
|
|
43971
|
+
searchShortcut = ["\u2318", "S"],
|
|
43972
|
+
searchValue = "",
|
|
43973
|
+
showSearch = true
|
|
43974
|
+
}) {
|
|
43975
|
+
const searchInputRef = useRef49(null);
|
|
43976
|
+
const notificationActions = actions.filter((action) => action.group === "notification" || action.count !== void 0);
|
|
43977
|
+
const utilityActions = actions.filter((action) => action.group === "utility" || action.group === void 0 && action.count === void 0);
|
|
43978
|
+
const handleSearchChange = (event) => {
|
|
43979
|
+
onSearchChange == null ? void 0 : onSearchChange(event.target.value);
|
|
43980
|
+
};
|
|
43981
|
+
const createMenuItems = createItems.map((item) => ({
|
|
43982
|
+
disabled: item.disabled,
|
|
43983
|
+
icon: item.iconName ? /* @__PURE__ */ jsx158("span", { className: ApplicationHeader_default.createMenuIcon, children: /* @__PURE__ */ jsx158(CatalogIcon, { iconName: item.iconName }) }) : void 0,
|
|
43984
|
+
id: item.id,
|
|
43985
|
+
label: item.label,
|
|
43986
|
+
onSelect: item.onSelect
|
|
43987
|
+
}));
|
|
43988
|
+
useEffect53(() => {
|
|
43989
|
+
var _a2;
|
|
43990
|
+
if (!showSearch) {
|
|
43991
|
+
return;
|
|
43992
|
+
}
|
|
43993
|
+
const shortcutKey = (_a2 = searchShortcut.at(-1)) == null ? void 0 : _a2.toLowerCase();
|
|
43994
|
+
if (!shortcutKey) {
|
|
43995
|
+
return;
|
|
43996
|
+
}
|
|
43997
|
+
const handleKeyDown = (event) => {
|
|
43998
|
+
var _a3, _b2;
|
|
43999
|
+
if (!(event.metaKey || event.ctrlKey) || event.altKey || event.key.toLowerCase() !== shortcutKey) {
|
|
44000
|
+
return;
|
|
44001
|
+
}
|
|
44002
|
+
event.preventDefault();
|
|
44003
|
+
(_a3 = searchInputRef.current) == null ? void 0 : _a3.focus();
|
|
44004
|
+
(_b2 = searchInputRef.current) == null ? void 0 : _b2.select();
|
|
44005
|
+
};
|
|
44006
|
+
window.addEventListener("keydown", handleKeyDown);
|
|
44007
|
+
return () => window.removeEventListener("keydown", handleKeyDown);
|
|
44008
|
+
}, [searchShortcut, showSearch]);
|
|
44009
|
+
return /* @__PURE__ */ jsxs125(
|
|
44010
|
+
"header",
|
|
44011
|
+
{
|
|
44012
|
+
className: [ApplicationHeader_default.root, className].filter(Boolean).join(" "),
|
|
44013
|
+
"data-connected": connected ? "true" : "false",
|
|
44014
|
+
children: [
|
|
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 }) }),
|
|
44016
|
+
/* @__PURE__ */ jsxs125("div", { className: ApplicationHeader_default.content, children: [
|
|
44017
|
+
showSearch ? /* @__PURE__ */ jsx158("div", { className: ApplicationHeader_default.search, children: /* @__PURE__ */ jsx158(
|
|
44018
|
+
TextField,
|
|
44019
|
+
{
|
|
44020
|
+
endAdornment: /* @__PURE__ */ jsx158(KeyboardShortcut, { keys: searchShortcut, size: "sm" }),
|
|
44021
|
+
id: "application-header-search",
|
|
44022
|
+
inputRef: searchInputRef,
|
|
44023
|
+
label: "Search",
|
|
44024
|
+
labelVisuallyHidden: true,
|
|
44025
|
+
placeholder: searchPlaceholder,
|
|
44026
|
+
size: "lg",
|
|
44027
|
+
type: "search",
|
|
44028
|
+
value: searchValue,
|
|
44029
|
+
onChange: handleSearchChange
|
|
44030
|
+
}
|
|
44031
|
+
) }) : /* @__PURE__ */ jsx158("span", {}),
|
|
44032
|
+
/* @__PURE__ */ jsxs125("nav", { "aria-label": "Application actions", className: ApplicationHeader_default.actions, children: [
|
|
44033
|
+
createItems.length ? /* @__PURE__ */ jsx158(
|
|
44034
|
+
DropdownMenu,
|
|
44035
|
+
{
|
|
44036
|
+
items: createMenuItems,
|
|
44037
|
+
label: createLabel,
|
|
44038
|
+
onSelect: (selectedItem) => {
|
|
44039
|
+
const item = createItems.find((candidate) => candidate.id === selectedItem.id);
|
|
44040
|
+
if (item) {
|
|
44041
|
+
onCreateSelect == null ? void 0 : onCreateSelect(item);
|
|
44042
|
+
}
|
|
44043
|
+
},
|
|
44044
|
+
placement: "bottom-end",
|
|
44045
|
+
trigger: /* @__PURE__ */ jsx158("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, type: "button", children: /* @__PURE__ */ jsx158(CatalogIcon, { iconName: "plus" }) })
|
|
44046
|
+
}
|
|
44047
|
+
) : onCreate ? /* @__PURE__ */ jsx158(Tooltip, { content: createLabel, placement: "bottom", children: /* @__PURE__ */ jsx158("button", { "aria-label": createLabel, className: ApplicationHeader_default.createButton, onClick: onCreate, type: "button", children: /* @__PURE__ */ jsx158(CatalogIcon, { iconName: "plus" }) }) }) : null,
|
|
44048
|
+
(createItems.length || onCreate) && actions.length ? /* @__PURE__ */ jsx158(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
44049
|
+
/* @__PURE__ */ jsx158("div", { className: ApplicationHeader_default.actionGroup, children: notificationActions.map((action) => /* @__PURE__ */ jsx158(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ jsx158(
|
|
44050
|
+
IconBadge,
|
|
44051
|
+
{
|
|
44052
|
+
count: action.count,
|
|
44053
|
+
iconName: action.iconName,
|
|
44054
|
+
label: action.label,
|
|
44055
|
+
onClick: action.onClick,
|
|
44056
|
+
urgency: action.urgency
|
|
44057
|
+
}
|
|
44058
|
+
) }, action.id)) }),
|
|
44059
|
+
notificationActions.length && utilityActions.length ? /* @__PURE__ */ jsx158(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
44060
|
+
/* @__PURE__ */ jsx158("div", { className: ApplicationHeader_default.actionGroup, children: utilityActions.map((action) => /* @__PURE__ */ jsx158(Tooltip, { content: action.label, placement: "bottom", children: /* @__PURE__ */ jsx158(
|
|
44061
|
+
IconBadge,
|
|
44062
|
+
{
|
|
44063
|
+
count: action.count,
|
|
44064
|
+
iconName: action.iconName,
|
|
44065
|
+
label: action.label,
|
|
44066
|
+
onClick: action.onClick,
|
|
44067
|
+
urgency: action.urgency
|
|
44068
|
+
}
|
|
44069
|
+
) }, action.id)) }),
|
|
44070
|
+
profile ? /* @__PURE__ */ jsxs125(Fragment25, { children: [
|
|
44071
|
+
/* @__PURE__ */ jsx158(Divider, { orientation: "vertical", tone: "muted" }),
|
|
44072
|
+
/* @__PURE__ */ jsx158("div", { className: ApplicationHeader_default.profile, children: /* @__PURE__ */ jsx158(
|
|
44073
|
+
UserProfileWidget,
|
|
44074
|
+
{
|
|
44075
|
+
avatarSize: "md",
|
|
44076
|
+
menuItems: profile.menuItems,
|
|
44077
|
+
name: profile.name,
|
|
44078
|
+
role: profile.role,
|
|
44079
|
+
src: profile.src
|
|
44080
|
+
}
|
|
44081
|
+
) })
|
|
44082
|
+
] }) : null
|
|
44083
|
+
] })
|
|
44084
|
+
] })
|
|
44085
|
+
]
|
|
44086
|
+
}
|
|
44087
|
+
);
|
|
44088
|
+
}
|
|
44089
|
+
|
|
44090
|
+
// ../../components/ApplicationFooter/ApplicationFooter.module.css
|
|
44091
|
+
var ApplicationFooter_default = {"version":"opus_mphyzH_version","logo":"opus_mphyzH_logo","product":"opus_mphyzH_product","actions":"opus_mphyzH_actions","brand":"opus_mphyzH_brand","action":"opus_mphyzH_action","root":"opus_mphyzH_root","copyright":"opus_mphyzH_copyright","actionSlot":"opus_mphyzH_actionSlot"};
|
|
44092
|
+
|
|
44093
|
+
// ../../components/ApplicationFooter/ApplicationFooter.tsx
|
|
44094
|
+
import { jsx as jsx159, jsxs as jsxs126 } from "react/jsx-runtime";
|
|
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" }) {
|
|
44096
|
+
return /* @__PURE__ */ jsxs126("footer", { className: ApplicationFooter_default.root, children: [
|
|
44097
|
+
/* @__PURE__ */ jsxs126("div", { className: ApplicationFooter_default.brand, children: [
|
|
44098
|
+
/* @__PURE__ */ jsx159("img", { alt: brandAlt, className: ApplicationFooter_default.logo, src: brandSrc }),
|
|
44099
|
+
/* @__PURE__ */ jsx159("span", { className: ApplicationFooter_default.product, children: productName }),
|
|
44100
|
+
/* @__PURE__ */ jsx159("span", { className: ApplicationFooter_default.version, children: version })
|
|
44101
|
+
] }),
|
|
44102
|
+
/* @__PURE__ */ jsx159("small", { className: ApplicationFooter_default.copyright, children: copyright }),
|
|
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: [
|
|
44104
|
+
index ? /* @__PURE__ */ jsx159(Divider, { orientation: "vertical", tone: "muted" }) : null,
|
|
44105
|
+
/* @__PURE__ */ jsx159(Tooltip, { content: action.label, placement: "top", children: /* @__PURE__ */ jsx159("button", { "aria-label": action.label, className: ApplicationFooter_default.action, onClick: () => {
|
|
44106
|
+
var _a2;
|
|
44107
|
+
(_a2 = action.onSelect) == null ? void 0 : _a2.call(action);
|
|
44108
|
+
onActionSelect == null ? void 0 : onActionSelect(action);
|
|
44109
|
+
}, type: "button", children: /* @__PURE__ */ jsx159(CatalogIcon, { iconName: action.iconName }) }) })
|
|
44110
|
+
] }, action.id)) })
|
|
44111
|
+
] });
|
|
44112
|
+
}
|
|
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 = {"heading":"opus_cZqjKS_heading","subtitle":"opus_cZqjKS_subtitle","welcome-wave":"opus_cZqjKS_welcome-wave","root":"opus_cZqjKS_root","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
|
+
|
|
43842
44177
|
// ../../components/FontPicker/FontPicker.tsx
|
|
43843
44178
|
import {
|
|
43844
|
-
useCallback as
|
|
43845
|
-
useEffect as
|
|
43846
|
-
useMemo as
|
|
43847
|
-
useRef as
|
|
43848
|
-
useState as
|
|
44179
|
+
useCallback as useCallback31,
|
|
44180
|
+
useEffect as useEffect55,
|
|
44181
|
+
useMemo as useMemo43,
|
|
44182
|
+
useRef as useRef50,
|
|
44183
|
+
useState as useState71
|
|
43849
44184
|
} from "react";
|
|
43850
44185
|
|
|
43851
44186
|
// ../../components/FontPicker/googleFonts.ts
|
|
@@ -43958,10 +44293,10 @@ var googleFonts = [
|
|
|
43958
44293
|
];
|
|
43959
44294
|
|
|
43960
44295
|
// ../../components/FontPicker/FontPicker.module.css
|
|
43961
|
-
var FontPicker_default = {"
|
|
44296
|
+
var FontPicker_default = {"optionPreview":"opus_ub1fhz_optionPreview","triggerText":"opus_ub1fhz_triggerText","chevron":"opus_ub1fhz_chevron","options":"opus_ub1fhz_options","label":"opus_ub1fhz_label","dropdown":"opus_ub1fhz_dropdown","search":"opus_ub1fhz_search","optionName":"opus_ub1fhz_optionName","searchWrap":"opus_ub1fhz_searchWrap","empty":"opus_ub1fhz_empty","trigger":"opus_ub1fhz_trigger","option":"opus_ub1fhz_option","picker":"opus_ub1fhz_picker","field":"opus_ub1fhz_field"};
|
|
43962
44297
|
|
|
43963
44298
|
// ../../components/FontPicker/FontPicker.tsx
|
|
43964
|
-
import { jsx as
|
|
44299
|
+
import { jsx as jsx161, jsxs as jsxs128 } from "react/jsx-runtime";
|
|
43965
44300
|
var FONT_STORAGE_KEY = "opus-components-font";
|
|
43966
44301
|
var DEFAULT_FONT_FAMILY = "Space Grotesk";
|
|
43967
44302
|
var fontSet = new Set(googleFonts);
|
|
@@ -44009,8 +44344,8 @@ function applyDocumentFont(family) {
|
|
|
44009
44344
|
loadSelectedFont(family);
|
|
44010
44345
|
}
|
|
44011
44346
|
function useFontPreference() {
|
|
44012
|
-
const [fontFamily, setFontFamilyState] =
|
|
44013
|
-
|
|
44347
|
+
const [fontFamily, setFontFamilyState] = useState71(DEFAULT_FONT_FAMILY);
|
|
44348
|
+
useEffect55(() => {
|
|
44014
44349
|
const timeout = window.setTimeout(() => {
|
|
44015
44350
|
const stored = window.localStorage.getItem(FONT_STORAGE_KEY);
|
|
44016
44351
|
const initial = isGoogleFont(stored) ? stored : DEFAULT_FONT_FAMILY;
|
|
@@ -44019,7 +44354,7 @@ function useFontPreference() {
|
|
|
44019
44354
|
}, 0);
|
|
44020
44355
|
return () => window.clearTimeout(timeout);
|
|
44021
44356
|
}, []);
|
|
44022
|
-
const setFontFamily =
|
|
44357
|
+
const setFontFamily = useCallback31((next) => {
|
|
44023
44358
|
if (!isGoogleFont(next)) return;
|
|
44024
44359
|
setFontFamilyState(next);
|
|
44025
44360
|
applyDocumentFont(next);
|
|
@@ -44028,15 +44363,15 @@ function useFontPreference() {
|
|
|
44028
44363
|
return { fontFamily, setFontFamily };
|
|
44029
44364
|
}
|
|
44030
44365
|
function FontPicker({ id, onChange, value }) {
|
|
44031
|
-
const [open, setOpen] =
|
|
44032
|
-
const [query, setQuery] =
|
|
44033
|
-
const rootRef =
|
|
44034
|
-
const searchRef =
|
|
44035
|
-
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(() => {
|
|
44036
44371
|
const normalized = query.trim().toLocaleLowerCase();
|
|
44037
44372
|
return normalized ? googleFonts.filter((font) => font.toLocaleLowerCase().includes(normalized)) : googleFonts;
|
|
44038
44373
|
}, [query]);
|
|
44039
|
-
|
|
44374
|
+
useEffect55(() => {
|
|
44040
44375
|
var _a2;
|
|
44041
44376
|
if (!open) return;
|
|
44042
44377
|
loadFontLinks(googleFonts);
|
|
@@ -44055,10 +44390,10 @@ function FontPicker({ id, onChange, value }) {
|
|
|
44055
44390
|
document.removeEventListener("keydown", closeOnEscape);
|
|
44056
44391
|
};
|
|
44057
44392
|
}, [open]);
|
|
44058
|
-
return /* @__PURE__ */
|
|
44059
|
-
/* @__PURE__ */
|
|
44060
|
-
/* @__PURE__ */
|
|
44061
|
-
/* @__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(
|
|
44062
44397
|
"button",
|
|
44063
44398
|
{
|
|
44064
44399
|
"aria-controls": `${id}-options`,
|
|
@@ -44070,13 +44405,13 @@ function FontPicker({ id, onChange, value }) {
|
|
|
44070
44405
|
type: "button",
|
|
44071
44406
|
onClick: () => setOpen((current) => !current),
|
|
44072
44407
|
children: [
|
|
44073
|
-
/* @__PURE__ */
|
|
44074
|
-
/* @__PURE__ */
|
|
44408
|
+
/* @__PURE__ */ jsx161("span", { className: FontPicker_default.triggerText, children: value }),
|
|
44409
|
+
/* @__PURE__ */ jsx161("span", { "aria-hidden": "true", className: FontPicker_default.chevron })
|
|
44075
44410
|
]
|
|
44076
44411
|
}
|
|
44077
44412
|
),
|
|
44078
|
-
open ? /* @__PURE__ */
|
|
44079
|
-
/* @__PURE__ */
|
|
44413
|
+
open ? /* @__PURE__ */ jsxs128("div", { className: FontPicker_default.dropdown, children: [
|
|
44414
|
+
/* @__PURE__ */ jsx161("div", { className: FontPicker_default.searchWrap, children: /* @__PURE__ */ jsx161(
|
|
44080
44415
|
"input",
|
|
44081
44416
|
{
|
|
44082
44417
|
"aria-label": "Search Google Fonts",
|
|
@@ -44088,10 +44423,10 @@ function FontPicker({ id, onChange, value }) {
|
|
|
44088
44423
|
onChange: (event) => setQuery(event.target.value)
|
|
44089
44424
|
}
|
|
44090
44425
|
) }),
|
|
44091
|
-
/* @__PURE__ */
|
|
44426
|
+
/* @__PURE__ */ jsxs128("div", { "aria-label": "Google Fonts", className: FontPicker_default.options, id: `${id}-options`, role: "listbox", children: [
|
|
44092
44427
|
filteredFonts.map((font) => {
|
|
44093
44428
|
const selected = font === value;
|
|
44094
|
-
return /* @__PURE__ */
|
|
44429
|
+
return /* @__PURE__ */ jsxs128(
|
|
44095
44430
|
"button",
|
|
44096
44431
|
{
|
|
44097
44432
|
"aria-selected": selected,
|
|
@@ -44106,14 +44441,14 @@ function FontPicker({ id, onChange, value }) {
|
|
|
44106
44441
|
setQuery("");
|
|
44107
44442
|
},
|
|
44108
44443
|
children: [
|
|
44109
|
-
/* @__PURE__ */
|
|
44110
|
-
/* @__PURE__ */
|
|
44444
|
+
/* @__PURE__ */ jsx161("span", { className: FontPicker_default.optionName, children: font }),
|
|
44445
|
+
/* @__PURE__ */ jsx161("span", { className: FontPicker_default.optionPreview, children: "The quick brown fox" })
|
|
44111
44446
|
]
|
|
44112
44447
|
},
|
|
44113
44448
|
font
|
|
44114
44449
|
);
|
|
44115
44450
|
}),
|
|
44116
|
-
filteredFonts.length === 0 ? /* @__PURE__ */
|
|
44451
|
+
filteredFonts.length === 0 ? /* @__PURE__ */ jsx161("p", { className: FontPicker_default.empty, children: "No matching fonts" }) : null
|
|
44117
44452
|
] })
|
|
44118
44453
|
] }) : null
|
|
44119
44454
|
] })
|
|
@@ -44124,6 +44459,8 @@ export {
|
|
|
44124
44459
|
Accordion,
|
|
44125
44460
|
AccordionGroup,
|
|
44126
44461
|
Alert,
|
|
44462
|
+
ApplicationFooter,
|
|
44463
|
+
ApplicationHeader,
|
|
44127
44464
|
AspectRatio,
|
|
44128
44465
|
Avatar,
|
|
44129
44466
|
AvatarGroup,
|
|
@@ -44294,6 +44631,7 @@ export {
|
|
|
44294
44631
|
UpcomingTasks,
|
|
44295
44632
|
UserProfileWidget,
|
|
44296
44633
|
VisuallyHidden,
|
|
44634
|
+
WelcomeMessage,
|
|
44297
44635
|
accentColors,
|
|
44298
44636
|
cartesianSpecializedVariants,
|
|
44299
44637
|
countryCodeToFlag,
|
|
@@ -44306,6 +44644,7 @@ export {
|
|
|
44306
44644
|
defaultTopNavigationMenus,
|
|
44307
44645
|
demoSankeyLinks,
|
|
44308
44646
|
fieldInputAriaProps,
|
|
44647
|
+
getWelcomeGreeting,
|
|
44309
44648
|
googleFonts,
|
|
44310
44649
|
countries as phoneCountries,
|
|
44311
44650
|
useAccentPreference,
|