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.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.current.getBoundingClientRect();
3204
- setOptionsHeight(rect.height);
3205
- setOptionsWidth(rect.width);
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 + menuPosition.height + 7,
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 + menuPosition.height + 20
3229
+ left: menuPosition.left + 20
3230
3230
  };
3231
3231
  default:
3232
3232
  return {
3233
- top: menuPosition.top,
3234
- left: menuPosition.left
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: adjustedStyle,
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 (fileInputRef.current) {
4154
- fileInputRef.current.click();
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 ?? enUS);
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, /** @since 9.4.0 */
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
- startOfBroadcastWeek,
14922
- startOfISOWeek,
14923
- startOfWeek
14866
+ endOfMonth
14924
14867
  } = dateLib;
14925
- const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek(firstMonth, dateLib) : ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
14926
- const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek(lastMonth, dateLib) : ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
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 nrOfDaysWithFixedWeeks = broadcastCalendar ? 35 : 42;
14939
- const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
14881
+ const extraDates = NrOfDaysWithFixedWeeks * nOfMonths;
14940
14882
  if (fixedWeeks && dates.length < extraDates) {
14941
- const daysToAdd = extraDates - dates.length;
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
- addDays,
15054
- endOfBroadcastWeek,
14994
+ startOfWeek,
14995
+ endOfWeek,
14996
+ startOfISOWeek,
15055
14997
  endOfISOWeek,
15056
14998
  endOfMonth,
15057
- endOfWeek,
15058
- getISOWeek,
14999
+ addDays,
15059
15000
  getWeek,
15060
- startOfBroadcastWeek,
15061
- startOfISOWeek,
15062
- startOfWeek
15001
+ getISOWeek
15063
15002
  } = dateLib;
15064
15003
  const dayPickerMonths = displayMonths.reduce((months, month) => {
15065
- const firstDateOfFirstWeek = props.broadcastCalendar ? startOfBroadcastWeek(month, dateLib) : props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
15066
- const lastDateOfLastWeek = props.broadcastCalendar ? endOfBroadcastWeek(month, dateLib) : props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
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
- const nrOfDaysWithFixedWeeks = props.broadcastCalendar ? 35 : 42;
15072
- if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
15010
+ if (props.fixedWeeks && monthDates.length < 42) {
15073
15011
  const extraDates = dates.filter(date => {
15074
- const daysToAdd = nrOfDaysWithFixedWeeks - monthDates.length;
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
- endOfBroadcastWeek,
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 => broadcastCalendar ? startOfBroadcastWeek(date, dateLib) : ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
15536
- endOfWeek: date => broadcastCalendar ? endOfBroadcastWeek(date, dateLib) : ISOWeek ? endOfISOWeek(date) : 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)) || isBeforeStartMonth || isAfterEndMonth ||
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.broadcastCalendar ? 1 : props.weekStartsOn,
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, props.broadcastCalendar]);
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 != null ? draggableNodes.get(id) : undefined;
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 == null) {
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, setRect] = React.useState(null);
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, setRects] = React.useState(defaultValue$2);
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
- useIsomorphicLayoutEffect$1(() => {
21003
- resizeObserver == null ? void 0 : resizeObserver.disconnect();
20919
+ if (elements.length > 0 && rects === defaultValue$2) {
21004
20920
  measureRects();
21005
- elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
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 == null) {
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 != null ? draggableNodes.get(activeId) : null;
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 != null ? draggableNodes.get(activeId) : null,
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
- activeSensorRef.current = sensorInstance;
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 = 'Draggable';
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
- React.useEffect(() => {
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: 'medium',
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: 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}";
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(MenuOption, {
32572
- iconName: "arrow_down",
32573
- zIndex: 1000,
32574
- iconSize: 12,
32575
- options: underlineTypeIcon,
32576
- tooltipPlacement: "top",
32577
- variant: "light",
32578
- onOptionClick: e => {
32579
- let selectedValue = e.value;
32580
- setUnderlineType(data, selectedValue, true);
32581
- setUnderLine(selectedValue);
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(MenuOption, {
32654
- iconName: "arrow_down",
32655
- iconSize: 12,
32656
- zIndex: 1000,
32657
- options: borderTypeIcon,
32658
- tooltipPlacement: "top",
32659
- variant: "light",
32660
- onOptionClick: e => {
32661
- let selectedValue = e.value;
32662
- setBorderType(data, selectedValue, 'black');
32663
- setBorder(selectedValue);
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
  })