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.
Files changed (148) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/1fb4472b34e4fe07.css +1 -0
  3. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +6 -0
  4. package/lib/StyleGuide/Typography/Typography.stories.d.ts +6 -0
  5. package/lib/components/Accordion/Accordion.stories.d.ts +6 -0
  6. package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
  7. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
  8. package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
  9. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
  10. package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
  11. package/lib/components/Button/Button.stories.d.ts +13 -0
  12. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
  13. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
  14. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
  15. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +6 -0
  16. package/lib/components/Checkbox/Checkbox.stories.d.ts +8 -0
  17. package/lib/components/Chip/Chip.stories.d.ts +14 -0
  18. package/lib/components/ConditionalDropdown/types.d.ts +1 -1
  19. package/lib/components/DatePicker/DatePicker.stories.d.ts +9 -0
  20. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +6 -0
  21. package/lib/components/Drawer/Drawer.stories.d.ts +12 -0
  22. package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +8 -0
  23. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
  24. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
  25. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
  26. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
  27. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
  28. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
  29. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
  30. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
  31. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
  32. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
  33. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
  34. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
  35. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
  36. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
  37. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
  38. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
  39. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
  40. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
  41. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
  42. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
  43. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
  44. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
  45. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
  46. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
  47. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
  48. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
  49. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
  50. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
  51. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
  52. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
  53. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
  54. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
  55. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
  56. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
  57. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
  58. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
  59. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
  60. package/lib/components/ExcelFile/Types.d.ts +129 -0
  61. package/lib/components/ExcelFile/index.d.ts +1 -0
  62. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +7 -0
  63. package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
  64. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +8 -0
  65. package/lib/components/FileDropzone/types.d.ts +12 -4
  66. package/lib/components/Form/Form.stories.d.ts +7 -0
  67. package/lib/components/GridLayout/GridLayout.stories.d.ts +8 -0
  68. package/lib/components/HighlightText/HighlightText.stories.d.ts +6 -0
  69. package/lib/components/Icon/Icon.stories.d.ts +8 -0
  70. package/lib/components/IconButton/IconButton.stories.d.ts +7 -0
  71. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
  72. package/lib/components/Input/Input.stories.d.ts +9 -0
  73. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +9 -0
  74. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +11 -0
  75. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +6 -0
  76. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
  77. package/lib/components/MenuOption/MenuOption.stories.d.ts +16 -0
  78. package/lib/components/MenuOption/types.d.ts +1 -1
  79. package/lib/components/MiniModal/MiniModal.stories.d.ts +10 -0
  80. package/lib/components/Modal/Modal.stories.d.ts +7 -0
  81. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
  82. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +10 -0
  83. package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
  84. package/lib/components/Paper/Paper.stories.d.ts +11 -0
  85. package/lib/components/PopUpModal/types.d.ts +2 -1
  86. package/lib/components/RadioButton/RadioButton.stories.d.ts +10 -0
  87. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
  88. package/lib/components/Search/Search.stories.d.ts +6 -0
  89. package/lib/components/Select/Select.stories.d.ts +13 -0
  90. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +4 -0
  91. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +17 -0
  92. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
  93. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
  94. package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
  95. package/lib/components/Table/Table.stories.d.ts +13 -0
  96. package/lib/components/TableTree/TableTree.stories.d.ts +7 -0
  97. package/lib/components/Tabs/Tabs.stories.d.ts +9 -0
  98. package/lib/components/TextArea/Textarea.stories.d.ts +9 -0
  99. package/lib/components/Toast/Toast.stories.d.ts +6 -0
  100. package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
  101. package/lib/components/Toggle/Toggle.stories.d.ts +12 -0
  102. package/lib/components/Tooltip/Tooltip.stories.d.ts +15 -0
  103. package/lib/components/Typography/Typography.stories.d.ts +10 -0
  104. package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
  105. package/lib/index.d.ts +69 -63
  106. package/lib/index.esm.js +188 -253
  107. package/lib/index.esm.js.map +1 -1
  108. package/lib/index.js +188 -253
  109. package/lib/index.js.map +1 -1
  110. package/lib/tsconfig.tsbuildinfo +1 -1
  111. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +6 -0
  112. package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
  113. package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
  114. package/lib/utils/debounce/debounce.stories.d.ts +6 -0
  115. package/lib/utils/ffID/ffID.stories.d.ts +6 -0
  116. package/lib/utils/find/findAndInsert.d.ts +7 -0
  117. package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
  118. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
  119. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
  120. package/lib/utils/getExtension/getExtension.stories.d.ts +6 -0
  121. package/lib/utils/throttle/throttle.stories.d.ts +6 -0
  122. package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
  123. package/package.json +1 -1
  124. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +4 -0
  125. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +1 -1
  126. package/src/components/ConditionalDropdown/ConditionalDropdown.stories.tsx +1 -1
  127. package/src/components/ConditionalDropdown/types.ts +1 -1
  128. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +8 -8
  129. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +1 -5
  130. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +4 -3
  131. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +35 -27
  132. package/src/components/FileDropzone/Dropzone.tsx +3 -0
  133. package/src/components/FileDropzone/FileDropzone.scss +18 -0
  134. package/src/components/FileDropzone/FileDropzone.stories.tsx +75 -7
  135. package/src/components/FileDropzone/FileDropzone.tsx +2 -0
  136. package/src/components/FileDropzone/RadioFilePreview.tsx +7 -3
  137. package/src/components/FileDropzone/types.ts +13 -4
  138. package/src/components/MenuOption/MenuOption.stories.tsx +2 -3
  139. package/src/components/MenuOption/MenuOption.tsx +27 -29
  140. package/src/components/MenuOption/types.ts +1 -1
  141. package/src/components/PopUpModal/types.ts +4 -3
  142. package/src/components/Search/Search.stories.tsx +1 -2
  143. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  144. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  145. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  146. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  147. package/lib/components/TableTree/TableTree copy.d.ts +0 -25
  148. /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.current.getBoundingClientRect();
