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.js
CHANGED
@@ -3200,9 +3200,9 @@ const OptionCard = ({
|
|
3200
3200
|
const optionCardRef = React.useRef(null);
|
3201
3201
|
React.useEffect(() => {
|
3202
3202
|
if (optionCardRef?.current) {
|
3203
|
-
const rect = optionCardRef
|
3204
|
-
setOptionsHeight(rect
|
3205
|
-
setOptionsWidth(rect
|
3203
|
+
const rect = optionCardRef?.current?.getBoundingClientRect();
|
3204
|
+
setOptionsHeight(rect?.height);
|
3205
|
+
setOptionsWidth(rect?.width);
|
3206
3206
|
}
|
3207
3207
|
}, []);
|
3208
3208
|
useClickOutside(menuRef, closeDropdown, [optionCardRef]);
|
@@ -3215,7 +3215,7 @@ const OptionCard = ({
|
|
3215
3215
|
};
|
3216
3216
|
case 'down':
|
3217
3217
|
return {
|
3218
|
-
top: menuPosition.top +
|
3218
|
+
top: menuPosition.top + 20,
|
3219
3219
|
left: menuPosition.left - 4
|
3220
3220
|
};
|
3221
3221
|
case 'left':
|
@@ -3226,25 +3226,23 @@ const OptionCard = ({
|
|
3226
3226
|
case 'right':
|
3227
3227
|
return {
|
3228
3228
|
top: menuPosition.top - 4,
|
3229
|
-
left: menuPosition.left +
|
3229
|
+
left: menuPosition.left + 20
|
3230
3230
|
};
|
3231
3231
|
default:
|
3232
3232
|
return {
|
3233
|
-
top: menuPosition.
|
3234
|
-
left: menuPosition.
|
3233
|
+
top: menuPosition.bottom,
|
3234
|
+
left: menuPosition.rightSpaceAvailable + 12
|
3235
3235
|
};
|
3236
3236
|
}
|
3237
3237
|
})();
|
3238
|
-
const adjustedStyle = {
|
3239
|
-
top: Math.min(Math.max(style.top, 0), window.innerHeight - optionsHeight),
|
3240
|
-
left: Math.min(Math.max(style.left, 0), window.innerWidth - optionsWidth),
|
3241
|
-
zIndex
|
3242
|
-
};
|
3243
3238
|
return /*#__PURE__*/reactDom.createPortal(jsxRuntime.jsx("div", {
|
3244
3239
|
className: classNames('ff-option-card', [{
|
3245
3240
|
'ff-option-card--primary': variant === 'primary'
|
3246
3241
|
}], currentTheme),
|
3247
|
-
style:
|
3242
|
+
style: {
|
3243
|
+
...style,
|
3244
|
+
zIndex
|
3245
|
+
},
|
3248
3246
|
ref: optionCardRef,
|
3249
3247
|
children: options.map(opt => jsxRuntime.jsx(Option$1, {
|
3250
3248
|
option: opt,
|
@@ -3278,19 +3276,6 @@ const MenuOption = ({
|
|
3278
3276
|
right: 0
|
3279
3277
|
});
|
3280
3278
|
const closeDropDown = () => setIsClicked(false);
|
3281
|
-
const calculateDims = () => {
|
3282
|
-
if (targetRef?.current) {
|
3283
|
-
const rect = targetRef.current.getBoundingClientRect();
|
3284
|
-
const containerScrollTop = targetRef.current?.offsetParent?.scrollTop || 0;
|
3285
|
-
const containerScrollLeft = targetRef.current?.offsetParent?.scrollLeft || 0;
|
3286
|
-
setMenuPosition({
|
3287
|
-
top: rect.top + window.scrollY - containerScrollTop,
|
3288
|
-
left: rect.left + window.scrollX - containerScrollLeft,
|
3289
|
-
height: rect.height,
|
3290
|
-
right: rect.right
|
3291
|
-
});
|
3292
|
-
}
|
3293
|
-
};
|
3294
3279
|
const onIconClickHandler = () => {
|
3295
3280
|
onClick();
|
3296
3281
|
calculateDims();
|
@@ -3300,6 +3285,23 @@ const MenuOption = ({
|
|
3300
3285
|
onOptionClick(option);
|
3301
3286
|
closeDropDown();
|
3302
3287
|
};
|
3288
|
+
const calculateDims = () => {
|
3289
|
+
let targetElement = null;
|
3290
|
+
if (typeof targetRef === 'string') {
|
3291
|
+
targetElement = document.getElementById(targetRef);
|
3292
|
+
} else if (targetRef && targetRef.current) {
|
3293
|
+
targetElement = targetRef.current;
|
3294
|
+
}
|
3295
|
+
if (targetElement) {
|
3296
|
+
const rect = targetElement.getBoundingClientRect();
|
3297
|
+
setMenuPosition({
|
3298
|
+
top: rect.top + window.scrollY,
|
3299
|
+
left: rect.left + window.scrollX,
|
3300
|
+
height: rect.height,
|
3301
|
+
right: rect.right
|
3302
|
+
});
|
3303
|
+
}
|
3304
|
+
};
|
3303
3305
|
return jsxRuntime.jsxs("div", {
|
3304
3306
|
className: "ff-menu-option-container",
|
3305
3307
|
ref: menuRef,
|
@@ -4062,7 +4064,7 @@ const useFileDropzone = options => {
|
|
4062
4064
|
};
|
4063
4065
|
};
|
4064
4066
|
|
4065
|
-
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}";
|
4067
|
+
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}";
|
4066
4068
|
styleInject(css_248z$S);
|
4067
4069
|
|
4068
4070
|
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}";
|
@@ -4146,13 +4148,17 @@ const RadioGroup = ({
|
|
4146
4148
|
const RadioFilePreview = ({
|
4147
4149
|
selectedFile,
|
4148
4150
|
onFileRemoveClick,
|
4149
|
-
onFileReplaceClick
|
4151
|
+
onFileReplaceClick,
|
4152
|
+
selectedRadioOption,
|
4153
|
+
setShowDrawer
|
4150
4154
|
}) => {
|
4151
4155
|
const fileInputRef = React.useRef(null);
|
4152
4156
|
const handleReplaceClick = () => {
|
4153
|
-
if (
|
4154
|
-
|
4157
|
+
if (selectedRadioOption?.value === 'Test Data') {
|
4158
|
+
setShowDrawer?.(true);
|
4159
|
+
return;
|
4155
4160
|
}
|
4161
|
+
fileInputRef.current?.click();
|
4156
4162
|
};
|
4157
4163
|
const handleFileChange = event => {
|
4158
4164
|
const file = event.target.files?.[0];
|
@@ -4224,7 +4230,8 @@ const Dropzone = ({
|
|
4224
4230
|
selectedFile,
|
4225
4231
|
setSelectedFile,
|
4226
4232
|
handleRemoveFile,
|
4227
|
-
isDisable
|
4233
|
+
isDisable,
|
4234
|
+
setShowDrawer
|
4228
4235
|
}) => {
|
4229
4236
|
const isWebServiceFile = selectedFile?.name && isWebServiceFileDropZone;
|
4230
4237
|
return jsxRuntime.jsx("div", {
|
@@ -4241,7 +4248,9 @@ const Dropzone = ({
|
|
4241
4248
|
selectedFile: selectedFile.name,
|
4242
4249
|
onFileRemoveClick: handleRemoveFile,
|
4243
4250
|
onFileReplaceClick: setSelectedFile,
|
4244
|
-
setSelectedFile: setSelectedFile
|
4251
|
+
setSelectedFile: setSelectedFile,
|
4252
|
+
selectedRadioOption: selectedRadioOption,
|
4253
|
+
setShowDrawer: setShowDrawer
|
4245
4254
|
}) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
4246
4255
|
children: [jsxRuntime.jsx("div", {
|
4247
4256
|
className: "ff-file-dropzone-content__icon",
|
@@ -4396,7 +4405,8 @@ const FileDropzone = ({
|
|
4396
4405
|
handleFileChange,
|
4397
4406
|
handleRemoveFile,
|
4398
4407
|
isApiResponseError = false,
|
4399
|
-
isDisable = false
|
4408
|
+
isDisable = false,
|
4409
|
+
setShowDrawer
|
4400
4410
|
}) => {
|
4401
4411
|
const fileInputRef = React.useRef(null);
|
4402
4412
|
const {
|
@@ -4470,7 +4480,8 @@ const FileDropzone = ({
|
|
4470
4480
|
handleFileChange: handleFileChange,
|
4471
4481
|
handleRemoveFile: handleRemoveFile,
|
4472
4482
|
setSelectedFile: setSelectedFile,
|
4473
|
-
isDisable: isDisable
|
4483
|
+
isDisable: isDisable,
|
4484
|
+
setShowDrawer: setShowDrawer
|
4474
4485
|
}), isWebServiceFileDropZone && jsxRuntime.jsx("input", {
|
4475
4486
|
ref: fileInputRef,
|
4476
4487
|
type: "file",
|
@@ -13259,53 +13270,6 @@ function setYear(date, year, options) {
|
|
13259
13270
|
return date_;
|
13260
13271
|
}
|
13261
13272
|
|
13262
|
-
const FIVE_WEEKS = 5;
|
13263
|
-
const FOUR_WEEKS = 4;
|
13264
|
-
/**
|
13265
|
-
* Return the number of weeks to display in the broadcast calendar.
|
13266
|
-
*
|
13267
|
-
* @since 9.4.0
|
13268
|
-
*/
|
13269
|
-
function getBroadcastWeeksInMonth(month, dateLib) {
|
13270
|
-
// Get the first day of the month
|
13271
|
-
const firstDayOfMonth = dateLib.startOfMonth(month);
|
13272
|
-
// Get the day of the week for the first day of the month (1-7, where 1 is Monday)
|
13273
|
-
const firstDayOfWeek = firstDayOfMonth.getDay() > 0 ? firstDayOfMonth.getDay() : 7;
|
13274
|
-
const broadcastStartDate = dateLib.addDays(month, -firstDayOfWeek + 1);
|
13275
|
-
const lastDateOfLastWeek = dateLib.addDays(broadcastStartDate, FIVE_WEEKS * 7 - 1);
|
13276
|
-
const numberOfWeeks = month.getMonth() === lastDateOfLastWeek.getMonth() ? FIVE_WEEKS : FOUR_WEEKS;
|
13277
|
-
return numberOfWeeks;
|
13278
|
-
}
|
13279
|
-
|
13280
|
-
/**
|
13281
|
-
* Return the start date of the week in the broadcast calendar.
|
13282
|
-
*
|
13283
|
-
* @since 9.4.0
|
13284
|
-
*/
|
13285
|
-
function startOfBroadcastWeek(date, dateLib) {
|
13286
|
-
const firstOfMonth = dateLib.startOfMonth(date);
|
13287
|
-
const dayOfWeek = firstOfMonth.getDay();
|
13288
|
-
if (dayOfWeek === 1) {
|
13289
|
-
return firstOfMonth;
|
13290
|
-
} else if (dayOfWeek === 0) {
|
13291
|
-
return dateLib.addDays(firstOfMonth, -1 * 6);
|
13292
|
-
} else {
|
13293
|
-
return dateLib.addDays(firstOfMonth, -1 * (dayOfWeek - 1));
|
13294
|
-
}
|
13295
|
-
}
|
13296
|
-
|
13297
|
-
/**
|
13298
|
-
* Return the end date of the week in the broadcast calendar.
|
13299
|
-
*
|
13300
|
-
* @since 9.4.0
|
13301
|
-
*/
|
13302
|
-
function endOfBroadcastWeek(date, dateLib) {
|
13303
|
-
const startDate = startOfBroadcastWeek(date, dateLib);
|
13304
|
-
const numberOfWeeks = getBroadcastWeeksInMonth(date, dateLib);
|
13305
|
-
const endDate = dateLib.addDays(startDate, numberOfWeeks * 7 - 1);
|
13306
|
-
return endDate;
|
13307
|
-
}
|
13308
|
-
|
13309
13273
|
/**
|
13310
13274
|
* A wrapper class around [date-fns](http://date-fns.org) sharing the same
|
13311
13275
|
* options. Methods of this class can be overridden using the
|
@@ -13386,15 +13350,6 @@ class DateLib {
|
|
13386
13350
|
this.differenceInCalendarMonths = (dateLeft, dateRight) => {
|
13387
13351
|
return this.overrides?.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(dateLeft, dateRight) : differenceInCalendarMonths(dateLeft, dateRight);
|
13388
13352
|
};
|
13389
|
-
/**
|
13390
|
-
* Returns the end of the broadcast week for the given date.
|
13391
|
-
*
|
13392
|
-
* @param date The original date.
|
13393
|
-
* @returns The end of the broadcast week.
|
13394
|
-
*/
|
13395
|
-
this.endOfBroadcastWeek = date => {
|
13396
|
-
return this.overrides?.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(date, this) : endOfBroadcastWeek(date, this);
|
13397
|
-
};
|
13398
13353
|
/**
|
13399
13354
|
* Returns the end of the ISO week for the given date.
|
13400
13355
|
*
|
@@ -13556,15 +13511,6 @@ class DateLib {
|
|
13556
13511
|
this.setYear = (date, year) => {
|
13557
13512
|
return this.overrides?.setYear ? this.overrides.setYear(date, year) : setYear(date, year);
|
13558
13513
|
};
|
13559
|
-
/**
|
13560
|
-
* Returns the start of the broadcast week for the given date.
|
13561
|
-
*
|
13562
|
-
* @param date The original date.
|
13563
|
-
* @returns The start of the broadcast week.
|
13564
|
-
*/
|
13565
|
-
this.startOfBroadcastWeek = date => {
|
13566
|
-
return this.overrides?.startOfBroadcastWeek ? this.overrides.startOfBroadcastWeek(date, this) : startOfBroadcastWeek(date, this);
|
13567
|
-
};
|
13568
13514
|
/**
|
13569
13515
|
* Returns the start of the day for the given date.
|
13570
13516
|
*
|
@@ -14150,8 +14096,7 @@ function getDataAttributes(props) {
|
|
14150
14096
|
"data-mode": props.mode ?? undefined,
|
14151
14097
|
"data-required": "required" in props ? props.required : undefined,
|
14152
14098
|
"data-multiple-months": props.numberOfMonths && props.numberOfMonths > 1 || undefined,
|
14153
|
-
"data-week-numbers": props.showWeekNumber || undefined
|
14154
|
-
"data-broadcast-calendar": props.broadcastCalendar || undefined
|
14099
|
+
"data-week-numbers": props.showWeekNumber || undefined
|
14155
14100
|
};
|
14156
14101
|
Object.entries(props).forEach(([key, val]) => {
|
14157
14102
|
if (key.startsWith("data-")) {
|
@@ -14217,7 +14162,7 @@ function formatDay(date, options, dateLib) {
|
|
14217
14162
|
*/
|
14218
14163
|
function formatMonthDropdown(/** The month number to format. */
|
14219
14164
|
monthNumber, /** The locale to use for formatting. */
|
14220
|
-
locale) {
|
14165
|
+
locale = enUS) {
|
14221
14166
|
return locale.localize?.month(monthNumber);
|
14222
14167
|
}
|
14223
14168
|
|
@@ -14321,7 +14266,7 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
|
|
14321
14266
|
return a - b;
|
14322
14267
|
});
|
14323
14268
|
const options = sortedMonths.map(value => {
|
14324
|
-
const label = formatters.formatMonthDropdown(value, dateLib.options.locale
|
14269
|
+
const label = formatters.formatMonthDropdown(value, dateLib.options.locale);
|
14325
14270
|
const month = dateLib.Date ? new dateLib.Date(year, value) : new Date(year, value);
|
14326
14271
|
const disabled = navStart && month < startOfMonth(navStart) || navEnd && month > startOfMonth(navEnd) || false;
|
14327
14272
|
return {
|
@@ -14696,8 +14641,7 @@ function tzName(tz, date) {
|
|
14696
14641
|
*/
|
14697
14642
|
function getWeekdays(/** The date library. */
|
14698
14643
|
dateLib, /** Use ISOWeek instead of locale/ */
|
14699
|
-
ISOWeek, timeZone
|
14700
|
-
broadcastCalendar) {
|
14644
|
+
ISOWeek, timeZone) {
|
14701
14645
|
const date = timeZone ? TZDate.tz(timeZone) : dateLib.Date ? new dateLib.Date() : new Date();
|
14702
14646
|
const start = ISOWeek ? dateLib.startOfISOWeek(date) : dateLib.startOfWeek(date);
|
14703
14647
|
const days = [];
|
@@ -14900,30 +14844,29 @@ var defaultLabels = /*#__PURE__*/Object.freeze({
|
|
14900
14844
|
labelYearDropdown: labelYearDropdown
|
14901
14845
|
});
|
14902
14846
|
|
14847
|
+
/** The number of days in a month when having 6 weeks. */
|
14848
|
+
const NrOfDaysWithFixedWeeks = 42;
|
14903
14849
|
/** Return all the dates to display in the calendar. */
|
14904
14850
|
function getDates(displayMonths, maxDate, props, dateLib) {
|
14905
14851
|
const firstMonth = displayMonths[0];
|
14906
14852
|
const lastMonth = displayMonths[displayMonths.length - 1];
|
14907
14853
|
const {
|
14908
14854
|
ISOWeek,
|
14909
|
-
fixedWeeks
|
14910
|
-
broadcastCalendar
|
14855
|
+
fixedWeeks
|
14911
14856
|
} = props ?? {};
|
14912
14857
|
const {
|
14858
|
+
startOfWeek,
|
14859
|
+
endOfWeek,
|
14860
|
+
startOfISOWeek,
|
14861
|
+
endOfISOWeek,
|
14913
14862
|
addDays,
|
14914
14863
|
differenceInCalendarDays,
|
14915
14864
|
differenceInCalendarMonths,
|
14916
|
-
endOfBroadcastWeek,
|
14917
|
-
endOfISOWeek,
|
14918
|
-
endOfMonth,
|
14919
|
-
endOfWeek,
|
14920
14865
|
isAfter,
|
14921
|
-
|
14922
|
-
startOfISOWeek,
|
14923
|
-
startOfWeek
|
14866
|
+
endOfMonth
|
14924
14867
|
} = dateLib;
|
14925
|
-
const startWeekFirstDate =
|
14926
|
-
const endWeekLastDate =
|
14868
|
+
const startWeekFirstDate = ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
|
14869
|
+
const endWeekLastDate = ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
|
14927
14870
|
const nOfDays = differenceInCalendarDays(endWeekLastDate, startWeekFirstDate);
|
14928
14871
|
const nOfMonths = differenceInCalendarMonths(lastMonth, firstMonth) + 1;
|
14929
14872
|
const dates = [];
|
@@ -14935,11 +14878,9 @@ function getDates(displayMonths, maxDate, props, dateLib) {
|
|
14935
14878
|
dates.push(date);
|
14936
14879
|
}
|
14937
14880
|
// If fixed weeks is enabled, add the extra dates to the array
|
14938
|
-
const
|
14939
|
-
const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
|
14881
|
+
const extraDates = NrOfDaysWithFixedWeeks * nOfMonths;
|
14940
14882
|
if (fixedWeeks && dates.length < extraDates) {
|
14941
|
-
|
14942
|
-
for (let i = 0; i < daysToAdd; i++) {
|
14883
|
+
for (let i = 0; i < 7; i++) {
|
14943
14884
|
const date = addDays(dates[dates.length - 1], 1);
|
14944
14885
|
dates.push(date);
|
14945
14886
|
}
|
@@ -15050,29 +14991,25 @@ displayMonths, /** The dates to display in the calendar. */
|
|
15050
14991
|
dates, /** Options from the props context. */
|
15051
14992
|
props, dateLib) {
|
15052
14993
|
const {
|
15053
|
-
|
15054
|
-
|
14994
|
+
startOfWeek,
|
14995
|
+
endOfWeek,
|
14996
|
+
startOfISOWeek,
|
15055
14997
|
endOfISOWeek,
|
15056
14998
|
endOfMonth,
|
15057
|
-
|
15058
|
-
getISOWeek,
|
14999
|
+
addDays,
|
15059
15000
|
getWeek,
|
15060
|
-
|
15061
|
-
startOfISOWeek,
|
15062
|
-
startOfWeek
|
15001
|
+
getISOWeek
|
15063
15002
|
} = dateLib;
|
15064
15003
|
const dayPickerMonths = displayMonths.reduce((months, month) => {
|
15065
|
-
const firstDateOfFirstWeek = props.
|
15066
|
-
const lastDateOfLastWeek = props.
|
15004
|
+
const firstDateOfFirstWeek = props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
|
15005
|
+
const lastDateOfLastWeek = props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
|
15067
15006
|
/** The dates to display in the month. */
|
15068
15007
|
const monthDates = dates.filter(date => {
|
15069
15008
|
return date >= firstDateOfFirstWeek && date <= lastDateOfLastWeek;
|
15070
15009
|
});
|
15071
|
-
|
15072
|
-
if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
|
15010
|
+
if (props.fixedWeeks && monthDates.length < 42) {
|
15073
15011
|
const extraDates = dates.filter(date => {
|
15074
|
-
|
15075
|
-
return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, daysToAdd);
|
15012
|
+
return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, 7);
|
15076
15013
|
});
|
15077
15014
|
monthDates.push(...extraDates);
|
15078
15015
|
}
|
@@ -15510,30 +15447,27 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
|
|
15510
15447
|
/** Return the next date that should be focused. */
|
15511
15448
|
function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dateLib) {
|
15512
15449
|
const {
|
15513
|
-
ISOWeek
|
15514
|
-
broadcastCalendar
|
15450
|
+
ISOWeek
|
15515
15451
|
} = props;
|
15516
15452
|
const {
|
15517
15453
|
addDays,
|
15518
15454
|
addMonths,
|
15519
|
-
addWeeks,
|
15520
15455
|
addYears,
|
15521
|
-
|
15456
|
+
addWeeks,
|
15457
|
+
startOfISOWeek,
|
15522
15458
|
endOfISOWeek,
|
15459
|
+
startOfWeek,
|
15523
15460
|
endOfWeek,
|
15524
15461
|
max,
|
15525
|
-
min
|
15526
|
-
startOfBroadcastWeek,
|
15527
|
-
startOfISOWeek,
|
15528
|
-
startOfWeek
|
15462
|
+
min
|
15529
15463
|
} = dateLib;
|
15530
15464
|
const moveFns = {
|
15531
15465
|
day: addDays,
|
15532
15466
|
week: addWeeks,
|
15533
15467
|
month: addMonths,
|
15534
15468
|
year: addYears,
|
15535
|
-
startOfWeek: date =>
|
15536
|
-
endOfWeek: date =>
|
15469
|
+
startOfWeek: date => ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
|
15470
|
+
endOfWeek: date => ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
|
15537
15471
|
};
|
15538
15472
|
let focusableDate = moveFns[moveBy](refDate, moveDir === "after" ? 1 : -1);
|
15539
15473
|
if (moveDir === "before" && navStart) {
|
@@ -15599,8 +15533,6 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
|
|
15599
15533
|
/**
|
15600
15534
|
* Return a function to get the modifiers for a given day.
|
15601
15535
|
*
|
15602
|
-
* NOTE: this is not an hook, but a factory for `getModifiers`.
|
15603
|
-
*
|
15604
15536
|
* @private
|
15605
15537
|
*/
|
15606
15538
|
function useGetModifiers(days, props, dateLib) {
|
@@ -15609,19 +15541,12 @@ function useGetModifiers(days, props, dateLib) {
|
|
15609
15541
|
hidden,
|
15610
15542
|
modifiers,
|
15611
15543
|
showOutsideDays,
|
15612
|
-
broadcastCalendar,
|
15613
15544
|
today
|
15614
15545
|
} = props;
|
15615
15546
|
const {
|
15616
15547
|
isSameDay,
|
15617
|
-
isSameMonth
|
15618
|
-
startOfMonth,
|
15619
|
-
isBefore,
|
15620
|
-
endOfMonth,
|
15621
|
-
isAfter
|
15548
|
+
isSameMonth
|
15622
15549
|
} = dateLib;
|
15623
|
-
const startMonth = props.startMonth && startOfMonth(props.startMonth);
|
15624
|
-
const endMonth = props.endMonth && endOfMonth(props.endMonth);
|
15625
15550
|
const internalModifiersMap = {
|
15626
15551
|
[DayFlag.focused]: [],
|
15627
15552
|
[DayFlag.outside]: [],
|
@@ -15630,18 +15555,20 @@ function useGetModifiers(days, props, dateLib) {
|
|
15630
15555
|
[DayFlag.today]: []
|
15631
15556
|
};
|
15632
15557
|
const customModifiersMap = {};
|
15558
|
+
const selectionModifiersMap = {
|
15559
|
+
[SelectionState.range_end]: [],
|
15560
|
+
[SelectionState.range_middle]: [],
|
15561
|
+
[SelectionState.range_start]: [],
|
15562
|
+
[SelectionState.selected]: []
|
15563
|
+
};
|
15633
15564
|
for (const day of days) {
|
15634
15565
|
const {
|
15635
15566
|
date,
|
15636
15567
|
displayMonth
|
15637
15568
|
} = day;
|
15638
15569
|
const isOutside = Boolean(displayMonth && !isSameMonth(date, displayMonth));
|
15639
|
-
const isBeforeStartMonth = Boolean(startMonth && isBefore(date, startMonth));
|
15640
|
-
const isAfterEndMonth = Boolean(endMonth && isAfter(date, endMonth));
|
15641
15570
|
const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
|
15642
|
-
const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) ||
|
15643
|
-
// Broadcast calendar will show outside days as default
|
15644
|
-
!broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
|
15571
|
+
const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || !showOutsideDays && isOutside;
|
15645
15572
|
const isToday = isSameDay(date, today ?? (props.timeZone ? TZDate.tz(props.timeZone) : dateLib.Date ? new dateLib.Date() : new Date()));
|
15646
15573
|
if (isOutside) internalModifiersMap.outside.push(day);
|
15647
15574
|
if (isDisabled) internalModifiersMap.disabled.push(day);
|
@@ -15670,16 +15597,27 @@ function useGetModifiers(days, props, dateLib) {
|
|
15670
15597
|
[DayFlag.outside]: false,
|
15671
15598
|
[DayFlag.today]: false
|
15672
15599
|
};
|
15600
|
+
const selectionStates = {
|
15601
|
+
[SelectionState.range_end]: false,
|
15602
|
+
[SelectionState.range_middle]: false,
|
15603
|
+
[SelectionState.range_start]: false,
|
15604
|
+
[SelectionState.selected]: false
|
15605
|
+
};
|
15673
15606
|
const customModifiers = {};
|
15674
15607
|
// Find the modifiers for the given day
|
15675
15608
|
for (const name in internalModifiersMap) {
|
15676
15609
|
const days = internalModifiersMap[name];
|
15677
15610
|
dayFlags[name] = days.some(d => d === day);
|
15678
15611
|
}
|
15612
|
+
for (const name in selectionModifiersMap) {
|
15613
|
+
const days = selectionModifiersMap[name];
|
15614
|
+
selectionStates[name] = days.some(d => d === day);
|
15615
|
+
}
|
15679
15616
|
for (const name in customModifiersMap) {
|
15680
15617
|
customModifiers[name] = customModifiersMap[name].some(d => d === day);
|
15681
15618
|
}
|
15682
15619
|
return {
|
15620
|
+
...selectionStates,
|
15683
15621
|
...dayFlags,
|
15684
15622
|
// custom modifiers should override all the previous ones
|
15685
15623
|
...customModifiers
|
@@ -16084,7 +16022,7 @@ function DayPicker(props) {
|
|
16084
16022
|
};
|
16085
16023
|
const dateLib = new DateLib({
|
16086
16024
|
locale,
|
16087
|
-
weekStartsOn: props.
|
16025
|
+
weekStartsOn: props.weekStartsOn,
|
16088
16026
|
firstWeekContainsDate: props.firstWeekContainsDate,
|
16089
16027
|
useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
|
16090
16028
|
useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens
|
@@ -16103,7 +16041,7 @@ function DayPicker(props) {
|
|
16103
16041
|
...props.classNames
|
16104
16042
|
}
|
16105
16043
|
};
|
16106
|
-
}, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn
|
16044
|
+
}, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn]);
|
16107
16045
|
const {
|
16108
16046
|
captionLayout,
|
16109
16047
|
mode,
|
@@ -18881,8 +18819,6 @@ function LiveRegion(_ref) {
|
|
18881
18819
|
// Hide element visually but keep it readable by screen readers
|
18882
18820
|
const visuallyHidden = {
|
18883
18821
|
position: 'fixed',
|
18884
|
-
top: 0,
|
18885
|
-
left: 0,
|
18886
18822
|
width: 1,
|
18887
18823
|
height: 1,
|
18888
18824
|
margin: -1,
|
@@ -20175,9 +20111,6 @@ class AbstractPointerSensor {
|
|
20175
20111
|
passive: false
|
20176
20112
|
});
|
20177
20113
|
this.listeners.add(events.end.name, this.handleEnd);
|
20178
|
-
if (events.cancel) {
|
20179
|
-
this.listeners.add(events.cancel.name, this.handleCancel);
|
20180
|
-
}
|
20181
20114
|
this.windowListeners.add(EventName.Resize, this.handleCancel);
|
20182
20115
|
this.windowListeners.add(EventName.DragStart, preventDefault);
|
20183
20116
|
this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
|
@@ -20297,9 +20230,6 @@ class AbstractPointerSensor {
|
|
20297
20230
|
}
|
20298
20231
|
}
|
20299
20232
|
const events = {
|
20300
|
-
cancel: {
|
20301
|
-
name: 'pointercancel'
|
20302
|
-
},
|
20303
20233
|
move: {
|
20304
20234
|
name: 'pointermove'
|
20305
20235
|
},
|
@@ -20372,9 +20302,6 @@ MouseSensor.activators = [{
|
|
20372
20302
|
}
|
20373
20303
|
}];
|
20374
20304
|
const events$2 = {
|
20375
|
-
cancel: {
|
20376
|
-
name: 'touchcancel'
|
20377
|
-
},
|
20378
20305
|
move: {
|
20379
20306
|
name: 'touchmove'
|
20380
20307
|
},
|
@@ -20576,11 +20503,11 @@ function useScrollIntent(_ref2) {
|
|
20576
20503
|
}, [disabled, delta, previousDelta]);
|
20577
20504
|
}
|
20578
20505
|
function useCachedNode(draggableNodes, id) {
|
20579
|
-
const draggableNode = id
|
20506
|
+
const draggableNode = id !== null ? draggableNodes.get(id) : undefined;
|
20580
20507
|
const node = draggableNode ? draggableNode.node.current : null;
|
20581
20508
|
return useLazyMemo(cachedNode => {
|
20582
20509
|
var _ref;
|
20583
|
-
if (id
|
20510
|
+
if (id === null) {
|
20584
20511
|
return null;
|
20585
20512
|
} // In some cases, the draggable node can unmount while dragging
|
20586
20513
|
// This is the case for virtualized lists. In those situations,
|
@@ -20788,26 +20715,7 @@ function useRect(element, measure, fallbackRect) {
|
|
20788
20715
|
if (measure === void 0) {
|
20789
20716
|
measure = defaultMeasure;
|
20790
20717
|
}
|
20791
|
-
const [rect,
|
20792
|
-
function measureRect() {
|
20793
|
-
setRect(currentRect => {
|
20794
|
-
if (!element) {
|
20795
|
-
return null;
|
20796
|
-
}
|
20797
|
-
if (element.isConnected === false) {
|
20798
|
-
var _ref;
|
20799
|
-
|
20800
|
-
// Fall back to last rect we measured if the element is
|
20801
|
-
// no longer connected to the DOM.
|
20802
|
-
return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
|
20803
|
-
}
|
20804
|
-
const newRect = measure(element);
|
20805
|
-
if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
|
20806
|
-
return currentRect;
|
20807
|
-
}
|
20808
|
-
return newRect;
|
20809
|
-
});
|
20810
|
-
}
|
20718
|
+
const [rect, measureRect] = React.useReducer(reducer, null);
|
20811
20719
|
const mutationObserver = useMutationObserver({
|
20812
20720
|
callback(records) {
|
20813
20721
|
if (!element) {
|
@@ -20842,6 +20750,23 @@ function useRect(element, measure, fallbackRect) {
|
|
20842
20750
|
}
|
20843
20751
|
}, [element]);
|
20844
20752
|
return rect;
|
20753
|
+
function reducer(currentRect) {
|
20754
|
+
if (!element) {
|
20755
|
+
return null;
|
20756
|
+
}
|
20757
|
+
if (element.isConnected === false) {
|
20758
|
+
var _ref;
|
20759
|
+
|
20760
|
+
// Fall back to last rect we measured if the element is
|
20761
|
+
// no longer connected to the DOM.
|
20762
|
+
return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
|
20763
|
+
}
|
20764
|
+
const newRect = measure(element);
|
20765
|
+
if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
|
20766
|
+
return currentRect;
|
20767
|
+
}
|
20768
|
+
return newRect;
|
20769
|
+
}
|
20845
20770
|
}
|
20846
20771
|
function useRectDelta(rect) {
|
20847
20772
|
const initialRect = useInitialValue(rect);
|
@@ -20987,24 +20912,28 @@ function useRects(elements, measure) {
|
|
20987
20912
|
}
|
20988
20913
|
const [firstElement] = elements;
|
20989
20914
|
const windowRect = useWindowRect(firstElement ? getWindow(firstElement) : null);
|
20990
|
-
const [rects,
|
20991
|
-
function measureRects() {
|
20992
|
-
setRects(() => {
|
20993
|
-
if (!elements.length) {
|
20994
|
-
return defaultValue$2;
|
20995
|
-
}
|
20996
|
-
return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
|
20997
|
-
});
|
20998
|
-
}
|
20915
|
+
const [rects, measureRects] = React.useReducer(reducer, defaultValue$2);
|
20999
20916
|
const resizeObserver = useResizeObserver({
|
21000
20917
|
callback: measureRects
|
21001
20918
|
});
|
21002
|
-
|
21003
|
-
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
20919
|
+
if (elements.length > 0 && rects === defaultValue$2) {
|
21004
20920
|
measureRects();
|
21005
|
-
|
20921
|
+
}
|
20922
|
+
useIsomorphicLayoutEffect$1(() => {
|
20923
|
+
if (elements.length) {
|
20924
|
+
elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
|
20925
|
+
} else {
|
20926
|
+
resizeObserver == null ? void 0 : resizeObserver.disconnect();
|
20927
|
+
measureRects();
|
20928
|
+
}
|
21006
20929
|
}, [elements]);
|
21007
20930
|
return rects;
|
20931
|
+
function reducer() {
|
20932
|
+
if (!elements.length) {
|
20933
|
+
return defaultValue$2;
|
20934
|
+
}
|
20935
|
+
return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
|
20936
|
+
}
|
21008
20937
|
}
|
21009
20938
|
function getMeasurableNode(node) {
|
21010
20939
|
if (!node) {
|
@@ -21171,7 +21100,7 @@ function reducer$1(state, action) {
|
|
21171
21100
|
}
|
21172
21101
|
};
|
21173
21102
|
case Action.DragMove:
|
21174
|
-
if (state.draggable.active
|
21103
|
+
if (!state.draggable.active) {
|
21175
21104
|
return state;
|
21176
21105
|
}
|
21177
21106
|
return {
|
@@ -21443,7 +21372,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
|
|
21443
21372
|
containers: droppableContainers
|
21444
21373
|
}
|
21445
21374
|
} = state;
|
21446
|
-
const node = activeId
|
21375
|
+
const node = activeId ? draggableNodes.get(activeId) : null;
|
21447
21376
|
const activeRects = React.useRef({
|
21448
21377
|
initial: null,
|
21449
21378
|
translated: null
|
@@ -21478,7 +21407,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
|
|
21478
21407
|
const autoScrollOptions = getAutoScrollerOptions();
|
21479
21408
|
const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
|
21480
21409
|
useLayoutShiftScrollCompensation({
|
21481
|
-
activeNode: activeId
|
21410
|
+
activeNode: activeId ? draggableNodes.get(activeId) : null,
|
21482
21411
|
config: autoScrollOptions.layoutShiftCompensation,
|
21483
21412
|
initialRect: initialActiveNodeRect,
|
21484
21413
|
measure: measuringConfiguration.draggable.measure
|
@@ -21556,7 +21485,6 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
|
|
21556
21485
|
|
21557
21486
|
const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
|
21558
21487
|
const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
|
21559
|
-
const activeSensorRef = React.useRef(null);
|
21560
21488
|
const instantiateSensor = React.useCallback((event, _ref2) => {
|
21561
21489
|
let {
|
21562
21490
|
sensor: Sensor,
|
@@ -21591,7 +21519,6 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
|
|
21591
21519
|
onDragStart
|
21592
21520
|
} = latestProps.current;
|
21593
21521
|
const event = {
|
21594
|
-
activatorEvent,
|
21595
21522
|
active: {
|
21596
21523
|
id,
|
21597
21524
|
data: draggableNode.data,
|
@@ -21610,8 +21537,6 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
|
|
21610
21537
|
type: 'onDragStart',
|
21611
21538
|
event
|
21612
21539
|
});
|
21613
|
-
setActiveSensor(activeSensorRef.current);
|
21614
|
-
setActivatorEvent(activatorEvent);
|
21615
21540
|
});
|
21616
21541
|
},
|
21617
21542
|
onMove(coordinates) {
|
@@ -21623,7 +21548,10 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
|
|
21623
21548
|
onEnd: createHandler(Action.DragEnd),
|
21624
21549
|
onCancel: createHandler(Action.DragCancel)
|
21625
21550
|
});
|
21626
|
-
|
21551
|
+
reactDom.unstable_batchedUpdates(() => {
|
21552
|
+
setActiveSensor(sensorInstance);
|
21553
|
+
setActivatorEvent(event.nativeEvent);
|
21554
|
+
});
|
21627
21555
|
function createHandler(type) {
|
21628
21556
|
return async function handler() {
|
21629
21557
|
const {
|
@@ -21660,7 +21588,6 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
|
|
21660
21588
|
setOver(null);
|
21661
21589
|
setActiveSensor(null);
|
21662
21590
|
setActivatorEvent(null);
|
21663
|
-
activeSensorRef.current = null;
|
21664
21591
|
const eventName = type === Action.DragEnd ? 'onDragEnd' : 'onDragCancel';
|
21665
21592
|
if (event) {
|
21666
21593
|
const handler = latestProps.current[eventName];
|
@@ -21882,7 +21809,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
|
|
21882
21809
|
});
|
21883
21810
|
const NullContext = /*#__PURE__*/React.createContext(null);
|
21884
21811
|
const defaultRole = 'button';
|
21885
|
-
const ID_PREFIX$1 = '
|
21812
|
+
const ID_PREFIX$1 = 'Droppable';
|
21886
21813
|
function useDraggable(_ref) {
|
21887
21814
|
let {
|
21888
21815
|
id,
|
@@ -22029,7 +21956,7 @@ function useDroppable(_ref) {
|
|
22029
21956
|
resizeObserverConnected.current = false;
|
22030
21957
|
resizeObserver.observe(nodeRef.current);
|
22031
21958
|
}, [nodeRef, resizeObserver]);
|
22032
|
-
|
21959
|
+
useIsomorphicLayoutEffect$1(() => {
|
22033
21960
|
dispatch({
|
22034
21961
|
type: Action.RegisterDroppable,
|
22035
21962
|
element: {
|
@@ -22444,7 +22371,6 @@ var DNDCore = /*#__PURE__*/Object.freeze({
|
|
22444
22371
|
defaultCoordinates: defaultCoordinates,
|
22445
22372
|
defaultDropAnimation: defaultDropAnimationConfiguration,
|
22446
22373
|
defaultDropAnimationSideEffects: defaultDropAnimationSideEffects,
|
22447
|
-
defaultKeyboardCoordinateGetter: defaultKeyboardCoordinateGetter,
|
22448
22374
|
defaultScreenReaderInstructions: defaultScreenReaderInstructions,
|
22449
22375
|
getClientRect: getClientRect,
|
22450
22376
|
getFirstCollision: getFirstCollision,
|
@@ -23898,7 +23824,7 @@ const Paper = ({
|
|
23898
23824
|
});
|
23899
23825
|
};
|
23900
23826
|
|
23901
|
-
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}";
|
23827
|
+
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}";
|
23902
23828
|
styleInject(css_248z$B);
|
23903
23829
|
|
23904
23830
|
const calculateArc$2 = (x, y, radius, startAngle, endAngle) => {
|
@@ -24142,6 +24068,7 @@ const DashboardDonutChart = ({
|
|
24142
24068
|
children: jsxRuntime.jsxs("table", {
|
24143
24069
|
className: "ff-legend-table",
|
24144
24070
|
children: [jsxRuntime.jsx("thead", {
|
24071
|
+
className: 'ff-legend-table-thead',
|
24145
24072
|
children: jsxRuntime.jsxs("tr", {
|
24146
24073
|
children: [jsxRuntime.jsx("th", {
|
24147
24074
|
className: "ff-table-header",
|
@@ -31587,13 +31514,12 @@ const ColumnIndicator = ({
|
|
31587
31514
|
});
|
31588
31515
|
}, [onSelect, column, setContextMenu]);
|
31589
31516
|
return jsxRuntime.jsxs("th", {
|
31590
|
-
style: {
|
31591
|
-
minWidth: `${columnWidth}px`,
|
31592
|
-
position: 'sticky'
|
31593
|
-
},
|
31594
31517
|
className: classNames('ff-spreadsheet-header', {
|
31595
31518
|
'ff-spreadsheet-header--selected': selected
|
31596
31519
|
}),
|
31520
|
+
style: {
|
31521
|
+
minWidth: `${columnWidth}px`
|
31522
|
+
},
|
31597
31523
|
onClick: handleClick,
|
31598
31524
|
onContextMenu: contextClick,
|
31599
31525
|
tabIndex: 0,
|
@@ -31602,7 +31528,7 @@ const ColumnIndicator = ({
|
|
31602
31528
|
onContextMenu: contextClick,
|
31603
31529
|
tabIndex: 0
|
31604
31530
|
}), jsxRuntime.jsx(Typography, {
|
31605
|
-
fontWeight:
|
31531
|
+
fontWeight: "medium",
|
31606
31532
|
children: label !== undefined ? label : columnIndexToLabel(column)
|
31607
31533
|
}), jsxRuntime.jsx("div", {
|
31608
31534
|
onMouseDown: onMouseDown,
|
@@ -31708,14 +31634,13 @@ const RowIndicator = ({
|
|
31708
31634
|
});
|
31709
31635
|
}, [onSelect, row, setContextMenu]);
|
31710
31636
|
return jsxRuntime.jsxs("th", {
|
31711
|
-
style: {
|
31712
|
-
height: `${rowHeight}px`,
|
31713
|
-
minWidth: '60px',
|
31714
|
-
position: 'relative'
|
31715
|
-
},
|
31716
31637
|
className: classNames('ff-spreadsheet-header', {
|
31717
31638
|
'ff-spreadsheet-header--selected': selected
|
31718
31639
|
}),
|
31640
|
+
style: {
|
31641
|
+
height: `${rowHeight}px`,
|
31642
|
+
minWidth: '60px'
|
31643
|
+
},
|
31719
31644
|
onClick: handleClick,
|
31720
31645
|
onContextMenu: contextClick,
|
31721
31646
|
tabIndex: 0,
|
@@ -32122,7 +32047,7 @@ const Copied = () => {
|
|
32122
32047
|
});
|
32123
32048
|
};
|
32124
32049
|
|
32125
|
-
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:
|
32050
|
+
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}";
|
32126
32051
|
styleInject(css_248z$n);
|
32127
32052
|
|
32128
32053
|
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}";
|
@@ -32314,6 +32239,8 @@ const ExcelToolBar = ({
|
|
32314
32239
|
textAlign: 'center'
|
32315
32240
|
};
|
32316
32241
|
const [cellStyle, setCellStyle] = React.useState(cell?.style || basicStyle);
|
32242
|
+
const underLineMenuRef = React.useRef(null);
|
32243
|
+
const borderMenuRef = React.useRef(null);
|
32317
32244
|
React.useEffect(() => {
|
32318
32245
|
setCellStyle(cell?.style || basicStyle);
|
32319
32246
|
}, [cell]);
|
@@ -32568,18 +32495,22 @@ const ExcelToolBar = ({
|
|
32568
32495
|
disabled: toolbar === 'disable',
|
32569
32496
|
onClick: () => setUnderlineType(data, underLine, true),
|
32570
32497
|
name: getUnderlineIcon()
|
32571
|
-
}), jsxRuntime.jsx(
|
32572
|
-
|
32573
|
-
|
32574
|
-
|
32575
|
-
|
32576
|
-
|
32577
|
-
|
32578
|
-
|
32579
|
-
|
32580
|
-
|
32581
|
-
|
32582
|
-
|
32498
|
+
}), jsxRuntime.jsx("span", {
|
32499
|
+
ref: underLineMenuRef,
|
32500
|
+
children: jsxRuntime.jsx(MenuOption, {
|
32501
|
+
targetRef: underLineMenuRef,
|
32502
|
+
iconName: "arrow_down",
|
32503
|
+
zIndex: 1000,
|
32504
|
+
iconSize: 12,
|
32505
|
+
options: underlineTypeIcon,
|
32506
|
+
tooltipPlacement: "top",
|
32507
|
+
variant: "light",
|
32508
|
+
onOptionClick: e => {
|
32509
|
+
let selectedValue = e.value;
|
32510
|
+
setUnderlineType(data, selectedValue, true);
|
32511
|
+
setUnderLine(selectedValue);
|
32512
|
+
}
|
32513
|
+
})
|
32583
32514
|
})]
|
32584
32515
|
})
|
32585
32516
|
})]
|
@@ -32650,18 +32581,22 @@ const ExcelToolBar = ({
|
|
32650
32581
|
disabled: toolbar === 'disable',
|
32651
32582
|
onClick: () => setBorderType(data, border, 'black'),
|
32652
32583
|
name: getBorderIcon()
|
32653
|
-
}), jsxRuntime.jsx(
|
32654
|
-
|
32655
|
-
|
32656
|
-
|
32657
|
-
|
32658
|
-
|
32659
|
-
|
32660
|
-
|
32661
|
-
|
32662
|
-
|
32663
|
-
|
32664
|
-
|
32584
|
+
}), jsxRuntime.jsx("span", {
|
32585
|
+
ref: borderMenuRef,
|
32586
|
+
children: jsxRuntime.jsx(MenuOption, {
|
32587
|
+
iconName: "arrow_down",
|
32588
|
+
targetRef: borderMenuRef,
|
32589
|
+
iconSize: 12,
|
32590
|
+
zIndex: 1000,
|
32591
|
+
options: borderTypeIcon,
|
32592
|
+
tooltipPlacement: "top",
|
32593
|
+
variant: "light",
|
32594
|
+
onOptionClick: e => {
|
32595
|
+
let selectedValue = e.value;
|
32596
|
+
setBorderType(data, selectedValue, 'black');
|
32597
|
+
setBorder(selectedValue);
|
32598
|
+
}
|
32599
|
+
})
|
32665
32600
|
})]
|
32666
32601
|
})
|
32667
32602
|
})
|