pixel-react 1.7.5 → 1.7.6
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/.yarn/install-state.gz +0 -0
- package/lib/1fb4472b34e4fe07.css +1 -0
- package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +6 -0
- package/lib/StyleGuide/Typography/Typography.stories.d.ts +6 -0
- package/lib/components/Accordion/Accordion.stories.d.ts +6 -0
- package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
- package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
- package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
- package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
- package/lib/components/Button/Button.stories.d.ts +13 -0
- package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
- package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
- package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
- package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +6 -0
- package/lib/components/Checkbox/Checkbox.stories.d.ts +8 -0
- package/lib/components/Chip/Chip.stories.d.ts +14 -0
- package/lib/components/ConditionalDropdown/types.d.ts +1 -1
- package/lib/components/DatePicker/DatePicker.stories.d.ts +9 -0
- package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +6 -0
- package/lib/components/Drawer/Drawer.stories.d.ts +12 -0
- package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
- package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
- package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
- package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
- package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
- package/lib/components/ExcelFile/Types.d.ts +129 -0
- package/lib/components/ExcelFile/index.d.ts +1 -0
- package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +7 -0
- package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
- package/lib/components/FileDropzone/FileDropzone.stories.d.ts +8 -0
- package/lib/components/FileDropzone/types.d.ts +12 -4
- package/lib/components/Form/Form.stories.d.ts +7 -0
- package/lib/components/GridLayout/GridLayout.stories.d.ts +8 -0
- package/lib/components/HighlightText/HighlightText.stories.d.ts +6 -0
- package/lib/components/Icon/Icon.stories.d.ts +8 -0
- package/lib/components/IconButton/IconButton.stories.d.ts +7 -0
- package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
- package/lib/components/Input/Input.stories.d.ts +9 -0
- package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +9 -0
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +11 -0
- package/lib/components/LazyLoad/LazyLoad.stories.d.ts +6 -0
- package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
- package/lib/components/MenuOption/MenuOption.stories.d.ts +16 -0
- package/lib/components/MenuOption/types.d.ts +1 -1
- package/lib/components/MiniModal/MiniModal.stories.d.ts +10 -0
- package/lib/components/Modal/Modal.stories.d.ts +7 -0
- package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +10 -0
- package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
- package/lib/components/Paper/Paper.stories.d.ts +11 -0
- package/lib/components/PopUpModal/types.d.ts +2 -1
- package/lib/components/RadioButton/RadioButton.stories.d.ts +10 -0
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
- package/lib/components/Search/Search.stories.d.ts +6 -0
- package/lib/components/Select/Select.stories.d.ts +13 -0
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +4 -0
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +17 -0
- package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
- package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
- package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
- package/lib/components/Table/Table.stories.d.ts +13 -0
- package/lib/components/TableTree/TableTree.stories.d.ts +7 -0
- package/lib/components/Tabs/Tabs.stories.d.ts +9 -0
- package/lib/components/TextArea/Textarea.stories.d.ts +9 -0
- package/lib/components/Toast/Toast.stories.d.ts +6 -0
- package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
- package/lib/components/Toggle/Toggle.stories.d.ts +12 -0
- package/lib/components/Tooltip/Tooltip.stories.d.ts +15 -0
- package/lib/components/Typography/Typography.stories.d.ts +10 -0
- package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
- package/lib/index.d.ts +69 -63
- package/lib/index.esm.js +188 -253
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +188 -253
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +6 -0
- package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
- package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
- package/lib/utils/debounce/debounce.stories.d.ts +6 -0
- package/lib/utils/ffID/ffID.stories.d.ts +6 -0
- package/lib/utils/find/findAndInsert.d.ts +7 -0
- package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
- package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
- package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
- package/lib/utils/getExtension/getExtension.stories.d.ts +6 -0
- package/lib/utils/throttle/throttle.stories.d.ts +6 -0
- package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
- package/package.json +1 -1
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +4 -0
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +1 -1
- package/src/components/ConditionalDropdown/ConditionalDropdown.stories.tsx +1 -1
- package/src/components/ConditionalDropdown/types.ts +1 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +8 -8
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +1 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +4 -3
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +35 -27
- package/src/components/FileDropzone/Dropzone.tsx +3 -0
- package/src/components/FileDropzone/FileDropzone.scss +18 -0
- package/src/components/FileDropzone/FileDropzone.stories.tsx +75 -7
- package/src/components/FileDropzone/FileDropzone.tsx +2 -0
- package/src/components/FileDropzone/RadioFilePreview.tsx +7 -3
- package/src/components/FileDropzone/types.ts +13 -4
- package/src/components/MenuOption/MenuOption.stories.tsx +2 -3
- package/src/components/MenuOption/MenuOption.tsx +27 -29
- package/src/components/MenuOption/types.ts +1 -1
- package/src/components/PopUpModal/types.ts +4 -3
- package/src/components/Search/Search.stories.tsx +1 -2
- package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- package/lib/components/TableTree/TableTree copy.d.ts +0 -25
- /package/lib/components/{Excel → ExcelFile}/ContextMenu/ContextMenu.d.ts +0 -0
package/lib/index.esm.js
CHANGED
@@ -3180,9 +3180,9 @@ const OptionCard = ({
|
|
3180
3180
|
const optionCardRef = useRef(null);
|
3181
3181
|
useEffect(() => {
|
3182
3182
|
if (optionCardRef?.current) {
|
3183
|
-
const rect = optionCardRef
|
3184
|
-
setOptionsHeight(rect
|
3185
|
-
setOptionsWidth(rect
|
3183
|
+
const rect = optionCardRef?.current?.getBoundingClientRect();
|
3184
|
+
setOptionsHeight(rect?.height);
|
3185
|
+
setOptionsWidth(rect?.width);
|
3186
3186
|
}
|
3187
3187
|
}, []);
|
3188
3188
|
useClickOutside(menuRef, closeDropdown, [optionCardRef]);
|
@@ -3195,7 +3195,7 @@ const OptionCard = ({
|
|
3195
3195
|
};
|
3196
3196
|
case 'down':
|
3197
3197
|
return {
|
3198
|
-
top: menuPosition.top +
|
3198
|
+
top: menuPosition.top + 20,
|
3199
3199
|
left: menuPosition.left - 4
|
3200
3200
|
};
|
3201
3201
|
case 'left':
|
@@ -3206,25 +3206,23 @@ const OptionCard = ({
|
|
3206
3206
|
case 'right':
|
3207
3207
|
return {
|
3208
3208
|
top: menuPosition.top - 4,
|
3209
|
-
left: menuPosition.left +
|
3209
|
+
left: menuPosition.left + 20
|
3210
3210
|
};
|
3211
3211
|
default:
|
3212
3212
|
return {
|
3213
|
-
top: menuPosition.
|
3214
|
-
left: menuPosition.
|
3213
|
+
top: menuPosition.bottom,
|
3214
|
+
left: menuPosition.rightSpaceAvailable + 12
|
3215
3215
|
};
|
3216
3216
|
}
|
3217
3217
|
})();
|
3218
|
-
const adjustedStyle = {
|
3219
|
-
top: Math.min(Math.max(style.top, 0), window.innerHeight - optionsHeight),
|
3220
|
-
left: Math.min(Math.max(style.left, 0), window.innerWidth - optionsWidth),
|
3221
|
-
zIndex
|
3222
|
-
};
|
3223
3218
|
return /*#__PURE__*/createPortal(jsx("div", {
|
3224
3219
|
className: classNames('ff-option-card', [{
|
3225
3220
|
'ff-option-card--primary': variant === 'primary'
|
3226
3221
|
}], currentTheme),
|
3227
|
-
style:
|
3222
|
+
style: {
|
3223
|
+
...style,
|
3224
|
+
zIndex
|
3225
|
+
},
|
3228
3226
|
ref: optionCardRef,
|
3229
3227
|
children: options.map(opt => jsx(Option$1, {
|
3230
3228
|
option: opt,
|
@@ -3258,19 +3256,6 @@ const MenuOption = ({
|
|
3258
3256
|
right: 0
|
3259
3257
|
});
|
3260
3258
|
const closeDropDown = () => setIsClicked(false);
|
3261
|
-
const calculateDims = () => {
|
3262
|
-
if (targetRef?.current) {
|
3263
|
-
const rect = targetRef.current.getBoundingClientRect();
|
3264
|
-
const containerScrollTop = targetRef.current?.offsetParent?.scrollTop || 0;
|
3265
|
-
const containerScrollLeft = targetRef.current?.offsetParent?.scrollLeft || 0;
|
3266
|
-
setMenuPosition({
|
3267
|
-
top: rect.top + window.scrollY - containerScrollTop,
|
3268
|
-
left: rect.left + window.scrollX - containerScrollLeft,
|
3269
|
-
height: rect.height,
|
3270
|
-
right: rect.right
|
3271
|
-
});
|
3272
|
-
}
|
3273
|
-
};
|
3274
3259
|
const onIconClickHandler = () => {
|
3275
3260
|
onClick();
|
3276
3261
|
calculateDims();
|
@@ -3280,6 +3265,23 @@ const MenuOption = ({
|
|
3280
3265
|
onOptionClick(option);
|
3281
3266
|
closeDropDown();
|
3282
3267
|
};
|
3268
|
+
const calculateDims = () => {
|
3269
|
+
let targetElement = null;
|
3270
|
+
if (typeof targetRef === 'string') {
|
3271
|
+
targetElement = document.getElementById(targetRef);
|
3272
|
+
} else if (targetRef && targetRef.current) {
|
3273
|
+
targetElement = targetRef.current;
|
3274
|
+
}
|
3275
|
+
if (targetElement) {
|
3276
|
+
const rect = targetElement.getBoundingClientRect();
|
3277
|
+
setMenuPosition({
|
3278
|
+
top: rect.top + window.scrollY,
|
3279
|
+
left: rect.left + window.scrollX,
|
3280
|
+
height: rect.height,
|
3281
|
+
right: rect.right
|
3282
|
+
});
|
3283
|
+
}
|
3284
|
+
};
|
3283
3285
|
return jsxs("div", {
|
3284
3286
|
className: "ff-menu-option-container",
|
3285
3287
|
ref: menuRef,
|
@@ -4042,7 +4044,7 @@ const useFileDropzone = options => {
|
|
4042
4044
|
};
|
4043
4045
|
};
|
4044
4046
|
|
4045
|
-
var css_248z$S = ".ff-file-dropzone-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone {\n padding: 16px 0;\n border-radius: 8px;\n background: var(--file-dropzone-default-color);\n border: 1px dashed var(--brand-color);\n display: flex;\n align-items: center;\n flex-direction: column;\n text-align: center;\n gap: 8px;\n transition: background-color 0.2s ease;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone .ff-radio-group-wrapper {\n position: relative;\n bottom: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone:hover, .ff-file-dropzone-wrapper .ff-file-dropzone--active {\n background-color: var(--file-dropzone-selected-color);\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone--webservice-file {\n display: grid;\n place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone--webservice-container {\n display: grid;\n place-items: center;\n padding: 16px 0 40px 0;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__icon {\n height: 80px;\n width: 80px;\n display: grid;\n place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn {\n margin: 0 auto;\n position: relative;\n font-weight: 600;\n line-height: 15px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__webservice-file {\n padding: 4px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n max-height: 300px;\n overflow-y: auto;\n scroll-behavior: smooth;\n padding: 2px;\n -ms-overflow-style: none;\n scrollbar-width: thin;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper ::-webkit-scrollbar {\n width: 2px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px;\n border-radius: 4px;\n background-color: var(--file-details-bg);\n box-shadow: 0px 0px 4px 0px var(--file-details-container-shadow);\n overflow: hidden;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info {\n display: flex;\n align-items: center;\n gap: 4px;\n width: 87%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info .ff-file-info__icon {\n display: grid;\n place-items: center;\n height: 24px;\n width: 24px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper {\n display: flex;\n flex-direction: column;\n gap: 2px;\n justify-content: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper__name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: block;\n color: var(--text-color);\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-replace, .ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-remove {\n height: 24px;\n width: 24px;\n display: grid;\n place-items: center;\n cursor: pointer;\n}\n\n.ff-webservice-file-wrapper {\n display: flex;\n gap: 8px;\n}\n.ff-webservice-file-wrapper .ff-webservice-file-name {\n position: relative;\n bottom: 2px;\n}\n\n.ff-input-ref {\n display: none;\n}\n\n.ff-disable-file-dropzone-wrapper {\n opacity: 0.5;\n cursor: not-allowed;\n}";
|
4047
|
+
var css_248z$S = ".ff-file-dropzone-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone {\n padding: 16px 0;\n border-radius: 8px;\n background: var(--file-dropzone-default-color);\n border: 1px dashed var(--brand-color);\n display: flex;\n align-items: center;\n flex-direction: column;\n text-align: center;\n gap: 8px;\n transition: background-color 0.2s ease;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone .ff-radio-group-wrapper {\n position: relative;\n bottom: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone:hover, .ff-file-dropzone-wrapper .ff-file-dropzone--active {\n background-color: var(--file-dropzone-selected-color);\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone--webservice-file {\n display: grid;\n place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone--webservice-container {\n display: grid;\n place-items: center;\n padding: 16px 0 40px 0;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__icon {\n height: 80px;\n width: 80px;\n display: grid;\n place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn {\n margin: 0 auto;\n position: relative;\n font-weight: 600;\n line-height: 15px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn input {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__webservice-file {\n padding: 4px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper {\n display: flex;\n flex-direction: column;\n gap: 10px;\n max-height: 300px;\n overflow-y: auto;\n scroll-behavior: smooth;\n padding: 2px;\n -ms-overflow-style: none;\n scrollbar-width: thin;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper ::-webkit-scrollbar {\n width: 2px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px;\n border-radius: 4px;\n background-color: var(--file-details-bg);\n box-shadow: 0px 0px 4px 0px var(--file-details-container-shadow);\n overflow: hidden;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info {\n display: flex;\n align-items: center;\n gap: 4px;\n width: 87%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info .ff-file-info__icon {\n display: grid;\n place-items: center;\n height: 24px;\n width: 24px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper {\n display: flex;\n flex-direction: column;\n gap: 2px;\n justify-content: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper__name {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n display: block;\n color: var(--text-color);\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-replace, .ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-remove {\n height: 24px;\n width: 24px;\n display: grid;\n place-items: center;\n cursor: pointer;\n}\n\n.ff-webservice-file-wrapper {\n display: flex;\n gap: 8px;\n}\n.ff-webservice-file-wrapper .ff-webservice-file-name {\n position: relative;\n bottom: 2px;\n}\n\n.ff-input-ref {\n display: none;\n}\n\n.ff-disable-file-dropzone-wrapper {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.footer_basic_button {\n width: 100%;\n position: absolute;\n bottom: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n justify-content: flex-end;\n gap: 16px;\n border-top: 1px solid var(--border-color);\n padding: 4px 8px;\n background-color: var(--primary-icon-color);\n}";
|
4046
4048
|
styleInject(css_248z$S);
|
4047
4049
|
|
4048
4050
|
var css_248z$R = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-radio-wrapper .ff-radio {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-radio-wrapper {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n.ff-radio-wrapper .ff-radio {\n position: relative;\n color: var(--text-color);\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input {\n display: none;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom {\n box-sizing: content-box;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n border: 1px solid var(--radio-button-border);\n position: relative;\n margin-right: 8px;\n transition: border-color background-color;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom::before {\n content: \"\";\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #fbfdff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n transition: background-color 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom::after {\n content: \"\";\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 4px solid #f7edff;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom {\n border: 1px solid var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom::before {\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom::after {\n opacity: 1;\n transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked + .ff-radio-custom {\n border-color: var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked + .ff-radio-custom::before {\n background: var(--brand-color);\n height: 12px;\n width: 12px;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom {\n border: 1px solid var(--radio-button-border);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom::before {\n background: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom::after {\n border: 4px solid var(--radio-button-hover);\n opacity: 0;\n transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom {\n border-color: var(--brand-color);\n background-color: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom::before {\n background: var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio--disabled {\n cursor: default;\n}\n.ff-radio-wrapper .ff-radio--disabled .ff-radio-custom {\n opacity: 0.5;\n}";
|
@@ -4126,13 +4128,17 @@ const RadioGroup = ({
|
|
4126
4128
|
const RadioFilePreview = ({
|
4127
4129
|
selectedFile,
|
4128
4130
|
onFileRemoveClick,
|
4129
|
-
onFileReplaceClick
|
4131
|
+
onFileReplaceClick,
|
4132
|
+
selectedRadioOption,
|
4133
|
+
setShowDrawer
|
4130
4134
|
}) => {
|
4131
4135
|
const fileInputRef = useRef(null);
|
4132
4136
|
const handleReplaceClick = () => {
|
4133
|
-
if (
|
4134
|
-
|
4137
|
+
if (selectedRadioOption?.value === 'Test Data') {
|
4138
|
+
setShowDrawer?.(true);
|
4139
|
+
return;
|
4135
4140
|
}
|
4141
|
+
fileInputRef.current?.click();
|
4136
4142
|
};
|
4137
4143
|
const handleFileChange = event => {
|
4138
4144
|
const file = event.target.files?.[0];
|
@@ -4204,7 +4210,8 @@ const Dropzone = ({
|
|
4204
4210
|
selectedFile,
|
4205
4211
|
setSelectedFile,
|
4206
4212
|
handleRemoveFile,
|
4207
|
-
isDisable
|
4213
|
+
isDisable,
|
4214
|
+
setShowDrawer
|
4208
4215
|
}) => {
|
4209
4216
|
const isWebServiceFile = selectedFile?.name && isWebServiceFileDropZone;
|
4210
4217
|
return jsx("div", {
|
@@ -4221,7 +4228,9 @@ const Dropzone = ({
|
|
4221
4228
|
selectedFile: selectedFile.name,
|
4222
4229
|
onFileRemoveClick: handleRemoveFile,
|
4223
4230
|
onFileReplaceClick: setSelectedFile,
|
4224
|
-
setSelectedFile: setSelectedFile
|
4231
|
+
setSelectedFile: setSelectedFile,
|
4232
|
+
selectedRadioOption: selectedRadioOption,
|
4233
|
+
setShowDrawer: setShowDrawer
|
4225
4234
|
}) : jsxs(Fragment, {
|
4226
4235
|
children: [jsx("div", {
|
4227
4236
|
className: "ff-file-dropzone-content__icon",
|
@@ -4376,7 +4385,8 @@ const FileDropzone = ({
|
|
4376
4385
|
handleFileChange,
|
4377
4386
|
handleRemoveFile,
|
4378
4387
|
isApiResponseError = false,
|
4379
|
-
isDisable = false
|
4388
|
+
isDisable = false,
|
4389
|
+
setShowDrawer
|
4380
4390
|
}) => {
|
4381
4391
|
const fileInputRef = useRef(null);
|
4382
4392
|
const {
|
@@ -4450,7 +4460,8 @@ const FileDropzone = ({
|
|
4450
4460
|
handleFileChange: handleFileChange,
|
4451
4461
|
handleRemoveFile: handleRemoveFile,
|
4452
4462
|
setSelectedFile: setSelectedFile,
|
4453
|
-
isDisable: isDisable
|
4463
|
+
isDisable: isDisable,
|
4464
|
+
setShowDrawer: setShowDrawer
|
4454
4465
|
}), isWebServiceFileDropZone && jsx("input", {
|
4455
4466
|
ref: fileInputRef,
|
4456
4467
|
type: "file",
|
@@ -13239,53 +13250,6 @@ function setYear(date, year, options) {
|
|
13239
13250
|
return date_;
|
13240
13251
|
}
|
13241
13252
|
|
13242
|
-
const FIVE_WEEKS = 5;
|
13243
|
-
const FOUR_WEEKS = 4;
|
13244
|
-
/**
|
13245
|
-
* Return the number of weeks to display in the broadcast calendar.
|
13246
|
-
*
|
13247
|
-
* @since 9.4.0
|
13248
|
-
*/
|
13249
|
-
function getBroadcastWeeksInMonth(month, dateLib) {
|
13250
|
-
// Get the first day of the month
|
13251
|
-
const firstDayOfMonth = dateLib.startOfMonth(month);
|
13252
|
-
// Get the day of the week for the first day of the month (1-7, where 1 is Monday)
|
13253
|
-
const firstDayOfWeek = firstDayOfMonth.getDay() > 0 ? firstDayOfMonth.getDay() : 7;
|
13254
|
-
const broadcastStartDate = dateLib.addDays(month, -firstDayOfWeek + 1);
|
13255
|
-
const lastDateOfLastWeek = dateLib.addDays(broadcastStartDate, FIVE_WEEKS * 7 - 1);
|
13256
|
-
const numberOfWeeks = month.getMonth() === lastDateOfLastWeek.getMonth() ? FIVE_WEEKS : FOUR_WEEKS;
|
13257
|
-
return numberOfWeeks;
|
13258
|
-
}
|
13259
|
-
|
13260
|
-
/**
|
13261
|
-
* Return the start date of the week in the broadcast calendar.
|
13262
|
-
*
|
13263
|
-
* @since 9.4.0
|
13264
|
-
*/
|
13265
|
-
function startOfBroadcastWeek(date, dateLib) {
|
13266
|
-
const firstOfMonth = dateLib.startOfMonth(date);
|
13267
|
-
const dayOfWeek = firstOfMonth.getDay();
|
13268
|
-
if (dayOfWeek === 1) {
|
13269
|
-
return firstOfMonth;
|
13270
|
-
} else if (dayOfWeek === 0) {
|
13271
|
-
return dateLib.addDays(firstOfMonth, -1 * 6);
|
13272
|
-
} else {
|
13273
|
-
return dateLib.addDays(firstOfMonth, -1 * (dayOfWeek - 1));
|
13274
|
-
}
|
13275
|
-
}
|
13276
|
-
|
13277
|
-
/**
|
13278
|
-
* Return the end date of the week in the broadcast calendar.
|
13279
|
-
*
|
13280
|
-
* @since 9.4.0
|
13281
|
-
*/
|
13282
|
-
function endOfBroadcastWeek(date, dateLib) {
|
13283
|
-
const startDate = startOfBroadcastWeek(date, dateLib);
|
13284
|
-
const numberOfWeeks = getBroadcastWeeksInMonth(date, dateLib);
|
13285
|
-
const endDate = dateLib.addDays(startDate, numberOfWeeks * 7 - 1);
|
13286
|
-
return endDate;
|
13287
|
-
}
|
13288
|
-
|
13289
13253
|
/**
|
13290
13254
|
* A wrapper class around [date-fns](http://date-fns.org) sharing the same
|
13291
13255
|
* options. Methods of this class can be overridden using the
|
@@ -13366,15 +13330,6 @@ class DateLib {
|
|
13366
13330
|
this.differenceInCalendarMonths = (dateLeft, dateRight) => {
|
13367
13331
|
return this.overrides?.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(dateLeft, dateRight) : differenceInCalendarMonths(dateLeft, dateRight);
|
13368
13332
|
};
|
13369
|
-
/**
|
13370
|
-
* Returns the end of the broadcast week for the given date.
|
13371
|
-
*
|
13372
|
-
* @param date The original date.
|
13373
|
-
* @returns The end of the broadcast week.
|
13374
|
-
*/
|
13375
|
-
this.endOfBroadcastWeek = date => {
|
13376
|
-
return this.overrides?.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(date, this) : endOfBroadcastWeek(date, this);
|
13377
|
-
};
|
13378
13333
|
/**
|
13379
13334
|
* Returns the end of the ISO week for the given date.
|
13380
13335
|
*
|
@@ -13536,15 +13491,6 @@ class DateLib {
|
|
13536
13491
|
this.setYear = (date, year) => {
|
13537
13492
|
return this.overrides?.setYear ? this.overrides.setYear(date, year) : setYear(date, year);
|
13538
13493
|
};
|
13539
|
-
/**
|
13540
|
-
* Returns the start of the broadcast week for the given date.
|
13541
|
-
*
|
13542
|
-
* @param date The original date.
|
13543
|
-
* @returns The start of the broadcast week.
|
13544
|
-
*/
|
13545
|
-
this.startOfBroadcastWeek = date => {
|
13546
|
-
return this.overrides?.startOfBroadcastWeek ? this.overrides.startOfBroadcastWeek(date, this) : startOfBroadcastWeek(date, this);
|
13547
|
-
};
|
13548
13494
|
/**
|
13549
13495
|
* Returns the start of the day for the given date.
|
13550
13496
|
*
|
@@ -14130,8 +14076,7 @@ function getDataAttributes(props) {
|
|
14130
14076
|
"data-mode": props.mode ?? undefined,
|
14131
14077
|
"data-required": "required" in props ? props.required : undefined,
|
14132
14078
|
"data-multiple-months": props.numberOfMonths && props.numberOfMonths > 1 || undefined,
|
14133
|
-
"data-week-numbers": props.showWeekNumber || undefined
|
14134
|
-
"data-broadcast-calendar": props.broadcastCalendar || undefined
|
14079
|
+
"data-week-numbers": props.showWeekNumber || undefined
|
14135
14080
|
};
|
14136
14081
|
Object.entries(props).forEach(([key, val]) => {
|
14137
14082
|
if (key.startsWith("data-")) {
|
@@ -14197,7 +14142,7 @@ function formatDay(date, options, dateLib) {
|
|
14197
14142
|
*/
|
14198
14143
|
function formatMonthDropdown(/** The month number to format. */
|
14199
14144
|
monthNumber, /** The locale to use for formatting. */
|
14200
|
-
locale) {
|
14145
|
+
locale = enUS) {
|
14201
14146
|
return locale.localize?.month(monthNumber);
|
14202
14147
|
}
|
14203
14148
|
|
@@ -14301,7 +14246,7 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
|
|
14301
14246
|
return a - b;
|
14302
14247
|
});
|
14303
14248
|
const options = sortedMonths.map(value => {
|
14304
|
-
const label = formatters.formatMonthDropdown(value, dateLib.options.locale
|
14249
|
+
const label = formatters.formatMonthDropdown(value, dateLib.options.locale);
|
14305
14250
|
const month = dateLib.Date ? new dateLib.Date(year, value) : new Date(year, value);
|
14306
14251
|
const disabled = navStart && month < startOfMonth(navStart) || navEnd && month > startOfMonth(navEnd) || false;
|
14307
14252
|
return {
|
@@ -14676,8 +14621,7 @@ function tzName(tz, date) {
|
|
14676
14621
|
*/
|
14677
14622
|
function getWeekdays(/** The date library. */
|
14678
14623
|
dateLib, /** Use ISOWeek instead of locale/ */
|
14679
|
-
ISOWeek, timeZone
|
14680
|
-
broadcastCalendar) {
|
14624
|
+
ISOWeek, timeZone) {
|
14681
14625
|
const date = timeZone ? TZDate.tz(timeZone) : dateLib.Date ? new dateLib.Date() : new Date();
|
14682
14626
|
const start = ISOWeek ? dateLib.startOfISOWeek(date) : dateLib.startOfWeek(date);
|
14683
14627
|
const days = [];
|
@@ -14880,30 +14824,29 @@ var defaultLabels = /*#__PURE__*/Object.freeze({
|
|
14880
14824
|
labelYearDropdown: labelYearDropdown
|
14881
14825
|
});
|
14882
14826
|
|
14827
|
+
/** The number of days in a month when having 6 weeks. */
|
14828
|
+
const NrOfDaysWithFixedWeeks = 42;
|
14883
14829
|
/** Return all the dates to display in the calendar. */
|
14884
14830
|
function getDates(displayMonths, maxDate, props, dateLib) {
|
14885
14831
|
const firstMonth = displayMonths[0];
|
14886
14832
|
const lastMonth = displayMonths[displayMonths.length - 1];
|
14887
14833
|
const {
|
14888
14834
|
ISOWeek,
|
14889
|
-
fixedWeeks
|
14890
|
-
broadcastCalendar
|
14835
|
+
fixedWeeks
|
14891
14836
|
} = props ?? {};
|
14892
14837
|
const {
|
14838
|
+
startOfWeek,
|
14839
|
+
endOfWeek,
|
14840
|
+
startOfISOWeek,
|
14841
|
+
endOfISOWeek,
|
14893
14842
|
addDays,
|
14894
14843
|
differenceInCalendarDays,
|
14895
14844
|
differenceInCalendarMonths,
|
14896
|
-
endOfBroadcastWeek,
|
14897
|
-
endOfISOWeek,
|
14898
|
-
endOfMonth,
|
14899
|
-
endOfWeek,
|
14900
14845
|
isAfter,
|
14901
|
-
|
14902
|
-
startOfISOWeek,
|
14903
|
-
startOfWeek
|
14846
|
+
endOfMonth
|
14904
14847
|
} = dateLib;
|
14905
|
-
const startWeekFirstDate =
|
14906
|
-
const endWeekLastDate =
|
14848
|
+
const startWeekFirstDate = ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
|
14849
|
+
const endWeekLastDate = ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
|
14907
14850
|
const nOfDays = differenceInCalendarDays(endWeekLastDate, startWeekFirstDate);
|
14908
14851
|
const nOfMonths = differenceInCalendarMonths(lastMonth, firstMonth) + 1;
|
14909
14852
|
const dates = [];
|
@@ -14915,11 +14858,9 @@ function getDates(displayMonths, maxDate, props, dateLib) {
|
|
14915
14858
|
dates.push(date);
|
14916
14859
|
}
|
14917
14860
|
// If fixed weeks is enabled, add the extra dates to the array
|
14918
|
-
const
|
14919
|
-
const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
|
14861
|
+
const extraDates = NrOfDaysWithFixedWeeks * nOfMonths;
|
14920
14862
|
if (fixedWeeks && dates.length < extraDates) {
|
14921
|
-
|
14922
|
-
for (let i = 0; i < daysToAdd; i++) {
|
14863
|
+
for (let i = 0; i < 7; i++) {
|
14923
14864
|
const date = addDays(dates[dates.length - 1], 1);
|
14924
14865
|
dates.push(date);
|
14925
14866
|
}
|
@@ -15030,29 +14971,25 @@ displayMonths, /** The dates to display in the calendar. */
|
|
15030
14971
|
dates, /** Options from the props context. */
|
15031
14972
|
props, dateLib) {
|
15032
14973
|
const {
|
15033
|
-
|
15034
|
-
|
14974
|
+
startOfWeek,
|
14975
|
+
endOfWeek,
|
14976
|
+
startOfISOWeek,
|
15035
14977
|
endOfISOWeek,
|
15036
14978
|
endOfMonth,
|
15037
|
-
|
15038
|
-
getISOWeek,
|
14979
|
+
addDays,
|
15039
14980
|
getWeek,
|
15040
|
-
|
15041
|
-
startOfISOWeek,
|
15042
|
-
startOfWeek
|
14981
|
+
getISOWeek
|
15043
14982
|
} = dateLib;
|
15044
14983
|
const dayPickerMonths = displayMonths.reduce((months, month) => {
|
15045
|
-
const firstDateOfFirstWeek = props.
|
15046
|
-
const lastDateOfLastWeek = props.
|
14984
|
+
const firstDateOfFirstWeek = props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
|
14985
|
+
const lastDateOfLastWeek = props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
|
15047
14986
|
/** The dates to display in the month. */
|
15048
14987
|
const monthDates = dates.filter(date => {
|
15049
14988
|
return date >= firstDateOfFirstWeek && date <= lastDateOfLastWeek;
|
15050
14989
|
});
|
15051
|
-
|
15052
|
-
if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
|
14990
|
+
if (props.fixedWeeks && monthDates.length < 42) {
|
15053
14991
|
const extraDates = dates.filter(date => {
|
15054
|
-
|
15055
|
-
return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, daysToAdd);
|
14992
|
+
return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, 7);
|
15056
14993
|
});
|
15057
14994
|
monthDates.push(...extraDates);
|
15058
14995
|
}
|
@@ -15490,30 +15427,27 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
|
|
15490
15427
|
/** Return the next date that should be focused. */
|
15491
15428
|
function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dateLib) {
|
15492
15429
|
const {
|
15493
|
-
ISOWeek
|
15494
|
-
broadcastCalendar
|
15430
|
+
ISOWeek
|
15495
15431
|
} = props;
|
15496
15432
|
const {
|
15497
15433
|
addDays,
|
15498
15434
|
addMonths,
|
15499
|
-
addWeeks,
|
15500
15435
|
addYears,
|
15501
|
-
|
15436
|
+
addWeeks,
|
15437
|
+
startOfISOWeek,
|
15502
15438
|
endOfISOWeek,
|
15439
|
+
startOfWeek,
|
15503
15440
|
endOfWeek,
|
15504
15441
|
max,
|
15505
|
-
min
|
15506
|
-
startOfBroadcastWeek,
|
15507
|
-
startOfISOWeek,
|
15508
|
-
startOfWeek
|
15442
|
+
min
|
15509
15443
|
} = dateLib;
|
15510
15444
|
const moveFns = {
|
15511
15445
|
day: addDays,
|
15512
15446
|
week: addWeeks,
|
15513
15447
|
month: addMonths,
|
15514
15448
|
year: addYears,
|
15515
|
-
startOfWeek: date =>
|
15516
|
-
endOfWeek: date =>
|
15449
|
+
startOfWeek: date => ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
|
15450
|
+
endOfWeek: date => ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
|
15517
15451
|
};
|
15518
15452
|
let focusableDate = moveFns[moveBy](refDate, moveDir === "after" ? 1 : -1);
|
15519
15453
|
if (moveDir === "before" && navStart) {
|
@@ -15579,8 +15513,6 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
|
|
15579
15513
|
/**
|
15580
15514
|
* Return a function to get the modifiers for a given day.
|
15581
15515
|
*
|
15582
|
-
* NOTE: this is not an hook, but a factory for `getModifiers`.
|
15583
|
-
*
|
15584
15516
|
* @private
|
15585
15517
|
*/
|
15586
15518
|
function useGetModifiers(days, props, dateLib) {
|
@@ -15589,19 +15521,12 @@ function useGetModifiers(days, props, dateLib) {
|
|
15589
15521
|
hidden,
|
15590
15522
|
modifiers,
|
15591
15523
|
showOutsideDays,
|
15592
|
-
broadcastCalendar,
|
15593
15524
|
today
|
15594
15525
|
} = props;
|
15595
15526
|
const {
|
15596
15527
|
isSameDay,
|
15597
|
-
isSameMonth
|
15598
|
-
startOfMonth,
|
15599
|
-
isBefore,
|
15600
|
-
endOfMonth,
|
15601
|
-
isAfter
|
15528
|
+
isSameMonth
|
15602
15529
|
} = dateLib;
|
15603
|
-
const startMonth = props.startMonth && startOfMonth(props.startMonth);
|
15604
|
-
const endMonth = props.endMonth && endOfMonth(props.endMonth);
|
15605
15530
|
const internalModifiersMap = {
|
15606
15531
|
[DayFlag.focused]: [],
|
15607
15532
|
[DayFlag.outside]: [],
|
@@ -15610,18 +15535,20 @@ function useGetModifiers(days, props, dateLib) {
|
|
15610
15535
|
[DayFlag.today]: []
|
15611
15536
|
};
|
15612
15537
|
const customModifiersMap = {};
|
15538
|
+
const selectionModifiersMap = {
|
15539
|
+
[SelectionState.range_end]: [],
|
15540
|
+
[SelectionState.range_middle]: [],
|
15541
|
+
[SelectionState.range_start]: [],
|
15542
|
+
[SelectionState.selected]: []
|
15543
|
+
};
|
15613
15544
|
for (const day of days) {
|
15614
15545
|
const {
|
15615
15546
|
date,
|
15616
15547
|
displayMonth
|
15617
15548
|
} = day;
|
15618
15549
|
const isOutside = Boolean(displayMonth && !isSameMonth(date, displayMonth));
|
15619
|
-
const isBeforeStartMonth = Boolean(startMonth && isBefore(date, startMonth));
|
15620
|
-
const isAfterEndMonth = Boolean(endMonth && isAfter(date, endMonth));
|
15621
15550
|
const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
|
15622
|
-
const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) ||
|
15623
|
-
// Broadcast calendar will show outside days as default
|
15624
|
-
!broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
|
15551
|
+
const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || !showOutsideDays && isOutside;
|
15625
15552
|
const isToday = isSameDay(date, today ?? (props.timeZone ? TZDate.tz(props.timeZone) : dateLib.Date ? new dateLib.Date() : new Date()));
|
15626
15553
|
if (isOutside) internalModifiersMap.outside.push(day);
|
15627
15554
|
if (isDisabled) internalModifiersMap.disabled.push(day);
|
@@ -15650,16 +15577,27 @@ function useGetModifiers(days, props, dateLib) {
|
|
15650
15577
|
[DayFlag.outside]: false,
|
15651
15578
|
[DayFlag.today]: false
|
15652
15579
|
};
|
15580
|
+
const selectionStates = {
|
15581
|
+
[SelectionState.range_end]: false,
|
15582
|
+
[SelectionState.range_middle]: false,
|
15583
|
+
[SelectionState.range_start]: false,
|
15584
|
+
[SelectionState.selected]: false
|
15585
|
+
};
|
15653
15586
|
const customModifiers = {};
|
15654
15587
|
// Find the modifiers for the given day
|
15655
15588
|
for (const name in internalModifiersMap) {
|
15656
15589
|
const days = internalModifiersMap[name];
|
15657
15590
|
dayFlags[name] = days.some(d => d === day);
|
15658
15591
|
}
|
15592
|
+
for (const name in selectionModifiersMap) {
|
15593
|
+
const days = selectionModifiersMap[name];
|
15594
|
+
selectionStates[name] = days.some(d => d === day);
|
15595
|
+
}
|
15659
15596
|
for (const name in customModifiersMap) {
|
15660
15597
|
customModifiers[name] = customModifiersMap[name].some(d => d === day);
|
15661
15598
|
}
|
15662
15599
|
return {
|
15600
|
+
...selectionStates,
|
15663
15601
|
...dayFlags,
|
15664
15602
|
// custom modifiers should override all the previous ones
|
15665
15603
|
...customModifiers
|
@@ -16064,7 +16002,7 @@ function DayPicker(props) {
|
|
16064
16002
|
};
|
16065
16003
|
const dateLib = new DateLib({
|
16066
16004
|
locale,
|
16067
|
-
weekStartsOn: props.
|
16005
|
+
weekStartsOn: props.weekStartsOn,
|
16068
16006
|
firstWeekContainsDate: props.firstWeekContainsDate,
|
16069
16007
|
useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
|
16070
16008
|
useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens
|
@@ -16083,7 +16021,7 @@ function DayPicker(props) {
|
|
16083
16021
|
...props.classNames
|
16084
16022
|
}
|
16085
16023
|
};
|
16086
|
-
}, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn
|
16024
|
+
}, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn]);
|
16087
16025
|
const {
|
16088
16026
|
captionLayout,
|
16089
16027
|
mode,
|
@@ -18861,8 +18799,6 @@ function LiveRegion(_ref) {
|
|
18861
18799
|
// Hide element visually but keep it readable by screen readers
|
18862
18800
|
const visuallyHidden = {
|
18863
18801
|
position: 'fixed',
|
18864
|
-
top: 0,
|
18865
|
-
left: 0,
|
18866
18802
|
width: 1,
|
18867
18803
|
height: 1,
|
18868
18804
|
margin: -1,
|
@@ -20155,9 +20091,6 @@ class AbstractPointerSensor {
|
|
20155
20091
|
passive: false
|
20156
20092
|
});
|
20157
20093
|
this.listeners.add(events.end.name, this.handleEnd);
|
20158
|
-
if (events.cancel) {
|
20159
|
-
this.listeners.add(events.cancel.name, this.handleCancel);
|
20160
|
-
}
|
20161
20094
|
this.windowListeners.add(EventName.Resize, this.handleCancel);
|
20162
20095
|
this.windowListeners.add(EventName.DragStart, preventDefault);
|
20163
20096
|
this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
|
@@ -20277,9 +20210,6 @@ class AbstractPointerSensor {
|
|
20277
20210
|
}
|
20278
20211
|
}
|
20279
20212
|
const events = {
|
20280
|
-
cancel: {
|
20281
|
-
name: 'pointercancel'
|
20282
|
-
},
|
20283
20213
|
move: {
|
20284
20214
|
name: 'pointermove'
|
20285
20215
|
},
|
@@ -20352,9 +20282,6 @@ MouseSensor.activators = [{
|
|
20352
20282
|
}
|
20353
20283
|
}];
|
20354
20284
|
const events$2 = {
|
20355
|
-
cancel: {
|
20356
|
-
name: 'touchcancel'
|
20357
|
-
},
|
20358
20285
|
move: {
|
20359
20286
|
name: 'touchmove'
|
20360
20287
|
},
|
@@ -20556,11 +20483,11 @@ function useScrollIntent(_ref2) {
|
|
20556
20483
|
}, [disabled, delta, previousDelta]);
|
20557
20484
|
}
|
20558
20485
|
function useCachedNode(draggableNodes, id) {
|
20559
|
-
const draggableNode = id
|
20486
|
+
const draggableNode = id !== null ? draggableNodes.get(id) : undefined;
|
20560
20487
|
const node = draggableNode ? draggableNode.node.current : null;
|
20561
20488
|
return useLazyMemo(cachedNode => {
|
20562
20489
|
var _ref;
|
20563
|
-
if (id
|
20490
|
+
if (id === null) {
|
20564
20491
|
return null;
|
20565
20492
|
} // In some cases, the draggable node can unmount while dragging
|
20566
20493
|
// This is the case for virtualized lists. In those situations,
|
@@ -20768,26 +20695,7 @@ function useRect(element, measure, fallbackRect) {
|
|
20768
20695
|
if (measure === void 0) {
|
20769
20696
|
measure = defaultMeasure;
|
20770
20697
|
}
|
20771
|
-
const [rect,
|
20772
|
-
function measureRect() {
|
20773
|
-
setRect(currentRect => {
|
20774
|
-
if (!element) {
|
20775
|
-
return null;
|
20776
|
-
}
|
20777
|
-
if (element.isConnected === false) {
|
20778
|
-
var _ref;
|
20779
|
-
|
20780
|
-
// Fall back to last rect we measured if the element is
|
20781
|
-
// no longer connected to the DOM.
|
20782
|
-
return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
|
20783
|
-
}
|
20784
|
-
const newRect = measure(element);
|
20785
|
-
if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
|
20786
|
-
return currentRect;
|
20787
|
-
}
|
20788
|
-
return newRect;
|
20789
|
-
});
|
20790
|
-
}
|
20698
|
+
const [rect, measureRect] = useReducer(reducer, null);
|
20791
20699
|
const mutationObserver = useMutationObserver({
|
20792
20700
|
callback(records) {
|
20793
20701
|
if (!element) {
|
@@ -20822,6 +20730,23 @@ function useRect(element, measure, fallbackRect) {
|
|
20822
20730
|
}
|
20823
20731
|
}, [element]);
|
20824
20732
|
return rect;
|
20733
|
+
function reducer(currentRect) {
|
20734
|
+
if (!element) {
|
20735
|
+
return null;
|
20736
|
+
}
|
20737
|
+
if (element.isConnected === false) {
|
20738
|
+
var _ref;
|
20739
|
+
|
20740
|
+
// Fall back to last rect we measured if the element is
|
20741
|
+
// no longer connected to the DOM.
|
20742
|
+
return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
|
20743
|
+
}
|
20744
|
+
const newRect = measure(element);
|
20745
|
+
if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
|
20746
|
+
return currentRect;
|
20747
|
+
}
|
20748
|
+
return newRect;
|
20749
|
+
}
|
20825
20750
|
}
|
20826
20751
|
function useRectDelta(rect) {
|
20827
20752
|
const initialRect = useInitialValue(rect);
|
@@ -20967,24 +20892,28 @@ function useRects(elements, measure) {
|
|
20967
20892
|
}
|
20968
20893
|
const [firstElement] = elements;
|
20969
20894
|
const windowRect = useWindowRect(firstElement ? getWindow(firstElement) : null);
|
20970
|
-
const [rects,
|
20971
|
-
function measureRects() {
|
20972
|
-
setRects(() => {
|
20973
|
-
if (!elements.length) {
|
20974
|
-
return defaultValue$2;
|
20975
|
-
}
|
20976
|
-
return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
|
20977
|
-
});
|
20978
|
-
}
|
20895
|
+
const [rects, measureRects] = useReducer(reducer, defaultValue$2);
|
20979
20896
|
const resizeObserver = useResizeObserver({
|
20980
20897
|
callback: measureRects
|
20981
20898
|
});
|
20982
|
-
|
20983
|
-
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
20899
|
+
if (elements.length > 0 && rects === defaultValue$2) {
|
20984
20900
|
measureRects();
|
20985
|
-
|
20901
|
+
}
|
20902
|
+
useIsomorphicLayoutEffect$1(() => {
|
20903
|
+
if (elements.length) {
|
20904
|
+
elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
|
20905
|
+
} else {
|
20906
|
+
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
20907
|
+
measureRects();
|
20908
|
+
}
|
20986
20909
|
}, [elements]);
|
20987
20910
|
return rects;
|
20911
|
+
function reducer() {
|
20912
|
+
if (!elements.length) {
|
20913
|
+
return defaultValue$2;
|
20914
|
+
}
|
20915
|
+
return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
|
20916
|
+
}
|
20988
20917
|
}
|
20989
20918
|
function getMeasurableNode(node) {
|
20990
20919
|
if (!node) {
|
@@ -21151,7 +21080,7 @@ function reducer$1(state, action) {
|
|
21151
21080
|
}
|
21152
21081
|
};
|
21153
21082
|
case Action.DragMove:
|
21154
|
-
if (state.draggable.active
|
21083
|
+
if (!state.draggable.active) {
|
21155
21084
|
return state;
|
21156
21085
|
}
|
21157
21086
|
return {
|
@@ -21423,7 +21352,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21423
21352
|
containers: droppableContainers
|
21424
21353
|
}
|
21425
21354
|
} = state;
|
21426
|
-
const node = activeId
|
21355
|
+
const node = activeId ? draggableNodes.get(activeId) : null;
|
21427
21356
|
const activeRects = useRef({
|
21428
21357
|
initial: null,
|
21429
21358
|
translated: null
|
@@ -21458,7 +21387,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21458
21387
|
const autoScrollOptions = getAutoScrollerOptions();
|
21459
21388
|
const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
|
21460
21389
|
useLayoutShiftScrollCompensation({
|
21461
|
-
activeNode: activeId
|
21390
|
+
activeNode: activeId ? draggableNodes.get(activeId) : null,
|
21462
21391
|
config: autoScrollOptions.layoutShiftCompensation,
|
21463
21392
|
initialRect: initialActiveNodeRect,
|
21464
21393
|
measure: measuringConfiguration.draggable.measure
|
@@ -21536,7 +21465,6 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21536
21465
|
|
21537
21466
|
const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
|
21538
21467
|
const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
|
21539
|
-
const activeSensorRef = useRef(null);
|
21540
21468
|
const instantiateSensor = useCallback((event, _ref2) => {
|
21541
21469
|
let {
|
21542
21470
|
sensor: Sensor,
|
@@ -21571,7 +21499,6 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21571
21499
|
onDragStart
|
21572
21500
|
} = latestProps.current;
|
21573
21501
|
const event = {
|
21574
|
-
activatorEvent,
|
21575
21502
|
active: {
|
21576
21503
|
id,
|
21577
21504
|
data: draggableNode.data,
|
@@ -21590,8 +21517,6 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21590
21517
|
type: 'onDragStart',
|
21591
21518
|
event
|
21592
21519
|
});
|
21593
|
-
setActiveSensor(activeSensorRef.current);
|
21594
|
-
setActivatorEvent(activatorEvent);
|
21595
21520
|
});
|
21596
21521
|
},
|
21597
21522
|
onMove(coordinates) {
|
@@ -21603,7 +21528,10 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21603
21528
|
onEnd: createHandler(Action.DragEnd),
|
21604
21529
|
onCancel: createHandler(Action.DragCancel)
|
21605
21530
|
});
|
21606
|
-
|
21531
|
+
unstable_batchedUpdates(() => {
|
21532
|
+
setActiveSensor(sensorInstance);
|
21533
|
+
setActivatorEvent(event.nativeEvent);
|
21534
|
+
});
|
21607
21535
|
function createHandler(type) {
|
21608
21536
|
return async function handler() {
|
21609
21537
|
const {
|
@@ -21640,7 +21568,6 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21640
21568
|
setOver(null);
|
21641
21569
|
setActiveSensor(null);
|
21642
21570
|
setActivatorEvent(null);
|
21643
|
-
activeSensorRef.current = null;
|
21644
21571
|
const eventName = type === Action.DragEnd ? 'onDragEnd' : 'onDragCancel';
|
21645
21572
|
if (event) {
|
21646
21573
|
const handler = latestProps.current[eventName];
|
@@ -21862,7 +21789,7 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
|
|
21862
21789
|
});
|
21863
21790
|
const NullContext = /*#__PURE__*/createContext$1(null);
|
21864
21791
|
const defaultRole = 'button';
|
21865
|
-
const ID_PREFIX$1 = '
|
21792
|
+
const ID_PREFIX$1 = 'Droppable';
|
21866
21793
|
function useDraggable(_ref) {
|
21867
21794
|
let {
|
21868
21795
|
id,
|
@@ -22009,7 +21936,7 @@ function useDroppable(_ref) {
|
|
22009
21936
|
resizeObserverConnected.current = false;
|
22010
21937
|
resizeObserver.observe(nodeRef.current);
|
22011
21938
|
}, [nodeRef, resizeObserver]);
|
22012
|
-
|
21939
|
+
useIsomorphicLayoutEffect$1(() => {
|
22013
21940
|
dispatch({
|
22014
21941
|
type: Action.RegisterDroppable,
|
22015
21942
|
element: {
|
@@ -22424,7 +22351,6 @@ var DNDCore = /*#__PURE__*/Object.freeze({
|
|
22424
22351
|
defaultCoordinates: defaultCoordinates,
|
22425
22352
|
defaultDropAnimation: defaultDropAnimationConfiguration,
|
22426
22353
|
defaultDropAnimationSideEffects: defaultDropAnimationSideEffects,
|
22427
|
-
defaultKeyboardCoordinateGetter: defaultKeyboardCoordinateGetter,
|
22428
22354
|
defaultScreenReaderInstructions: defaultScreenReaderInstructions,
|
22429
22355
|
getClientRect: getClientRect,
|
22430
22356
|
getFirstCollision: getFirstCollision,
|
@@ -23878,7 +23804,7 @@ const Paper = ({
|
|
23878
23804
|
});
|
23879
23805
|
};
|
23880
23806
|
|
23881
|
-
var css_248z$B = ".fontXs, .ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header, .ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-dashboard-donut-chart-section {\n display: flex;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section.legend-position-bottom {\n flex-direction: column;\n}\n.ff-dashboard-donut-chart-section.legend-position-left {\n flex-direction: row-reverse;\n}\n.ff-dashboard-donut-chart-section-table-legend {\n flex-direction: row;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container {\n text-align: center;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg {\n display: block;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n font-weight: 600;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n font-weight: 500;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container .ff-donut-chart-tooltip {\n position: absolute;\n padding: 5px;\n border-radius: 4px;\n pointer-events: none;\n background-color: var(--tooltip-bg-color);\n color: var(--tooltip-text-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container {\n display: grid;\n grid-auto-rows: 1fr;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-number-legend {\n grid-template-columns: repeat(3, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-number-legend.ff-side-legend {\n grid-template-columns: repeat(2, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-number-legend .ff-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend {\n grid-template-columns: repeat(2, 130px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item {\n display: flex;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item .ff-legend-capsule {\n background-color: var(--status-success-text-color);\n color: var(--tooltip-text-color);\n border-radius: 15px;\n min-width: 25px;\n height: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item .ff-legend-key {\n margin-left: 8px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-memory-legend {\n grid-template-columns: repeat(3, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-memory-legend.ff-side-legend {\n grid-template-columns: repeat(2, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-memory-legend .ff-legend-item {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table-wrapper {\n overflow: hidden;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n margin-left: 1rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table {\n width: 100%;\n min-width: 300px;\n border-collapse: collapse;\n text-align: left;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header {\n font-weight: bold;\n background-color: var(--tabs-bg-color);\n color: var(--input-hover-border-color);\n padding: 0.5rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header:last-child {\n text-align: right;\n padding-right: 10px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header:nth-last-child(2) {\n width: 58px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-capsule {\n background-color: var(--status-success-text-color);\n color: var(--tooltip-text-color);\n border-radius: 1rem;\n min-width: 22px;\n height: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n padding: 0.5rem;\n color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name:last-child,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage:last-child,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count:last-child {\n padding-right: 22px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name {\n display: flex;\n align-items: baseline;\n gap: 5px;\n color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n text-align: right;\n}";
|
23807
|
+
var css_248z$B = ".fontXs, .ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header, .ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-dashboard-donut-chart-section {\n display: flex;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section.legend-position-bottom {\n flex-direction: column;\n}\n.ff-dashboard-donut-chart-section.legend-position-left {\n flex-direction: row-reverse;\n}\n.ff-dashboard-donut-chart-section-table-legend {\n flex-direction: row;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container {\n text-align: center;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg {\n display: block;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n font-weight: 600;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n font-weight: 500;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container .ff-donut-chart-tooltip {\n position: absolute;\n padding: 5px;\n border-radius: 4px;\n pointer-events: none;\n background-color: var(--tooltip-bg-color);\n color: var(--tooltip-text-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container {\n display: grid;\n grid-auto-rows: 1fr;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-number-legend {\n grid-template-columns: repeat(3, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-number-legend.ff-side-legend {\n grid-template-columns: repeat(2, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-number-legend .ff-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend {\n grid-template-columns: repeat(2, 130px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item {\n display: flex;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item .ff-legend-capsule {\n background-color: var(--status-success-text-color);\n color: var(--tooltip-text-color);\n border-radius: 15px;\n min-width: 25px;\n height: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item .ff-legend-key {\n margin-left: 8px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-memory-legend {\n grid-template-columns: repeat(3, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-memory-legend.ff-side-legend {\n grid-template-columns: repeat(2, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-memory-legend .ff-legend-item {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table-wrapper {\n overflow: hidden;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n margin-left: 1rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table {\n width: 100%;\n min-width: 300px;\n border-collapse: collapse;\n text-align: left;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-table-thead {\n position: static;\n top: auto;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header {\n font-weight: bold;\n background-color: var(--tabs-bg-color);\n color: var(--input-hover-border-color);\n padding: 0.5rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header:last-child {\n text-align: right;\n padding-right: 10px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header:nth-last-child(2) {\n width: 58px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-capsule {\n background-color: var(--status-success-text-color);\n color: var(--tooltip-text-color);\n border-radius: 1rem;\n min-width: 22px;\n height: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n padding: 0.5rem;\n color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name:last-child,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage:last-child,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count:last-child {\n padding-right: 22px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name {\n display: flex;\n align-items: baseline;\n gap: 5px;\n color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n text-align: right;\n}";
|
23882
23808
|
styleInject(css_248z$B);
|
23883
23809
|
|
23884
23810
|
const calculateArc$2 = (x, y, radius, startAngle, endAngle) => {
|
@@ -24122,6 +24048,7 @@ const DashboardDonutChart = ({
|
|
24122
24048
|
children: jsxs("table", {
|
24123
24049
|
className: "ff-legend-table",
|
24124
24050
|
children: [jsx("thead", {
|
24051
|
+
className: 'ff-legend-table-thead',
|
24125
24052
|
children: jsxs("tr", {
|
24126
24053
|
children: [jsx("th", {
|
24127
24054
|
className: "ff-table-header",
|
@@ -31567,13 +31494,12 @@ const ColumnIndicator = ({
|
|
31567
31494
|
});
|
31568
31495
|
}, [onSelect, column, setContextMenu]);
|
31569
31496
|
return jsxs("th", {
|
31570
|
-
style: {
|
31571
|
-
minWidth: `${columnWidth}px`,
|
31572
|
-
position: 'sticky'
|
31573
|
-
},
|
31574
31497
|
className: classNames('ff-spreadsheet-header', {
|
31575
31498
|
'ff-spreadsheet-header--selected': selected
|
31576
31499
|
}),
|
31500
|
+
style: {
|
31501
|
+
minWidth: `${columnWidth}px`
|
31502
|
+
},
|
31577
31503
|
onClick: handleClick,
|
31578
31504
|
onContextMenu: contextClick,
|
31579
31505
|
tabIndex: 0,
|
@@ -31582,7 +31508,7 @@ const ColumnIndicator = ({
|
|
31582
31508
|
onContextMenu: contextClick,
|
31583
31509
|
tabIndex: 0
|
31584
31510
|
}), jsx(Typography, {
|
31585
|
-
fontWeight:
|
31511
|
+
fontWeight: "medium",
|
31586
31512
|
children: label !== undefined ? label : columnIndexToLabel(column)
|
31587
31513
|
}), jsx("div", {
|
31588
31514
|
onMouseDown: onMouseDown,
|
@@ -31688,14 +31614,13 @@ const RowIndicator = ({
|
|
31688
31614
|
});
|
31689
31615
|
}, [onSelect, row, setContextMenu]);
|
31690
31616
|
return jsxs("th", {
|
31691
|
-
style: {
|
31692
|
-
height: `${rowHeight}px`,
|
31693
|
-
minWidth: '60px',
|
31694
|
-
position: 'relative'
|
31695
|
-
},
|
31696
31617
|
className: classNames('ff-spreadsheet-header', {
|
31697
31618
|
'ff-spreadsheet-header--selected': selected
|
31698
31619
|
}),
|
31620
|
+
style: {
|
31621
|
+
height: `${rowHeight}px`,
|
31622
|
+
minWidth: '60px'
|
31623
|
+
},
|
31699
31624
|
onClick: handleClick,
|
31700
31625
|
onContextMenu: contextClick,
|
31701
31626
|
tabIndex: 0,
|
@@ -32102,7 +32027,7 @@ const Copied = () => {
|
|
32102
32027
|
});
|
32103
32028
|
};
|
32104
32029
|
|
32105
|
-
var css_248z$n = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-excel {\n display: flex;\n flex-direction: column;\n}\n.ff-excel .ff-excel-toolbar-container {\n position: relative;\n top: 0;\n background-color: var(--excel-toolbar-bg);\n padding: 4px 8px;\n margin-bottom: 20px;\n}\n.ff-excel .ff-spreadsheet {\n --background-color: var(--drawer-footer-bg);\n --text-color: var(--text-color);\n --readonly-text-color: var(--toggle-strip-active);\n --outline-color: var(--toggle-strip-active);\n --outline-background-color: var(--overlay-bg);\n --border-color: var(--excel-sheet-border);\n --header-background-color: var(--excel-header-bg);\n --elevation: var(--brand-color);\n position: relative;\n overflow: scroll;\n background: var(--background-color);\n color: var(--text-color);\n scrollbar-width: none;\n display: inline-block;\n}\n.ff-excel .ff-spreadsheet-active-cell {\n position: absolute;\n border: 2px solid var(--outline-color);\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-active-cell--edit {\n background: var(--background-color);\n box-shadow: var(--elevation);\n}\n.ff-excel .ff-spreadsheet-table {\n overflow: scroll;\n top: 0;\n left: 0;\n margin: 0;\n position: relative;\n border-collapse: collapse;\n table-layout: fixed;\n}\n.ff-excel .ff-spreadsheet-table::-webkit-scrollbar {\n height: 0px;\n}\n.ff-excel .ff-spreadsheet-cell {\n outline: none;\n position: relative;\n z-index: 0;\n}\n.ff-excel .ff-spreadsheet-active-cell .select_dot {\n background-color: var(--elevation);\n height: 10px;\n width: 10px;\n border-radius: 50%;\n position: absolute;\n bottom: -5px;\n right: -5px;\n cursor: crosshair;\n z-index: 1000;\n}\n.ff-excel .ff-spreadsheet-cell--readonly {\n color: var(--readonly-text-color);\n}\n.ff-excel .ff-spreadsheet-cell,\n.ff-excel .ff-spreadsheet-header {\n border: 0.1px solid var(--border-color);\n overflow: hidden;\n word-break: keep-all;\n white-space: nowrap;\n text-align: left;\n box-sizing: border-box;\n user-select: none;\n}\n.ff-excel .ff-spreadsheet-header {\n border: 0.1px solid var(--border-color);\n background-color: var(--header-background-color);\n color: var(--readonly-text-color);\n text-align: center;\n z-index: 1000;\n position: sticky;\n}\n.ff-excel .ff-spreadsheet-corner-header {\n position: fixed;\n z-index:
|
32030
|
+
var css_248z$n = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm {\n font-family: \"Poppins\";\n font-size: 12px;\n}\n\n.fontMd {\n font-family: \"Poppins\";\n font-size: 14px;\n}\n\n.fontLg {\n font-family: \"Poppins\";\n font-size: 16px;\n}\n\n.fontXL {\n font-family: \"Poppins\";\n font-size: 18px;\n}\n\n.font2Xl {\n font-family: \"Poppins\";\n font-size: 24px;\n}\n\n.font-size-8 {\n font-family: \"Poppins\";\n font-size: 8px;\n}\n\n.font-size-20 {\n font-family: \"Poppins\";\n font-size: 20px;\n}\n\n.font-size-32 {\n font-family: \"Poppins\";\n font-size: 32px;\n}\n\n.font-size-80 {\n font-family: \"Poppins\";\n font-size: 80px;\n}\n\n.ff-excel {\n display: flex;\n flex-direction: column;\n}\n.ff-excel .ff-excel-toolbar-container {\n position: relative;\n top: 0;\n background-color: var(--excel-toolbar-bg);\n padding: 4px 8px;\n margin-bottom: 20px;\n}\n.ff-excel .ff-spreadsheet {\n --background-color: var(--drawer-footer-bg);\n --text-color: var(--text-color);\n --readonly-text-color: var(--toggle-strip-active);\n --outline-color: var(--toggle-strip-active);\n --outline-background-color: var(--overlay-bg);\n --border-color: var(--excel-sheet-border);\n --header-background-color: var(--excel-header-bg);\n --elevation: var(--brand-color);\n position: relative;\n overflow: scroll;\n background: var(--background-color);\n color: var(--text-color);\n scrollbar-width: none;\n display: inline-block;\n}\n.ff-excel .ff-spreadsheet-active-cell {\n position: absolute;\n border: 2px solid var(--outline-color);\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-active-cell--edit {\n background: var(--background-color);\n box-shadow: var(--elevation);\n}\n.ff-excel .ff-spreadsheet-table {\n overflow: scroll;\n top: 0;\n left: 0;\n margin: 0;\n position: relative;\n border-collapse: collapse;\n table-layout: fixed;\n}\n.ff-excel .ff-spreadsheet-table::-webkit-scrollbar {\n height: 0px;\n}\n.ff-excel .ff-spreadsheet-cell {\n outline: none;\n position: relative;\n z-index: 0;\n}\n.ff-excel .ff-spreadsheet-active-cell .select_dot {\n background-color: var(--elevation);\n height: 10px;\n width: 10px;\n border-radius: 50%;\n position: absolute;\n bottom: -5px;\n right: -5px;\n cursor: crosshair;\n z-index: 1000;\n}\n.ff-excel .ff-spreadsheet-cell--readonly {\n color: var(--readonly-text-color);\n}\n.ff-excel .ff-spreadsheet-cell,\n.ff-excel .ff-spreadsheet-header {\n border: 0.1px solid var(--border-color);\n overflow: hidden;\n word-break: keep-all;\n white-space: nowrap;\n text-align: left;\n box-sizing: border-box;\n user-select: none;\n}\n.ff-excel .ff-spreadsheet-header {\n border: 0.1px solid var(--border-color);\n background-color: var(--header-background-color);\n color: var(--readonly-text-color);\n text-align: center;\n z-index: 1000;\n position: sticky;\n top: 0;\n left: 0;\n}\n.ff-excel .ff-spreadsheet-corner-header {\n position: fixed;\n z-index: 3000;\n}\n.ff-excel .ff-spreadsheet-row-header {\n height: 34px;\n}\n.ff-excel .corner-header {\n border: 1px solid var(--border-color);\n background-color: var(--header-background-color);\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1100;\n top: -1px;\n width: 60px;\n height: 34px;\n left: -1px;\n}\n.ff-excel .ff-spreadsheet-header--selected {\n background: var(--brand-color);\n color: var(--tooltip-text-color);\n}\n.ff-excel .ff-spreadsheet-data-viewer,\n.ff-excel .ff-spreadsheet-data-editor input {\n padding: 4px;\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-header {\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-data-viewer--preserve-breaks {\n white-space: pre-wrap;\n}\n.ff-excel .ff-spreadsheet-data-editor,\n.ff-excel .ff-spreadsheet-data-editor input {\n width: 100%;\n height: 100%;\n}\n.ff-excel .ff-spreadsheet-data-editor input {\n font: inherit;\n color: inherit;\n background: none;\n border: none;\n outline: none;\n margin: 0;\n}\n.ff-excel .ff-spreadsheet-data-viewer--boolean {\n text-align: center;\n}\n.ff-excel .ff-spreadsheet-floating-rect {\n position: absolute;\n pointer-events: none;\n box-sizing: border-box;\n}\n.ff-excel .ff-spreadsheet-floating-rect--hidden {\n display: none;\n}\n.ff-excel .ff-spreadsheet-floating-rect--selected {\n background: var(--outline-background-color);\n border: 2px var(--outline-color) solid;\n}\n.ff-excel .ff-spreadsheet-floating-rect--dragging {\n border: none;\n}\n.ff-excel .ff-spreadsheet-floating-rect--copied {\n border: 2px var(--outline-color) dashed;\n}";
|
32106
32031
|
styleInject(css_248z$n);
|
32107
32032
|
|
32108
32033
|
var css_248z$m = ".ff-excel-toolbar {\n display: flex;\n height: 32px;\n align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-divider {\n width: 1px;\n height: 24px;\n background-color: var(--excel-toolbar-divider);\n margin: 0 24px;\n border-radius: 1px;\n z-index: 1000;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font {\n display: flex;\n gap: 8px;\n justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-family {\n width: 120px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-size {\n width: 56px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text {\n width: 100px;\n height: 24px;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text .ff-excel-toolbar-icon-underline {\n display: flex;\n align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon {\n width: 88px;\n height: 24px;\n display: flex;\n gap: 8px;\n justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n width: 24px;\n height: 24px;\n border-radius: 4px;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n border-radius: 4px;\n background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n border-radius: 4px;\n background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu {\n display: flex;\n align-items: center;\n width: 36px;\n height: 24px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu .ff-excel-toolbar-menu-option {\n display: flex;\n align-items: center;\n}";
|
@@ -32294,6 +32219,8 @@ const ExcelToolBar = ({
|
|
32294
32219
|
textAlign: 'center'
|
32295
32220
|
};
|
32296
32221
|
const [cellStyle, setCellStyle] = useState(cell?.style || basicStyle);
|
32222
|
+
const underLineMenuRef = useRef(null);
|
32223
|
+
const borderMenuRef = useRef(null);
|
32297
32224
|
useEffect(() => {
|
32298
32225
|
setCellStyle(cell?.style || basicStyle);
|
32299
32226
|
}, [cell]);
|
@@ -32548,18 +32475,22 @@ const ExcelToolBar = ({
|
|
32548
32475
|
disabled: toolbar === 'disable',
|
32549
32476
|
onClick: () => setUnderlineType(data, underLine, true),
|
32550
32477
|
name: getUnderlineIcon()
|
32551
|
-
}), jsx(
|
32552
|
-
|
32553
|
-
|
32554
|
-
|
32555
|
-
|
32556
|
-
|
32557
|
-
|
32558
|
-
|
32559
|
-
|
32560
|
-
|
32561
|
-
|
32562
|
-
|
32478
|
+
}), jsx("span", {
|
32479
|
+
ref: underLineMenuRef,
|
32480
|
+
children: jsx(MenuOption, {
|
32481
|
+
targetRef: underLineMenuRef,
|
32482
|
+
iconName: "arrow_down",
|
32483
|
+
zIndex: 1000,
|
32484
|
+
iconSize: 12,
|
32485
|
+
options: underlineTypeIcon,
|
32486
|
+
tooltipPlacement: "top",
|
32487
|
+
variant: "light",
|
32488
|
+
onOptionClick: e => {
|
32489
|
+
let selectedValue = e.value;
|
32490
|
+
setUnderlineType(data, selectedValue, true);
|
32491
|
+
setUnderLine(selectedValue);
|
32492
|
+
}
|
32493
|
+
})
|
32563
32494
|
})]
|
32564
32495
|
})
|
32565
32496
|
})]
|
@@ -32630,18 +32561,22 @@ const ExcelToolBar = ({
|
|
32630
32561
|
disabled: toolbar === 'disable',
|
32631
32562
|
onClick: () => setBorderType(data, border, 'black'),
|
32632
32563
|
name: getBorderIcon()
|
32633
|
-
}), jsx(
|
32634
|
-
|
32635
|
-
|
32636
|
-
|
32637
|
-
|
32638
|
-
|
32639
|
-
|
32640
|
-
|
32641
|
-
|
32642
|
-
|
32643
|
-
|
32644
|
-
|
32564
|
+
}), jsx("span", {
|
32565
|
+
ref: borderMenuRef,
|
32566
|
+
children: jsx(MenuOption, {
|
32567
|
+
iconName: "arrow_down",
|
32568
|
+
targetRef: borderMenuRef,
|
32569
|
+
iconSize: 12,
|
32570
|
+
zIndex: 1000,
|
32571
|
+
options: borderTypeIcon,
|
32572
|
+
tooltipPlacement: "top",
|
32573
|
+
variant: "light",
|
32574
|
+
onOptionClick: e => {
|
32575
|
+
let selectedValue = e.value;
|
32576
|
+
setBorderType(data, selectedValue, 'black');
|
32577
|
+
setBorder(selectedValue);
|
32578
|
+
}
|
32579
|
+
})
|
32645
32580
|
})]
|
32646
32581
|
})
|
32647
32582
|
})
|