3184
- setOptionsHeight(rect.height);
3185
- setOptionsWidth(rect.width);
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 + menuPosition.height + 7,
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 + menuPosition.height + 20
3209
+ left: menuPosition.left + 20
3210
3210
  };
3211
3211
  default:
3212
3212
  return {
3213
- top: menuPosition.top,
3214
- left: menuPosition.left
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: adjustedStyle,
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 (fileInputRef.current) {
4134
- fileInputRef.current.click();
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 ?? enUS);
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, /** @since 9.4.0 */
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
- startOfBroadcastWeek,
14902
- startOfISOWeek,
14903
- startOfWeek
14846
+ endOfMonth
14904
14847
  } = dateLib;
14905
- const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek(firstMonth, dateLib) : ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
14906
- const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek(lastMonth, dateLib) : ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
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 nrOfDaysWithFixedWeeks = broadcastCalendar ? 35 : 42;
14919
- const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
14861
+ const extraDates = NrOfDaysWithFixedWeeks * nOfMonths;
14920
14862
  if (fixedWeeks && dates.length < extraDates) {
14921
- const daysToAdd = extraDates - dates.length;
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
- addDays,
15034
- endOfBroadcastWeek,
14974
+ startOfWeek,
14975
+ endOfWeek,
14976
+ startOfISOWeek,
15035
14977
  endOfISOWeek,
15036
14978
  endOfMonth,
15037
- endOfWeek,
15038
- getISOWeek,
14979
+ addDays,
15039
14980
  getWeek,
15040
- startOfBroadcastWeek,
15041
- startOfISOWeek,
15042
- startOfWeek
14981
+ getISOWeek
15043
14982
  } = dateLib;
15044
14983
  const dayPickerMonths = displayMonths.reduce((months, month) => {
15045
- const firstDateOfFirstWeek = props.broadcastCalendar ? startOfBroadcastWeek(month, dateLib) : props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
15046
- const lastDateOfLastWeek = props.broadcastCalendar ? endOfBroadcastWeek(month, dateLib) : props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
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
- const nrOfDaysWithFixedWeeks = props.broadcastCalendar ? 35 : 42;
15052
- if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
14990
+ if (props.fixedWeeks && monthDates.length < 42) {
15053
14991
  const extraDates = dates.filter(date => {
15054
- const daysToAdd = nrOfDaysWithFixedWeeks - monthDates.length;
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
- endOfBroadcastWeek,
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 => broadcastCalendar ? startOfBroadcastWeek(date, dateLib) : ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
15516
- endOfWeek: date => broadcastCalendar ? endOfBroadcastWeek(date, dateLib) : ISOWeek ? endOfISOWeek(date) : 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)) || isBeforeStartMonth || isAfterEndMonth ||
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.broadcastCalendar ? 1 : props.weekStartsOn,
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, props.broadcastCalendar]);
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 != null ? draggableNodes.get(id) : undefined;
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 == null) {
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, setRect] = useState(null);
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, setRects] = useState(defaultValue$2);
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
- useIsomorphicLayoutEffect$1(() => {
20983
- resizeObserver == null ? void 0 : resizeObserver.disconnect();
20899
+ if (elements.length > 0 && rects === defaultValue$2) {
20984
20900
  measureRects();
20985
- elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
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 == null) {
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 != null ? draggableNodes.get(activeId) : null;
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 != null ? draggableNodes.get(activeId) : null,
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
- activeSensorRef.current = sensorInstance;
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 = 'Draggable';
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
- useEffect(() => {
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: 'medium',
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: 2000;\n}\n.ff-excel .ff-spreadsheet-row-header {\n height: 34px;\n}\n.ff-excel .corner-header {\n border: 0.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}";
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(MenuOption, {
32552
- iconName: "arrow_down",
32553
- zIndex: 1000,
32554
- iconSize: 12,
32555
- options: underlineTypeIcon,
32556
- tooltipPlacement: "top",
32557
- variant: "light",
32558
- onOptionClick: e => {
32559
- let selectedValue = e.value;
32560
- setUnderlineType(data, selectedValue, true);
32561
- setUnderLine(selectedValue);
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(MenuOption, {
32634
- iconName: "arrow_down",
32635
- iconSize: 12,
32636
- zIndex: 1000,
32637
- options: borderTypeIcon,
32638
- tooltipPlacement: "top",
32639
- variant: "light",
32640
- onOptionClick: e => {
32641
- let selectedValue = e.value;
32642
- setBorderType(data, selectedValue, 'black');
32643
- setBorder(selectedValue);
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
  })