pixel-react 1.10.10-3 → 1.10.11

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 (180) hide show
  1. package/lib/ComponentProps/TreeNodeProps.d.ts +3 -0
  2. package/lib/components/TableTree/Components/AddModule/AddModule.d.ts +2 -1
  3. package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
  4. package/lib/components/TableTree/Components/TableCell.d.ts +2 -2
  5. package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
  6. package/lib/components/TableTree/TableTree.d.ts +2 -2
  7. package/lib/components/TableTree/Utils/addNewRow.d.ts +1 -0
  8. package/lib/components/TableTree/data.d.ts +34 -0
  9. package/lib/components/TableTree/types.d.ts +12 -12
  10. package/lib/index.d.ts +13 -8
  11. package/lib/index.esm.js +520 -641
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +520 -641
  14. package/lib/index.js.map +1 -1
  15. package/lib/tsconfig.tsbuildinfo +1 -1
  16. package/package.json +1 -1
  17. package/src/ComponentProps/TreeNodeProps.ts +3 -0
  18. package/src/assets/icons/approval_pending.svg +8 -8
  19. package/src/assets/icons/configuration.svg +3 -3
  20. package/src/assets/icons/defects.svg +8 -8
  21. package/src/assets/icons/element.svg +4 -4
  22. package/src/assets/icons/project_element.svg +4 -4
  23. package/src/assets/icons/spinner.svg +42 -0
  24. package/src/assets/icons/step_group.svg +10 -10
  25. package/src/assets/icons/variable.svg +3 -3
  26. package/src/assets/icons/web_service_icon.svg +3 -3
  27. package/src/components/Comment/Comments.stories.tsx +3 -77
  28. package/src/components/TableTree/Components/AddModule/AddModule.scss +1 -1
  29. package/src/components/TableTree/Components/AddModule/AddModule.tsx +43 -31
  30. package/src/components/TableTree/Components/TableBody.tsx +2 -0
  31. package/src/components/TableTree/Components/TableCell.tsx +8 -6
  32. package/src/components/TableTree/Components/TableRow.tsx +2 -0
  33. package/src/components/TableTree/TableTree.scss +4 -2
  34. package/src/components/TableTree/TableTree.stories.tsx +21 -2
  35. package/src/components/TableTree/TableTree.tsx +34 -8
  36. package/src/components/TableTree/Utils/addNewRow.ts +3 -1
  37. package/src/components/TableTree/data.ts +5 -1
  38. package/src/components/TableTree/types.ts +13 -12
  39. package/lib/1fb4472b34e4fe07.css +0 -1
  40. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
  41. package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
  42. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  43. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  44. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  45. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  46. package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
  47. package/lib/components/AddButton/AddButton.d.ts +0 -5
  48. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  49. package/lib/components/AddButton/index.d.ts +0 -1
  50. package/lib/components/AddButton/types.d.ts +0 -4
  51. package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
  52. package/lib/components/AddVariables/AddVariables.d.ts +0 -5
  53. package/lib/components/AddVariables/index.d.ts +0 -1
  54. package/lib/components/AddVariables/types.d.ts +0 -35
  55. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +0 -7
  56. package/lib/components/AppHeader/AppHeader.stories.d.ts +0 -7
  57. package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
  58. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +0 -9
  59. package/lib/components/Avatar/Avatar.stories.d.ts +0 -10
  60. package/lib/components/Button/Button.stories.d.ts +0 -13
  61. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
  62. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +0 -7
  63. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
  64. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
  65. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
  66. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
  67. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +0 -7
  68. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
  69. package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
  70. package/lib/components/Chip/Chip.stories.d.ts +0 -14
  71. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
  72. package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
  73. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
  74. package/lib/components/Drawer/Drawer.stories.d.ts +0 -12
  75. package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
  76. package/lib/components/Editor/Editor.stories.d.ts +0 -6
  77. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  78. package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
  79. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  80. package/lib/components/ExcelFile/ColorBarSelector/ColorBarSelector.d.ts +0 -8
  81. package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +0 -4
  82. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +0 -7
  83. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +0 -4
  84. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +0 -5
  85. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +0 -3
  86. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +0 -5
  87. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +0 -5
  88. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +0 -8
  89. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +0 -10
  90. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +0 -3
  91. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +0 -3
  92. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +0 -5
  93. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +0 -3
  94. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +0 -80
  95. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +0 -3
  96. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +0 -174
  97. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +0 -1
  98. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +0 -8
  99. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +0 -22
  100. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +0 -17
  101. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +0 -2
  102. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +0 -21
  103. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +0 -3
  104. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +0 -24
  105. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +0 -13
  106. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +0 -67
  107. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +0 -22
  108. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +0 -11
  109. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +0 -27
  110. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +0 -95
  111. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +0 -178
  112. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +0 -3
  113. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +0 -3
  114. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +0 -44
  115. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +0 -19
  116. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +0 -6
  117. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -12
  118. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +0 -15
  119. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  120. package/lib/components/ExcelFile/Types.d.ts +0 -129
  121. package/lib/components/ExcelFile/index.d.ts +0 -1
  122. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
  123. package/lib/components/FF_Captcha/captcha.stories.d.ts +0 -8
  124. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
  125. package/lib/components/Form/Form.stories.d.ts +0 -7
  126. package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
  127. package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
  128. package/lib/components/Icon/Icon.stories.d.ts +0 -8
  129. package/lib/components/IconButton/IconButton.stories.d.ts +0 -7
  130. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +0 -7
  131. package/lib/components/Input/Input.stories.d.ts +0 -9
  132. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
  133. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -13
  134. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
  135. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +0 -6
  136. package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -16
  137. package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -10
  138. package/lib/components/Modal/Modal.stories.d.ts +0 -7
  139. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +0 -6
  140. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -11
  141. package/lib/components/NLPInput/NlpInput.stories.d.ts +0 -7
  142. package/lib/components/NLPInput/type.d.ts +0 -70
  143. package/lib/components/Paper/Paper.stories.d.ts +0 -11
  144. package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
  145. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -9
  146. package/lib/components/Search/Search.stories.d.ts +0 -6
  147. package/lib/components/Select/Select.stories.d.ts +0 -14
  148. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
  149. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -17
  150. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +0 -6
  151. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +0 -4
  152. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +0 -3
  153. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +0 -4
  154. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +0 -3
  155. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
  156. package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
  157. package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
  158. package/lib/components/Table/Table.stories.d.ts +0 -13
  159. package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
  160. package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
  161. package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
  162. package/lib/components/Toast/Toast.stories.d.ts +0 -6
  163. package/lib/components/Toastify/Toastify.stories.d.ts +0 -6
  164. package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
  165. package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
  166. package/lib/components/Typography/Typography.stories.d.ts +0 -10
  167. package/lib/components/VariableInput/VariableInput.stories.d.ts +0 -6
  168. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
  169. package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
  170. package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
  171. package/lib/utils/debounce/debounce.stories.d.ts +0 -6
  172. package/lib/utils/ffID/ffID.stories.d.ts +0 -6
  173. package/lib/utils/find/findAndInsert.d.ts +0 -7
  174. package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
  175. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +0 -7
  176. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +0 -6
  177. package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
  178. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
  179. package/lib/utils/throttle/throttle.stories.d.ts +0 -6
  180. package/lib/utils/truncateText/truncateText.stories.d.ts +0 -6
package/lib/index.js CHANGED
@@ -4049,6 +4049,8 @@ function LiveRegion(_ref) {
4049
4049
  // Hide element visually but keep it readable by screen readers
4050
4050
  const visuallyHidden = {
4051
4051
  position: 'fixed',
4052
+ top: 0,
4053
+ left: 0,
4052
4054
  width: 1,
4053
4055
  height: 1,
4054
4056
  margin: -1,
@@ -5038,11 +5040,12 @@ var KeyboardCode;
5038
5040
  KeyboardCode["Up"] = "ArrowUp";
5039
5041
  KeyboardCode["Esc"] = "Escape";
5040
5042
  KeyboardCode["Enter"] = "Enter";
5043
+ KeyboardCode["Tab"] = "Tab";
5041
5044
  })(KeyboardCode || (KeyboardCode = {}));
5042
5045
  const defaultKeyboardCodes = {
5043
5046
  start: [KeyboardCode.Space, KeyboardCode.Enter],
5044
5047
  cancel: [KeyboardCode.Esc],
5045
- end: [KeyboardCode.Space, KeyboardCode.Enter]
5048
+ end: [KeyboardCode.Space, KeyboardCode.Enter, KeyboardCode.Tab]
5046
5049
  };
5047
5050
  const defaultKeyboardCoordinateGetter = (event, _ref) => {
5048
5051
  let {
@@ -5341,6 +5344,9 @@ class AbstractPointerSensor {
5341
5344
  passive: false
5342
5345
  });
5343
5346
  this.listeners.add(events.end.name, this.handleEnd);
5347
+ if (events.cancel) {
5348
+ this.listeners.add(events.cancel.name, this.handleCancel);
5349
+ }
5344
5350
  this.windowListeners.add(EventName.Resize, this.handleCancel);
5345
5351
  this.windowListeners.add(EventName.DragStart, preventDefault);
5346
5352
  this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
@@ -5356,9 +5362,11 @@ class AbstractPointerSensor {
5356
5362
  }
5357
5363
  if (isDelayConstraint(activationConstraint)) {
5358
5364
  this.timeoutId = setTimeout(this.handleStart, activationConstraint.delay);
5365
+ this.handlePending(activationConstraint);
5359
5366
  return;
5360
5367
  }
5361
5368
  if (isDistanceConstraint(activationConstraint)) {
5369
+ this.handlePending(activationConstraint);
5362
5370
  return;
5363
5371
  }
5364
5372
  }
@@ -5375,6 +5383,13 @@ class AbstractPointerSensor {
5375
5383
  this.timeoutId = null;
5376
5384
  }
5377
5385
  }
5386
+ handlePending(constraint, offset) {
5387
+ const {
5388
+ active,
5389
+ onPending
5390
+ } = this.props;
5391
+ onPending(active, constraint, this.initialCoordinates, offset);
5392
+ }
5378
5393
  handleStart() {
5379
5394
  const {
5380
5395
  initialCoordinates
@@ -5428,6 +5443,7 @@ class AbstractPointerSensor {
5428
5443
  return this.handleCancel();
5429
5444
  }
5430
5445
  }
5446
+ this.handlePending(activationConstraint, delta);
5431
5447
  return;
5432
5448
  }
5433
5449
  if (event.cancelable) {
@@ -5437,16 +5453,24 @@ class AbstractPointerSensor {
5437
5453
  }
5438
5454
  handleEnd() {
5439
5455
  const {
5456
+ onAbort,
5440
5457
  onEnd
5441
5458
  } = this.props;
5442
5459
  this.detach();
5460
+ if (!this.activated) {
5461
+ onAbort(this.props.active);
5462
+ }
5443
5463
  onEnd();
5444
5464
  }
5445
5465
  handleCancel() {
5446
5466
  const {
5467
+ onAbort,
5447
5468
  onCancel
5448
5469
  } = this.props;
5449
5470
  this.detach();
5471
+ if (!this.activated) {
5472
+ onAbort(this.props.active);
5473
+ }
5450
5474
  onCancel();
5451
5475
  }
5452
5476
  handleKeydown(event) {
@@ -5460,6 +5484,9 @@ class AbstractPointerSensor {
5460
5484
  }
5461
5485
  }
5462
5486
  const events = {
5487
+ cancel: {
5488
+ name: 'pointercancel'
5489
+ },
5463
5490
  move: {
5464
5491
  name: 'pointermove'
5465
5492
  },
@@ -5532,6 +5559,9 @@ MouseSensor.activators = [{
5532
5559
  }
5533
5560
  }];
5534
5561
  const events$2 = {
5562
+ cancel: {
5563
+ name: 'touchcancel'
5564
+ },
5535
5565
  move: {
5536
5566
  name: 'touchmove'
5537
5567
  },
@@ -5733,11 +5763,11 @@ function useScrollIntent(_ref2) {
5733
5763
  }, [disabled, delta, previousDelta]);
5734
5764
  }
5735
5765
  function useCachedNode(draggableNodes, id) {
5736
- const draggableNode = id !== null ? draggableNodes.get(id) : undefined;
5766
+ const draggableNode = id != null ? draggableNodes.get(id) : undefined;
5737
5767
  const node = draggableNode ? draggableNode.node.current : null;
5738
5768
  return useLazyMemo(cachedNode => {
5739
5769
  var _ref;
5740
- if (id === null) {
5770
+ if (id == null) {
5741
5771
  return null;
5742
5772
  } // In some cases, the draggable node can unmount while dragging
5743
5773
  // This is the case for virtualized lists. In those situations,
@@ -5945,7 +5975,26 @@ function useRect(element, measure, fallbackRect) {
5945
5975
  if (measure === void 0) {
5946
5976
  measure = defaultMeasure;
5947
5977
  }
5948
- const [rect, measureRect] = React.useReducer(reducer, null);
5978
+ const [rect, setRect] = React.useState(null);
5979
+ function measureRect() {
5980
+ setRect(currentRect => {
5981
+ if (!element) {
5982
+ return null;
5983
+ }
5984
+ if (element.isConnected === false) {
5985
+ var _ref;
5986
+
5987
+ // Fall back to last rect we measured if the element is
5988
+ // no longer connected to the DOM.
5989
+ return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
5990
+ }
5991
+ const newRect = measure(element);
5992
+ if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
5993
+ return currentRect;
5994
+ }
5995
+ return newRect;
5996
+ });
5997
+ }
5949
5998
  const mutationObserver = useMutationObserver({
5950
5999
  callback(records) {
5951
6000
  if (!element) {
@@ -5980,23 +6029,6 @@ function useRect(element, measure, fallbackRect) {
5980
6029
  }
5981
6030
  }, [element]);
5982
6031
  return rect;
5983
- function reducer(currentRect) {
5984
- if (!element) {
5985
- return null;
5986
- }
5987
- if (element.isConnected === false) {
5988
- var _ref;
5989
-
5990
- // Fall back to last rect we measured if the element is
5991
- // no longer connected to the DOM.
5992
- return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
5993
- }
5994
- const newRect = measure(element);
5995
- if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
5996
- return currentRect;
5997
- }
5998
- return newRect;
5999
- }
6000
6032
  }
6001
6033
  function useRectDelta(rect) {
6002
6034
  const initialRect = useInitialValue(rect);
@@ -6142,28 +6174,24 @@ function useRects(elements, measure) {
6142
6174
  }
6143
6175
  const [firstElement] = elements;
6144
6176
  const windowRect = useWindowRect(firstElement ? getWindow(firstElement) : null);
6145
- const [rects, measureRects] = React.useReducer(reducer, defaultValue$2);
6177
+ const [rects, setRects] = React.useState(defaultValue$2);
6178
+ function measureRects() {
6179
+ setRects(() => {
6180
+ if (!elements.length) {
6181
+ return defaultValue$2;
6182
+ }
6183
+ return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
6184
+ });
6185
+ }
6146
6186
  const resizeObserver = useResizeObserver({
6147
6187
  callback: measureRects
6148
6188
  });
6149
- if (elements.length > 0 && rects === defaultValue$2) {
6150
- measureRects();
6151
- }
6152
6189
  useIsomorphicLayoutEffect$1(() => {
6153
- if (elements.length) {
6154
- elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
6155
- } else {
6156
- resizeObserver == null ? void 0 : resizeObserver.disconnect();
6157
- measureRects();
6158
- }
6190
+ resizeObserver == null ? void 0 : resizeObserver.disconnect();
6191
+ measureRects();
6192
+ elements.forEach(element => resizeObserver == null ? void 0 : resizeObserver.observe(element));
6159
6193
  }, [elements]);
6160
6194
  return rects;
6161
- function reducer() {
6162
- if (!elements.length) {
6163
- return defaultValue$2;
6164
- }
6165
- return elements.map(element => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
6166
- }
6167
6195
  }
6168
6196
  function getMeasurableNode(node) {
6169
6197
  if (!node) {
@@ -6330,7 +6358,7 @@ function reducer$1(state, action) {
6330
6358
  }
6331
6359
  };
6332
6360
  case Action.DragMove:
6333
- if (!state.draggable.active) {
6361
+ if (state.draggable.active == null) {
6334
6362
  return state;
6335
6363
  }
6336
6364
  return {
@@ -6602,7 +6630,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
6602
6630
  containers: droppableContainers
6603
6631
  }
6604
6632
  } = state;
6605
- const node = activeId ? draggableNodes.get(activeId) : null;
6633
+ const node = activeId != null ? draggableNodes.get(activeId) : null;
6606
6634
  const activeRects = React.useRef({
6607
6635
  initial: null,
6608
6636
  translated: null
@@ -6637,7 +6665,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
6637
6665
  const autoScrollOptions = getAutoScrollerOptions();
6638
6666
  const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
6639
6667
  useLayoutShiftScrollCompensation({
6640
- activeNode: activeId ? draggableNodes.get(activeId) : null,
6668
+ activeNode: activeId != null ? draggableNodes.get(activeId) : null,
6641
6669
  config: autoScrollOptions.layoutShiftCompensation,
6642
6670
  initialRect: initialActiveNodeRect,
6643
6671
  measure: measuringConfiguration.draggable.measure
@@ -6715,6 +6743,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
6715
6743
 
6716
6744
  const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
6717
6745
  const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
6746
+ const activeSensorRef = React.useRef(null);
6718
6747
  const instantiateSensor = React.useCallback((event, _ref2) => {
6719
6748
  let {
6720
6749
  sensor: Sensor,
@@ -6736,6 +6765,43 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
6736
6765
  // Sensors need to be instantiated with refs for arguments that change over time
6737
6766
  // otherwise they are frozen in time with the stale arguments
6738
6767
  context: sensorContext,
6768
+ onAbort(id) {
6769
+ const draggableNode = draggableNodes.get(id);
6770
+ if (!draggableNode) {
6771
+ return;
6772
+ }
6773
+ const {
6774
+ onDragAbort
6775
+ } = latestProps.current;
6776
+ const event = {
6777
+ id
6778
+ };
6779
+ onDragAbort == null ? void 0 : onDragAbort(event);
6780
+ dispatchMonitorEvent({
6781
+ type: 'onDragAbort',
6782
+ event
6783
+ });
6784
+ },
6785
+ onPending(id, constraint, initialCoordinates, offset) {
6786
+ const draggableNode = draggableNodes.get(id);
6787
+ if (!draggableNode) {
6788
+ return;
6789
+ }
6790
+ const {
6791
+ onDragPending
6792
+ } = latestProps.current;
6793
+ const event = {
6794
+ id,
6795
+ constraint,
6796
+ initialCoordinates,
6797
+ offset
6798
+ };
6799
+ onDragPending == null ? void 0 : onDragPending(event);
6800
+ dispatchMonitorEvent({
6801
+ type: 'onDragPending',
6802
+ event
6803
+ });
6804
+ },
6739
6805
  onStart(initialCoordinates) {
6740
6806
  const id = activeRef.current;
6741
6807
  if (id == null) {
@@ -6749,6 +6815,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
6749
6815
  onDragStart
6750
6816
  } = latestProps.current;
6751
6817
  const event = {
6818
+ activatorEvent,
6752
6819
  active: {
6753
6820
  id,
6754
6821
  data: draggableNode.data,
@@ -6767,6 +6834,8 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
6767
6834
  type: 'onDragStart',
6768
6835
  event
6769
6836
  });
6837
+ setActiveSensor(activeSensorRef.current);
6838
+ setActivatorEvent(activatorEvent);
6770
6839
  });
6771
6840
  },
6772
6841
  onMove(coordinates) {
@@ -6778,10 +6847,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
6778
6847
  onEnd: createHandler(Action.DragEnd),
6779
6848
  onCancel: createHandler(Action.DragCancel)
6780
6849
  });
6781
- ReactDOM.unstable_batchedUpdates(() => {
6782
- setActiveSensor(sensorInstance);
6783
- setActivatorEvent(event.nativeEvent);
6784
- });
6850
+ activeSensorRef.current = sensorInstance;
6785
6851
  function createHandler(type) {
6786
6852
  return async function handler() {
6787
6853
  const {
@@ -6818,6 +6884,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
6818
6884
  setOver(null);
6819
6885
  setActiveSensor(null);
6820
6886
  setActivatorEvent(null);
6887
+ activeSensorRef.current = null;
6821
6888
  const eventName = type === Action.DragEnd ? 'onDragEnd' : 'onDragCancel';
6822
6889
  if (event) {
6823
6890
  const handler = latestProps.current[eventName];
@@ -7039,7 +7106,7 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
7039
7106
  });
7040
7107
  const NullContext = /*#__PURE__*/React.createContext(null);
7041
7108
  const defaultRole = 'button';
7042
- const ID_PREFIX$1 = 'Droppable';
7109
+ const ID_PREFIX$1 = 'Draggable';
7043
7110
  function useDraggable(_ref) {
7044
7111
  let {
7045
7112
  id,
@@ -7186,7 +7253,7 @@ function useDroppable(_ref) {
7186
7253
  resizeObserverConnected.current = false;
7187
7254
  resizeObserver.observe(nodeRef.current);
7188
7255
  }, [nodeRef, resizeObserver]);
7189
- useIsomorphicLayoutEffect$1(() => {
7256
+ React.useEffect(() => {
7190
7257
  dispatch({
7191
7258
  type: Action.RegisterDroppable,
7192
7259
  element: {
@@ -7601,6 +7668,7 @@ var DNDCore = /*#__PURE__*/Object.freeze({
7601
7668
  defaultCoordinates: defaultCoordinates,
7602
7669
  defaultDropAnimation: defaultDropAnimationConfiguration,
7603
7670
  defaultDropAnimationSideEffects: defaultDropAnimationSideEffects,
7671
+ defaultKeyboardCoordinateGetter: defaultKeyboardCoordinateGetter,
7604
7672
  defaultScreenReaderInstructions: defaultScreenReaderInstructions,
7605
7673
  getClientRect: getClientRect,
7606
7674
  getFirstCollision: getFirstCollision,
@@ -11438,13 +11506,14 @@ var isWeb = typeof window !== 'undefined' &&
11438
11506
  function cloneObject(data) {
11439
11507
  let copy;
11440
11508
  const isArray = Array.isArray(data);
11509
+ const isFileListInstance = typeof FileList !== 'undefined' ? data instanceof FileList : false;
11441
11510
  if (data instanceof Date) {
11442
11511
  copy = new Date(data);
11443
11512
  }
11444
11513
  else if (data instanceof Set) {
11445
11514
  copy = new Set(data);
11446
11515
  }
11447
- else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) &&
11516
+ else if (!(isWeb && (data instanceof Blob || isFileListInstance)) &&
11448
11517
  (isArray || isObject$2(data))) {
11449
11518
  copy = isArray ? [] : {};
11450
11519
  if (!isArray && !isPlainObject(data)) {
@@ -11503,7 +11572,7 @@ var set$1 = (object, path, value) => {
11503
11572
  ? []
11504
11573
  : {};
11505
11574
  }
11506
- if (key === '__proto__') {
11575
+ if (key === '__proto__' || key === 'constructor' || key === 'prototype') {
11507
11576
  return;
11508
11577
  }
11509
11578
  object[key] = newValue;
@@ -11722,7 +11791,7 @@ function useFormState(props) {
11722
11791
  _mounted.current = false;
11723
11792
  };
11724
11793
  }, [control]);
11725
- return getProxyFormState(formState, control, _localProxyFormState.current, false);
11794
+ return React.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
11726
11795
  }
11727
11796
 
11728
11797
  var isString = (value) => typeof value === 'string';
@@ -11818,6 +11887,67 @@ function useController(props) {
11818
11887
  value,
11819
11888
  ...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),
11820
11889
  }));
11890
+ const fieldState = React.useMemo(() => Object.defineProperties({}, {
11891
+ invalid: {
11892
+ enumerable: true,
11893
+ get: () => !!get$1(formState.errors, name),
11894
+ },
11895
+ isDirty: {
11896
+ enumerable: true,
11897
+ get: () => !!get$1(formState.dirtyFields, name),
11898
+ },
11899
+ isTouched: {
11900
+ enumerable: true,
11901
+ get: () => !!get$1(formState.touchedFields, name),
11902
+ },
11903
+ isValidating: {
11904
+ enumerable: true,
11905
+ get: () => !!get$1(formState.validatingFields, name),
11906
+ },
11907
+ error: {
11908
+ enumerable: true,
11909
+ get: () => get$1(formState.errors, name),
11910
+ },
11911
+ }), [formState, name]);
11912
+ const field = React.useMemo(() => ({
11913
+ name,
11914
+ value,
11915
+ ...(isBoolean(disabled) || formState.disabled
11916
+ ? { disabled: formState.disabled || disabled }
11917
+ : {}),
11918
+ onChange: (event) => _registerProps.current.onChange({
11919
+ target: {
11920
+ value: getEventValue(event),
11921
+ name: name,
11922
+ },
11923
+ type: EVENTS.CHANGE,
11924
+ }),
11925
+ onBlur: () => _registerProps.current.onBlur({
11926
+ target: {
11927
+ value: get$1(control._formValues, name),
11928
+ name: name,
11929
+ },
11930
+ type: EVENTS.BLUR,
11931
+ }),
11932
+ ref: (elm) => {
11933
+ const field = get$1(control._fields, name);
11934
+ if (field && elm) {
11935
+ field._f.ref = {
11936
+ focus: () => elm.focus(),
11937
+ select: () => elm.select(),
11938
+ setCustomValidity: (message) => elm.setCustomValidity(message),
11939
+ reportValidity: () => elm.reportValidity(),
11940
+ };
11941
+ }
11942
+ },
11943
+ }), [
11944
+ name,
11945
+ control._formValues,
11946
+ disabled,
11947
+ formState.disabled,
11948
+ value,
11949
+ control._fields,
11950
+ ]);
11821
11951
  React.useEffect(() => {
11822
11952
  const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
11823
11953
  const updateMounted = (name, value) => {
@@ -11843,7 +11973,7 @@ function useController(props) {
11843
11973
  };
11844
11974
  }, [name, control, isArrayField, shouldUnregister]);
11845
11975
  React.useEffect(() => {
11846
- if (get$1(control._fields, name)) {
11976
+ if (isBoolean(disabled) && get$1(control._fields, name)) {
11847
11977
  control._updateDisabledField({
11848
11978
  disabled,
11849
11979
  fields: control._fields,
@@ -11852,63 +11982,11 @@ function useController(props) {
11852
11982
  });
11853
11983
  }
11854
11984
  }, [disabled, name, control]);
11855
- return {
11856
- field: {
11857
- name,
11858
- value,
11859
- ...(isBoolean(disabled) || formState.disabled
11860
- ? { disabled: formState.disabled || disabled }
11861
- : {}),
11862
- onChange: React.useCallback((event) => _registerProps.current.onChange({
11863
- target: {
11864
- value: getEventValue(event),
11865
- name: name,
11866
- },
11867
- type: EVENTS.CHANGE,
11868
- }), [name]),
11869
- onBlur: React.useCallback(() => _registerProps.current.onBlur({
11870
- target: {
11871
- value: get$1(control._formValues, name),
11872
- name: name,
11873
- },
11874
- type: EVENTS.BLUR,
11875
- }), [name, control]),
11876
- ref: React.useCallback((elm) => {
11877
- const field = get$1(control._fields, name);
11878
- if (field && elm) {
11879
- field._f.ref = {
11880
- focus: () => elm.focus(),
11881
- select: () => elm.select(),
11882
- setCustomValidity: (message) => elm.setCustomValidity(message),
11883
- reportValidity: () => elm.reportValidity(),
11884
- };
11885
- }
11886
- }, [control._fields, name]),
11887
- },
11985
+ return React.useMemo(() => ({
11986
+ field,
11888
11987
  formState,
11889
- fieldState: Object.defineProperties({}, {
11890
- invalid: {
11891
- enumerable: true,
11892
- get: () => !!get$1(formState.errors, name),
11893
- },
11894
- isDirty: {
11895
- enumerable: true,
11896
- get: () => !!get$1(formState.dirtyFields, name),
11897
- },
11898
- isTouched: {
11899
- enumerable: true,
11900
- get: () => !!get$1(formState.touchedFields, name),
11901
- },
11902
- isValidating: {
11903
- enumerable: true,
11904
- get: () => !!get$1(formState.validatingFields, name),
11905
- },
11906
- error: {
11907
- enumerable: true,
11908
- get: () => get$1(formState.errors, name),
11909
- },
11910
- }),
11911
- };
11988
+ fieldState,
11989
+ }), [field, formState, fieldState]);
11912
11990
  }
11913
11991
 
11914
11992
  /**
@@ -11958,7 +12036,7 @@ const Controller = (props) => props.render(useController(props));
11958
12036
  const flatten = (obj) => {
11959
12037
  const output = {};
11960
12038
  for (const key of Object.keys(obj)) {
11961
- if (isObjectType(obj[key])) {
12039
+ if (isObjectType(obj[key]) && obj[key] !== null) {
11962
12040
  const nested = flatten(obj[key]);
11963
12041
  for (const nestedKey of Object.keys(nested)) {
11964
12042
  output[`${key}.${nestedKey}`] = nested[nestedKey];
@@ -12027,7 +12105,7 @@ function Form(props) {
12027
12105
  headers && headers['Content-Type'],
12028
12106
  encType,
12029
12107
  ].some((value) => value && value.includes('json'));
12030
- const response = await fetch(action, {
12108
+ const response = await fetch(String(action), {
12031
12109
  method,
12032
12110
  headers: {
12033
12111
  ...headers,
@@ -12525,7 +12603,7 @@ var updateAt = (fieldValues, index, value) => {
12525
12603
  */
12526
12604
  function useFieldArray(props) {
12527
12605
  const methods = useFormContext();
12528
- const { control = methods.control, name, keyName = 'id', shouldUnregister, } = props;
12606
+ const { control = methods.control, name, keyName = 'id', shouldUnregister, rules, } = props;
12529
12607
  const [fields, setFields] = React.useState(control._getFieldArray(name));
12530
12608
  const ids = React.useRef(control._getFieldArray(name).map(generateId));
12531
12609
  const _fieldIds = React.useRef(fields);
@@ -12534,8 +12612,8 @@ function useFieldArray(props) {
12534
12612
  _name.current = name;
12535
12613
  _fieldIds.current = fields;
12536
12614
  control._names.array.add(name);
12537
- props.rules &&
12538
- control.register(name, props.rules);
12615
+ rules &&
12616
+ control.register(name, rules);
12539
12617
  useSubscribe({
12540
12618
  next: ({ values, name: fieldArrayName, }) => {
12541
12619
  if (fieldArrayName === _name.current || !fieldArrayName) {
@@ -12579,6 +12657,8 @@ function useFieldArray(props) {
12579
12657
  ids.current = removeArrayAt(ids.current, index);
12580
12658
  updateValues(updatedFieldArrayValues);
12581
12659
  setFields(updatedFieldArrayValues);
12660
+ !Array.isArray(get$1(control._fields, name)) &&
12661
+ set$1(control._fields, name, undefined);
12582
12662
  control._updateFieldArray(name, updatedFieldArrayValues, removeArrayAt, {
12583
12663
  argA: index,
12584
12664
  });
@@ -12893,7 +12973,8 @@ var getRuleValue = (rule) => isUndefined(rule)
12893
12973
  : rule;
12894
12974
 
12895
12975
  const ASYNC_FUNCTION = 'AsyncFunction';
12896
- var hasPromiseValidation = (fieldReference) => (!fieldReference || !fieldReference.validate) &&
12976
+ var hasPromiseValidation = (fieldReference) => !!fieldReference &&
12977
+ !!fieldReference.validate &&
12897
12978
  !!((isFunction$1(fieldReference.validate) &&
12898
12979
  fieldReference.validate.constructor.name === ASYNC_FUNCTION) ||
12899
12980
  (isObject$2(fieldReference.validate) &&
@@ -13022,7 +13103,7 @@ function createFormControl(props = {}) {
13022
13103
  timer = setTimeout(callback, wait);
13023
13104
  };
13024
13105
  const _updateValid = async (shouldUpdateValid) => {
13025
- if (!props.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
13106
+ if (!_options.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
13026
13107
  const isValid = _options.resolver
13027
13108
  ? isEmptyObject((await _executeSchema()).errors)
13028
13109
  : await executeBuiltInValidation(_fields, true);
@@ -13034,7 +13115,7 @@ function createFormControl(props = {}) {
13034
13115
  }
13035
13116
  };
13036
13117
  const _updateIsValidating = (names, isValidating) => {
13037
- if (!props.disabled &&
13118
+ if (!_options.disabled &&
13038
13119
  (_proxyFormState.isValidating || _proxyFormState.validatingFields)) {
13039
13120
  (names || Array.from(_names.mount)).forEach((name) => {
13040
13121
  if (name) {
@@ -13050,7 +13131,7 @@ function createFormControl(props = {}) {
13050
13131
  }
13051
13132
  };
13052
13133
  const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
13053
- if (args && method && !props.disabled) {
13134
+ if (args && method && !_options.disabled) {
13054
13135
  _state.action = true;
13055
13136
  if (shouldUpdateFieldsAndState && Array.isArray(get$1(_fields, name))) {
13056
13137
  const fieldValues = method(get$1(_fields, name), args.argA, args.argB);
@@ -13114,7 +13195,7 @@ function createFormControl(props = {}) {
13114
13195
  const output = {
13115
13196
  name,
13116
13197
  };
13117
- if (!props.disabled) {
13198
+ if (!_options.disabled) {
13118
13199
  const disabledField = !!(get$1(_fields, name) &&
13119
13200
  get$1(_fields, name)._f &&
13120
13201
  get$1(_fields, name)._f.disabled);
@@ -13155,9 +13236,9 @@ function createFormControl(props = {}) {
13155
13236
  const shouldUpdateValid = _proxyFormState.isValid &&
13156
13237
  isBoolean(isValid) &&
13157
13238
  _formState.isValid !== isValid;
13158
- if (props.delayError && error) {
13239
+ if (_options.delayError && error) {
13159
13240
  delayErrorCallback = debounce(() => updateErrors(name, error));
13160
- delayErrorCallback(props.delayError);
13241
+ delayErrorCallback(_options.delayError);
13161
13242
  }
13162
13243
  else {
13163
13244
  clearTimeout(timer);
@@ -13250,7 +13331,7 @@ function createFormControl(props = {}) {
13250
13331
  }
13251
13332
  _names.unMount = new Set();
13252
13333
  };
13253
- const _getDirty = (name, data) => !props.disabled &&
13334
+ const _getDirty = (name, data) => !_options.disabled &&
13254
13335
  (name && data && set$1(_formValues, name, data),
13255
13336
  !deepEqual(getValues(), _defaultValues));
13256
13337
  const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
@@ -13262,7 +13343,7 @@ function createFormControl(props = {}) {
13262
13343
  ? { [names]: defaultValue }
13263
13344
  : defaultValue),
13264
13345
  }, isGlobal, defaultValue);
13265
- const _getFieldArray = (name) => compact(get$1(_state.mount ? _formValues : _defaultValues, name, props.shouldUnregister ? get$1(_defaultValues, name, []) : []));
13346
+ const _getFieldArray = (name) => compact(get$1(_state.mount ? _formValues : _defaultValues, name, _options.shouldUnregister ? get$1(_defaultValues, name, []) : []));
13266
13347
  const setFieldValue = (name, value, options = {}) => {
13267
13348
  const field = get$1(_fields, name);
13268
13349
  let fieldValue = value;
@@ -13395,7 +13476,7 @@ function createFormControl(props = {}) {
13395
13476
  });
13396
13477
  if (shouldSkipValidation) {
13397
13478
  if (_proxyFormState.isValid) {
13398
- if (props.mode === 'onBlur') {
13479
+ if (_options.mode === 'onBlur') {
13399
13480
  if (isBlurEvent) {
13400
13481
  _updateValid();
13401
13482
  }
@@ -13560,13 +13641,15 @@ function createFormControl(props = {}) {
13560
13641
  : isUndefined(value)
13561
13642
  ? getFieldValue(field ? field._f : get$1(fields, name)._f)
13562
13643
  : value;
13563
- set$1(_formValues, name, inputValue);
13644
+ if (disabled || (!disabled && !isUndefined(inputValue))) {
13645
+ set$1(_formValues, name, inputValue);
13646
+ }
13564
13647
  updateTouchAndDirty(name, inputValue, false, false, true);
13565
13648
  }
13566
13649
  };
13567
13650
  const register = (name, options = {}) => {
13568
13651
  let field = get$1(_fields, name);
13569
- const disabledIsDefined = isBoolean(options.disabled) || isBoolean(props.disabled);
13652
+ const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);
13570
13653
  set$1(_fields, name, {
13571
13654
  ...(field || {}),
13572
13655
  _f: {
@@ -13582,7 +13665,7 @@ function createFormControl(props = {}) {
13582
13665
  field,
13583
13666
  disabled: isBoolean(options.disabled)
13584
13667
  ? options.disabled
13585
- : props.disabled,
13668
+ : _options.disabled,
13586
13669
  name,
13587
13670
  value: options.value,
13588
13671
  });
@@ -13592,7 +13675,7 @@ function createFormControl(props = {}) {
13592
13675
  }
13593
13676
  return {
13594
13677
  ...(disabledIsDefined
13595
- ? { disabled: options.disabled || props.disabled }
13678
+ ? { disabled: options.disabled || _options.disabled }
13596
13679
  : {}),
13597
13680
  ...(_options.progressive
13598
13681
  ? {
@@ -13676,6 +13759,12 @@ function createFormControl(props = {}) {
13676
13759
  e.preventDefault && e.preventDefault();
13677
13760
  e.persist && e.persist();
13678
13761
  }
13762
+ if (_options.disabled) {
13763
+ if (onInvalid) {
13764
+ await onInvalid({ ..._formState.errors }, e);
13765
+ }
13766
+ return;
13767
+ }
13679
13768
  let fieldValues = cloneObject(_formValues);
13680
13769
  _subjects.state.next({
13681
13770
  isSubmitting: true,
@@ -13783,7 +13872,7 @@ function createFormControl(props = {}) {
13783
13872
  }
13784
13873
  _fields = {};
13785
13874
  }
13786
- _formValues = props.shouldUnregister
13875
+ _formValues = _options.shouldUnregister
13787
13876
  ? keepStateOptions.keepDefaultValues
13788
13877
  ? cloneObject(_defaultValues)
13789
13878
  : {}
@@ -13807,7 +13896,7 @@ function createFormControl(props = {}) {
13807
13896
  !_proxyFormState.isValid ||
13808
13897
  !!keepStateOptions.keepIsValid ||
13809
13898
  !!keepStateOptions.keepDirtyValues;
13810
- _state.watch = !!props.shouldUnregister;
13899
+ _state.watch = !!_options.shouldUnregister;
13811
13900
  _subjects.state.next({
13812
13901
  submitCount: keepStateOptions.keepSubmitCount
13813
13902
  ? _formState.submitCount
@@ -13854,7 +13943,9 @@ function createFormControl(props = {}) {
13854
13943
  : fieldReference.ref;
13855
13944
  if (fieldRef.focus) {
13856
13945
  fieldRef.focus();
13857
- options.shouldSelect && fieldRef.select();
13946
+ options.shouldSelect &&
13947
+ isFunction$1(fieldRef.select) &&
13948
+ fieldRef.select();
13858
13949
  }
13859
13950
  }
13860
13951
  };
@@ -13976,8 +14067,8 @@ function createFormControl(props = {}) {
13976
14067
  * ```
13977
14068
  */
13978
14069
  function useForm(props = {}) {
13979
- const _formControl = React.useRef();
13980
- const _values = React.useRef();
14070
+ const _formControl = React.useRef(undefined);
14071
+ const _values = React.useRef(undefined);
13981
14072
  const [formState, updateFormState] = React.useState({
13982
14073
  isDirty: false,
13983
14074
  isValidating: false,
@@ -14055,11 +14146,6 @@ function useForm(props = {}) {
14055
14146
  values: control._getWatch(),
14056
14147
  });
14057
14148
  }, [props.shouldUnregister, control]);
14058
- React.useEffect(() => {
14059
- if (_formControl.current) {
14060
- _formControl.current.watch = _formControl.current.watch.bind({});
14061
- }
14062
- }, [formState]);
14063
14149
  _formControl.current.formState = getProxyFormState(formState, control);
14064
14150
  return _formControl.current;
14065
14151
  }
@@ -14501,7 +14587,7 @@ const MiniModal = /*#__PURE__*/React.forwardRef(({
14501
14587
  }), document.body);
14502
14588
  });
14503
14589
 
14504
- var css_248z$R = ":root {\n --table-height: auto;\n}\n\n.tree-table-space-block {\n display: inline-block;\n width: 20px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n vertical-align: top;\n font-size: 19px;\n position: relative;\n box-sizing: border-box;\n border-radius: 50%;\n /* Hover background for all elements of the same level */\n}\n.tree-table-space-block.btn-toggle {\n position: relative;\n cursor: pointer;\n width: 22px;\n height: 18px;\n z-index: 12;\n}\n.tree-table-space-block.btn-toggle::before {\n display: none;\n}\n.tree-table-space-block.last-block::after, .tree-table-space-block.no-folder::after {\n position: absolute;\n content: \"\";\n height: 1px;\n background: var(--tree-connecting-lines-color);\n top: 50%;\n margin-top: -1px;\n}\n.tree-table-space-block.last-block::after {\n width: 12px;\n left: -10px;\n}\n.tree-table-space-block.no-folder {\n width: 8px;\n}\n.tree-table-space-block.no-folder::after {\n width: 22px;\n left: -10px;\n}\n.tree-table-space-block:not(.last-block, .no-lines, .last-node)::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 40px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: 99;\n}\n.tree-table-space-block.last-node::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 12px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: -1;\n}\n.tree-table-space-block.folder.last-node::before {\n height: 13px;\n}\n.tree-table-space-block.tree-table-hovered::before, .tree-table-space-block.tree-table-hovered::after {\n background-color: var(--brand-color);\n}\n\n.tree-title-container .tree-table-space-block {\n width: 16px;\n}\n\n.hidden {\n display: none;\n}\n\n.show {\n display: table-row;\n visibility: visible;\n}\n\n.btn-toggle {\n cursor: pointer;\n}\n.btn-toggle.is-close {\n background: #f1f1f1;\n border: 1px solid transparent;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n}\n.btn-toggle::before, .btn-toggle::after {\n display: none;\n}\n\n.tree-table-wrap {\n width: 100%;\n padding-left: 4px;\n overflow: hidden;\n overflow-x: auto;\n}\n\n.table-scrollable {\n height: var(--table-height);\n /* Adjust height as needed */\n overflow-y: auto;\n position: relative;\n}\n\n.ff-table-tree-body {\n overflow: scroll;\n}\n\n.tree-table {\n table-layout: fixed;\n width: 100%;\n border-collapse: collapse;\n overflow: scroll;\n}\n.tree-table .ff-table-tree-head {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n.tree-table .ff-table-tree-row:hover,\n.tree-table .ff-table-tree-row.hover {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .ff-table-tree-td:first-child,\n.tree-table .ff-table-tree-row.hover .ff-table-tree-td:first-child {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .table-tree-row-action,\n.tree-table .ff-table-tree-row.hover .table-tree-row-action {\n display: inline-flex;\n align-items: center;\n}\n.tree-table .ff-table-tree-row:hover .table-tree-row-action svg,\n.tree-table .ff-table-tree-row.hover .table-tree-row-action svg {\n height: 14px;\n width: 14px;\n}\n.tree-table .ff-table-tree-row {\n background-color: var(--base-bg-color);\n}\n.tree-table .ff-table-tree-row .table-tree-row-action {\n display: none;\n}\n.tree-table .ff-table-tree-row .table-row-add-button {\n display: inline-flex;\n z-index: 9999;\n align-items: center;\n}\n.tree-table .ff-table-tree-row::after {\n content: \"\";\n display: block;\n visibility: hidden;\n clear: both;\n}\n.tree-table .ff-table-tree-th,\n.tree-table .ff-table-tree-td {\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.tree-table .ff-table-tree-th {\n color: var(--table-header-text-color);\n background: var(--border-color);\n font-size: 12px;\n font-weight: 600;\n width: 400px;\n height: 32px;\n box-sizing: border-box;\n}\n.tree-table .ff-table-tree-th:first-child {\n width: 600px !important;\n position: sticky;\n left: 0;\n padding-left: 8px;\n}\n.tree-table .ff-table-tree-td {\n font-size: 12px;\n color: var(--nlp-color);\n height: 18px;\n}\n.tree-table .ff-table-tree-td:first-child {\n overflow: initial;\n position: sticky;\n left: 0;\n background-color: white;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n margin-left: 8px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content {\n padding-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content .tree-table-td-content-text {\n margin-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n font-weight: 700;\n}\n.tree-table .ff-table-tree-td.folder {\n height: 28px;\n}\n\n.tree-table-td-content {\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n font-family: \"Poppins\", sans-serif;\n}\n.tree-table-td-content.folder {\n font-weight: 600;\n}\n\n.tree-row-expanded span svg,\n.tree-row-collapsed span svg {\n height: 12px;\n width: 12px;\n}\n.tree-row-expanded span svg path,\n.tree-row-collapsed span svg path {\n fill: var(--brand-color);\n}\n\n.tree-row-collapsed svg {\n transform: rotate(-90deg);\n transition: transform 0.3s ease;\n}\n\n.tree-table-space-container {\n display: inline-flex;\n}\n\n.tree-title-container {\n display: inline-flex;\n align-items: center;\n}";
14590
+ var css_248z$R = ":root {\n --table-height: auto;\n}\n\n.tree-table-space-block {\n display: inline-block;\n width: 20px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n vertical-align: top;\n font-size: 19px;\n position: relative;\n box-sizing: border-box;\n border-radius: 50%;\n /* Hover background for all elements of the same level */\n}\n.tree-table-space-block.btn-toggle {\n position: relative;\n cursor: pointer;\n width: 22px;\n height: 18px;\n z-index: 12;\n}\n.tree-table-space-block.btn-toggle::before {\n display: none;\n}\n.tree-table-space-block.last-block::after, .tree-table-space-block.no-folder::after {\n position: absolute;\n content: \"\";\n height: 1px;\n background: var(--tree-connecting-lines-color);\n top: 50%;\n margin-top: -1px;\n}\n.tree-table-space-block.last-block::after {\n width: 12px;\n left: -10px;\n}\n.tree-table-space-block.no-folder {\n width: 8px;\n}\n.tree-table-space-block.no-folder::after {\n width: 22px;\n left: -10px;\n}\n.tree-table-space-block:not(.last-block, .no-lines, .last-node)::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 40px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: 99;\n}\n.tree-table-space-block.last-node::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 12px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: -1;\n}\n.tree-table-space-block.folder.last-node::before {\n height: 13px;\n}\n.tree-table-space-block.tree-table-hovered::before, .tree-table-space-block.tree-table-hovered::after {\n background-color: var(--brand-color);\n}\n\n.tree-title-container .tree-table-space-block {\n width: 16px;\n}\n\n.hidden {\n display: none;\n}\n\n.show {\n display: table-row;\n visibility: visible;\n}\n\n.btn-toggle {\n cursor: pointer;\n}\n.btn-toggle.is-close {\n background: #f1f1f1;\n border: 1px solid transparent;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n}\n.btn-toggle::before, .btn-toggle::after {\n display: none;\n}\n\n.tree-table-wrap {\n width: 100%;\n padding-left: 4px;\n overflow: hidden;\n overflow-x: auto;\n}\n\n.table-scrollable {\n height: var(--table-height);\n /* Adjust height as needed */\n overflow-y: auto;\n position: relative;\n}\n\n.ff-table-tree-body {\n overflow: scroll;\n}\n\n.tree-table {\n table-layout: fixed;\n width: 100%;\n border-collapse: collapse;\n overflow: scroll;\n}\n.tree-table .ff-table-tree-head {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n.tree-table .ff-table-tree-row:hover,\n.tree-table .ff-table-tree-row.hover {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .ff-table-tree-td:first-child,\n.tree-table .ff-table-tree-row.hover .ff-table-tree-td:first-child {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .table-tree-row-action,\n.tree-table .ff-table-tree-row.hover .table-tree-row-action {\n display: inline-flex;\n align-items: center;\n}\n.tree-table .ff-table-tree-row:hover .table-tree-row-action svg,\n.tree-table .ff-table-tree-row.hover .table-tree-row-action svg {\n height: 14px;\n width: 14px;\n}\n.tree-table .ff-table-tree-row {\n background-color: var(--base-bg-color);\n}\n.tree-table .ff-table-tree-row .table-tree-row-action {\n display: none;\n}\n.tree-table .ff-table-tree-row .table-row-add-button {\n display: inline-flex;\n z-index: 9999;\n align-items: center;\n}\n.tree-table .ff-table-tree-row::after {\n content: \"\";\n display: block;\n visibility: hidden;\n clear: both;\n}\n.tree-table .ff-table-tree-th,\n.tree-table .ff-table-tree-td {\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.tree-table .ff-table-tree-th {\n color: var(--table-header-text-color);\n background: var(--border-color);\n font-size: 12px;\n font-weight: 600;\n width: 400px;\n height: 32px;\n box-sizing: border-box;\n}\n.tree-table .ff-table-tree-th:first-child {\n width: 600px !important;\n position: sticky;\n left: 0;\n padding-left: 8px;\n}\n.tree-table .ff-table-tree-td {\n font-size: 12px;\n color: var(--nlp-color);\n height: 18px;\n}\n.tree-table .ff-table-tree-td:first-child {\n overflow: initial;\n position: sticky;\n left: 0;\n background-color: white;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n margin-left: 8px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content {\n padding-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content .tree-table-td-content-text {\n margin-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n font-weight: 700;\n}\n.tree-table .ff-table-tree-td.folder {\n height: 28px;\n}\n\n.tree-table-td-content {\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n font-family: \"Poppins\", sans-serif;\n}\n.tree-table-td-content.folder {\n font-weight: 600;\n}\n\n.tree-row-expanded span svg,\n.tree-row-collapsed span svg {\n height: 12px;\n width: 12px;\n transition: transform 0.3s ease;\n cursor: pointer;\n}\n.tree-row-expanded span svg path,\n.tree-row-collapsed span svg path {\n fill: var(--brand-color);\n}\n\n.tree-row-collapsed svg {\n transform: rotate(-90deg);\n transition: transform 0.3s ease;\n}\n\n.tree-table-space-container {\n display: inline-flex;\n}\n\n.tree-title-container {\n display: inline-flex;\n align-items: center;\n}";
14505
14591
  styleInject(css_248z$R);
14506
14592
 
14507
14593
  const TableHead = /*#__PURE__*/React.memo(({
@@ -14543,36 +14629,36 @@ const TableHead = /*#__PURE__*/React.memo(({
14543
14629
  });
14544
14630
  });
14545
14631
 
14546
- var css_248z$Q = ".fontXs, .add-module-container .ff-add-module-input-container:focus-within .ff-add-module-label-container, .add-module-container .ff-add-module-input-container--float .ff-add-module-label-container {\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.add-module-container {\n display: flex;\n}\n.add-module-container .icons {\n cursor: pointer;\n}\n.add-module-container .ff-add-module-input-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.add-module-container .ff-add-module-input-container .ff-add-module-label-container {\n display: flex;\n gap: 2px;\n position: absolute;\n border: none;\n outline: none;\n line-height: 18px;\n margin-top: 1px;\n padding: 4px 6px;\n transition: all 0.3s ease-in-out;\n}\n.add-module-container .ff-add-module-input-container .ff-add-module-label-container .ff-add-module-label {\n color: var(--input-default-label-color);\n}\n.add-module-container .ff-add-module-input-container .add-module-input {\n height: 24px;\n padding: 0px 6px;\n width: 330px;\n border: 0.5px solid var(--nlp-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n color: var(--nlp-color);\n}\n.add-module-container .ff-add-module-input-container:focus-within .ff-add-module-label-container {\n top: -9px;\n background-color: var(--input-label-bg-color);\n line-height: 15px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.add-module-container .ff-add-module-input-container:focus-within .ff-add-module-label-container .ff-add-module-label {\n color: var(--nlp-color);\n}\n.add-module-container .ff-add-module-input-container--float .ff-add-module-label-container {\n top: -9px;\n background-color: var(--input-label-bg-color);\n line-height: 15px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.add-module-container .ff-add-module-input-container--float .ff-add-module-label-container .ff-add-module-label {\n color: var(--nlp-color);\n}\n.add-module-container .ff-module-icon-container {\n display: flex;\n gap: 8px;\n align-items: center;\n}";
14632
+ var css_248z$Q = ".fontXs, .add-module-container .ff-add-module-input-container:focus-within .ff-add-module-label-container, .add-module-container .ff-add-module-input-container--float .ff-add-module-label-container {\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.add-module-container {\n display: flex;\n}\n.add-module-container .icons {\n cursor: pointer;\n}\n.add-module-container .ff-add-module-input-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.add-module-container .ff-add-module-input-container .ff-add-module-label-container {\n display: flex;\n gap: 2px;\n position: absolute;\n border: none;\n outline: none;\n line-height: 18px;\n margin-top: 1px;\n padding: 4px 6px;\n transition: all 0.3s ease-in-out;\n}\n.add-module-container .ff-add-module-input-container .ff-add-module-label-container .ff-add-module-label {\n color: var(--input-default-label-color);\n}\n.add-module-container .ff-add-module-input-container .add-module-input {\n height: 24px;\n padding: 0px 6px;\n width: 430px;\n border: 0.5px solid var(--nlp-color);\n border-radius: 4px;\n outline: none;\n line-height: 18px;\n color: var(--nlp-color);\n}\n.add-module-container .ff-add-module-input-container:focus-within .ff-add-module-label-container {\n top: -9px;\n background-color: var(--input-label-bg-color);\n line-height: 15px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.add-module-container .ff-add-module-input-container:focus-within .ff-add-module-label-container .ff-add-module-label {\n color: var(--nlp-color);\n}\n.add-module-container .ff-add-module-input-container--float .ff-add-module-label-container {\n top: -9px;\n background-color: var(--input-label-bg-color);\n line-height: 15px;\n padding: 0px 2px;\n margin-left: 10px;\n}\n.add-module-container .ff-add-module-input-container--float .ff-add-module-label-container .ff-add-module-label {\n color: var(--nlp-color);\n}\n.add-module-container .ff-module-icon-container {\n display: flex;\n gap: 8px;\n align-items: center;\n}";
14547
14633
  styleInject(css_248z$Q);
14548
14634
 
14549
14635
  const AddModule = ({
14550
14636
  onConfirm,
14551
14637
  onCancel,
14552
14638
  error,
14553
- value = ''
14639
+ value = '',
14640
+ label = 'Add Script'
14554
14641
  }) => {
14555
- console.log('🚀 ~ value:', value);
14556
14642
  const [text, setText] = React.useState(value);
14557
14643
  const isValueFilled = !checkEmpty(text);
14558
14644
  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
14559
14645
  children: [jsxRuntime.jsxs("div", {
14560
- className: classNames("add-module-container"),
14646
+ className: classNames('add-module-container'),
14561
14647
  children: [jsxRuntime.jsxs("div", {
14562
- className: classNames("ff-add-module-input-container", {
14648
+ className: classNames('ff-add-module-input-container', {
14563
14649
  'ff-add-module-input-container--float': isValueFilled
14564
14650
  }),
14565
14651
  children: [jsxRuntime.jsx("label", {
14566
- className: 'ff-add-module-label-container',
14567
- htmlFor: 'add-module-input',
14652
+ className: "ff-add-module-label-container",
14653
+ htmlFor: "add-module-input",
14568
14654
  children: jsxRuntime.jsx("span", {
14569
14655
  className: classNames('ff-add-module-label', {
14570
14656
  'ff-input-label--no-hover': !!text
14571
14657
  }),
14572
- children: "Edit Script"
14658
+ children: label
14573
14659
  })
14574
14660
  }), jsxRuntime.jsx("input", {
14575
- name: 'add-module-input',
14661
+ name: "add-module-input",
14576
14662
  type: "text",
14577
14663
  className: "add-module-input",
14578
14664
  onChange: e => setText(e.target.value),
@@ -14584,14 +14670,14 @@ const AddModule = ({
14584
14670
  className: "icons",
14585
14671
  name: "update_icon",
14586
14672
  onClick: () => onConfirm && onConfirm(text),
14587
- color: 'var(--label-edit-confirm-icon)',
14673
+ color: "var(--label-edit-confirm-icon)",
14588
14674
  height: 18,
14589
14675
  width: 18
14590
14676
  }), jsxRuntime.jsx(Icon, {
14591
14677
  className: "icons",
14592
14678
  name: "close",
14593
14679
  onClick: onCancel,
14594
- color: 'var(--label-edit-cancel-icon)',
14680
+ color: "var(--label-edit-cancel-icon)",
14595
14681
  height: 14,
14596
14682
  width: 14
14597
14683
  })]
@@ -14602,6 +14688,8 @@ const AddModule = ({
14602
14688
  });
14603
14689
  };
14604
14690
 
14691
+ const SvgSpinner = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("style", null, "\r\n .spinner_DupU {\r\n animation: spinner_sM3D 1.2s infinite;\r\n fill: #71347b;\r\n }\r\n .spinner_GWtZ { animation-delay: .1s; }\r\n .spinner_dwN6 { animation-delay: .2s; }\r\n .spinner_46QP { animation-delay: .3s; }\r\n .spinner_PD82 { animation-delay: .4s; }\r\n .spinner_eUgh { animation-delay: .5s; }\r\n .spinner_eUaP { animation-delay: .6s; }\r\n .spinner_j38H { animation-delay: .7s; }\r\n .spinner_tVmX { animation-delay: .8s; }\r\n .spinner_DQhX { animation-delay: .9s; }\r\n .spinner_GIL4 { animation-delay: 1s; }\r\n .spinner_n0Yb { animation-delay: 1.1s; }\r\n\r\n @keyframes spinner_sM3D {\r\n 0%, 50% {\r\n animation-timing-function: cubic-bezier(0, 1, 0, 1);\r\n r: 0;\r\n }\r\n 10% {\r\n animation-timing-function: cubic-bezier(.53, 0, .61, .73);\r\n r: 2px;\r\n }\r\n }\r\n "), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU", cx: 12, cy: 3, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_GWtZ", cx: 16.5, cy: 4.21, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_n0Yb", cx: 7.5, cy: 4.21, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_dwN6", cx: 19.79, cy: 7.5, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_GIL4", cx: 4.21, cy: 7.5, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_46QP", cx: 21, cy: 12, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_DQhX", cx: 3, cy: 12, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_PD82", cx: 19.79, cy: 16.5, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_tVmX", cx: 4.21, cy: 16.5, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_eUgh", cx: 16.5, cy: 19.79, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_j38H", cx: 7.5, cy: 19.79, r: 0 }), /* @__PURE__ */ React__namespace.createElement("circle", { className: "spinner_DupU spinner_eUaP", cx: 12, cy: 21, r: 0 }));
14692
+
14605
14693
  const renderSpaces = (level, parentSiblings = [], isLast, isContainer) => {
14606
14694
  let siblingsArray = parentSiblings;
14607
14695
  let isLastNode = isLast;
@@ -14627,7 +14715,8 @@ const TableCell = /*#__PURE__*/React.memo(({
14627
14715
  onCheckBoxChange,
14628
14716
  onToggleExpand,
14629
14717
  onAddConfirm,
14630
- onAddCancel
14718
+ onAddCancel,
14719
+ isExpanding
14631
14720
  }) => {
14632
14721
  React.useEffect(() => {
14633
14722
  const handleHover = (event, isHovering) => {
@@ -14665,10 +14754,10 @@ const TableCell = /*#__PURE__*/React.memo(({
14665
14754
  children: [col.isTree && renderSpaces(node.hierarchy + 1, node.parentSiblings, node.lastResource, node.container), jsxRuntime.jsxs("div", {
14666
14755
  className: "tree-title-container",
14667
14756
  children: [col.isTree && jsxRuntime.jsx("span", {
14668
- className: `tree-table-space-block tree-table-space-block-${node.hierarchy} last-block ${node.expand ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.container ? '' : 'no-folder'}`,
14757
+ className: `tree-table-space-block tree-table-space-block-${node.hierarchy} last-block ${node?.expanded ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.container ? '' : 'no-folder'}`,
14669
14758
  children: node.container && (node?.resourceCount + node?.subContainerCount > 0 || node.expandable) && jsxRuntime.jsxs("span", {
14670
14759
  onClick: () => onToggleExpand(node),
14671
- children: [' ', jsxRuntime.jsx(SvgArrowsDownIcon, {})]
14760
+ children: [' ', isExpanding ? jsxRuntime.jsx(SvgSpinner, {}) : jsxRuntime.jsx(SvgArrowsDownIcon, {})]
14672
14761
  })
14673
14762
  }), jsxRuntime.jsxs("span", {
14674
14763
  className: `tree-table-td-content ${col.isTree && node.container ? 'folder' : ''}`,
@@ -14687,13 +14776,14 @@ const TableCell = /*#__PURE__*/React.memo(({
14687
14776
  onCancel: onAddCancel,
14688
14777
  onConfirm: onAddConfirm,
14689
14778
  error: node?.error || '',
14690
- value: node.value
14779
+ value: node.value,
14780
+ label: node?.label || ''
14691
14781
  }) : jsxRuntime.jsx("span", {
14692
14782
  className: "tree-table-td-content-text",
14693
14783
  children: prepareData(node, col)
14694
14784
  })]
14695
14785
  })]
14696
- }), col.actions && jsxRuntime.jsx("div", {
14786
+ }), col.actions && !node?.isNewNode && jsxRuntime.jsx("div", {
14697
14787
  className: `table-tree-row-action`,
14698
14788
  children: (() => {
14699
14789
  return col.actions(node, treeRowRef);
@@ -14711,7 +14801,8 @@ const TableRow = /*#__PURE__*/React.memo(({
14711
14801
  onToggleExpand,
14712
14802
  onCheckBoxChange,
14713
14803
  onAddConfirm,
14714
- onAddCancel
14804
+ onAddCancel,
14805
+ isExpanding
14715
14806
  }) => {
14716
14807
  const treeRowRef = React.useRef(null);
14717
14808
  return jsxRuntime.jsx("tr", {
@@ -14728,7 +14819,8 @@ const TableRow = /*#__PURE__*/React.memo(({
14728
14819
  onCheckBoxChange: onCheckBoxChange,
14729
14820
  onToggleExpand: onToggleExpand,
14730
14821
  onAddConfirm: onAddConfirm,
14731
- onAddCancel: onAddCancel
14822
+ onAddCancel: onAddCancel,
14823
+ isExpanding: isExpanding
14732
14824
  }, col.name))
14733
14825
  });
14734
14826
  });
@@ -14738,7 +14830,8 @@ const addNewRow = (treeData, newNode) => {
14738
14830
  sourceId,
14739
14831
  action,
14740
14832
  value = '',
14741
- error = ''
14833
+ error = '',
14834
+ label
14742
14835
  } = newNode;
14743
14836
  if (!sourceId || !action) return treeData;
14744
14837
  const nodeMap = new Map(treeData.map(node => [node.key, node]));
@@ -14752,7 +14845,8 @@ const addNewRow = (treeData, newNode) => {
14752
14845
  isNewNode: true,
14753
14846
  key: 'new-node',
14754
14847
  value,
14755
- error
14848
+ error,
14849
+ label
14756
14850
  };
14757
14851
  switch (action) {
14758
14852
  case 'addAbove':
@@ -14781,7 +14875,8 @@ const TableBody = ({
14781
14875
  onCheckBoxChange,
14782
14876
  newNode = {},
14783
14877
  onAddConfirm,
14784
- onAddCancel
14878
+ onAddCancel,
14879
+ expanding
14785
14880
  }) => {
14786
14881
  if (checkEmpty(flattenedTreeData)) {
14787
14882
  return null;
@@ -14799,7 +14894,8 @@ const TableBody = ({
14799
14894
  onToggleExpand: node => onToggleExpand(node, index),
14800
14895
  onCheckBoxChange: onCheckBoxChange,
14801
14896
  onAddConfirm: onAddConfirm,
14802
- onAddCancel: onAddCancel
14897
+ onAddCancel: onAddCancel,
14898
+ isExpanding: node.key === expanding
14803
14899
  }, node.key)), jsxRuntime.jsx("tr", {
14804
14900
  id: "ff-table-tree-last-node"
14805
14901
  })]
@@ -14842,14 +14938,11 @@ const TreeTable = ({
14842
14938
  loadMore = () => {},
14843
14939
  tableBorder,
14844
14940
  height = 'auto',
14845
- newNode = {
14846
- action: 'addInside',
14847
- sourceId: 'PAG1013',
14848
- value: 'newNode'
14849
- },
14941
+ newNode = {},
14850
14942
  onAddConfirm = _name => {},
14851
14943
  onAddCancel = () => {}
14852
14944
  }) => {
14945
+ const [expanding, setExpanding] = React.useState(null);
14853
14946
  const observerRef = React.useRef(null);
14854
14947
  const isTriggeredAbove = React.useRef(false); // Track if pagination for "above" direction has been triggered
14855
14948
  const isTriggeredBelow = React.useRef(false); // Track if pagination for "below" direction has been triggered
@@ -14921,11 +15014,33 @@ const TreeTable = ({
14921
15014
  throttledLoadMore.cancel();
14922
15015
  };
14923
15016
  }, [treeData, throttledLoadMore]);
14924
- const handleToggleExpand = React.useCallback((node, index) => onExpand?.(node, index), [onExpand]);
15017
+ React.useEffect(() => {
15018
+ if (expanding) {
15019
+ setExpanding(null);
15020
+ }
15021
+ }, [treeData]);
15022
+ React.useEffect(() => {
15023
+ if (expanding) {
15024
+ setTimeout(() => {
15025
+ if (expanding) {
15026
+ setExpanding(null);
15027
+ }
15028
+ }, 3000);
15029
+ }
15030
+ }, [expanding]);
15031
+ const handleToggleExpand = React.useCallback((node, index) => {
15032
+ if (expanding) return;
15033
+ setExpanding(node.key);
15034
+ onExpand?.(node, index);
15035
+ }, [onExpand, expanding]);
14925
15036
  const handleCheckBoxChange = React.useCallback((e, node) => {
15037
+ if (expanding) return;
14926
15038
  onChange?.(e, node);
14927
- }, [onChange]);
14928
- const handleRowClick = React.useCallback((e, node) => onClick?.(e, node), [onClick]);
15039
+ }, [onChange, expanding]);
15040
+ const handleRowClick = React.useCallback((e, node) => {
15041
+ if (expanding) return;
15042
+ onClick?.(e, node);
15043
+ }, [onClick, expanding]);
14929
15044
  return jsxRuntime.jsx("div", {
14930
15045
  className: "tree-table-wrap",
14931
15046
  children: jsxRuntime.jsx("div", {
@@ -14949,13 +15064,13 @@ const TreeTable = ({
14949
15064
  onCheckBoxChange: handleCheckBoxChange,
14950
15065
  newNode: newNode,
14951
15066
  onAddConfirm: onAddConfirm,
14952
- onAddCancel: onAddCancel
15067
+ onAddCancel: onAddCancel,
15068
+ expanding: expanding
14953
15069
  })]
14954
15070
  })
14955
15071
  })
14956
15072
  });
14957
15073
  };
14958
- var TableTree = /*#__PURE__*/React.memo(TreeTable);
14959
15074
 
14960
15075
  var css_248z$P = ":root {\n --tooltip-bg-color: #1e161f;\n --status-approved-text-color: #016102;\n --status-warning-text-color: #ff8b00;\n --status-rejected-text-color: #c60202;\n --status-skipped-text-color: #3c3838;\n --status-approved-bg-color: #c6efcd;\n --status-rejected-bg-color: #f7d9d9;\n --status-warning-bg-color: #fae2c6;\n --status-skipped-bg-color: #c4c3c3;\n --brand-color: #71347b;\n --icons-default-color: #71347b;\n --default-icon-color: #a3a3a3;\n --default-color: #747474;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --system-color--error: #c50303;\n --hover-color: #f7ebff;\n --brand2-color: #610b86;\n --status-warning-hover-bg-color: #fcd8ac;\n --status-percentage-growth-bg-color: #ecedf8;\n --primary-icon-color: #ffffff;\n --secondary-icon-color: #71347b;\n --description-text-color: #d9d9d9;\n --expandable-menu-default-bg: #fdfaff;\n --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n --text-color: #1e161f;\n --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n --file-details-bg: #ffffff;\n --error-light: #e42525;\n --tabs-label-default-color: tabs-label-default-color;\n --tabs-label-active-color: tabs-label-active-color;\n --tabs-border-color: tabs-border-color;\n --tabs-bg-color: tabs-bg-color;\n --tab-bg-color: tab-bg-color;\n --toggle-button-bg-color: #ffffff;\n --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n --toggle-strip-color: #cfd1e2;\n --disable-color: rgba(113, 52, 123, 0.5019607843);\n --toggle-strip-color: #cfd1e2;\n --add-icon-hover-color: #431b4a;\n --arrows-button-border-color: #ded1e5;\n --arrow-button-bg-color: #ffffff;\n --text-bg-highlight: #f5fb00;\n --slider-table-color: #efe1f9;\n --variable-dropdown-bg: #($variable-dropdown-bg);\n --dataset-tooltip-title: #($dataset-tooltip-title),\n --dataset-tooltip-value: #($dataset-tooltip-value), ;\n}\n\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-tabs-container {\n box-sizing: border-box;\n}\n.ff-tabs-container .ff-tab-row {\n flex: 0 1 auto;\n}\n.ff-tabs-container .ff-tab-row--default {\n display: flex;\n gap: 8px;\n border-radius: 8px 8px 0 0;\n padding: 6px 8px 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default {\n position: relative;\n border: none;\n background: none;\n padding: 0 8px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .label-count-section {\n display: flex;\n align-items: center;\n gap: 5px;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .label-count-section .tab-count {\n background-color: var(--input-default-label-color);\n color: var(--tab-bg-color);\n height: 12px;\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 8px;\n font-weight: 600;\n padding: 0 2px;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .label-count-section .tab-count--active {\n background-color: var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar {\n width: 100%;\n border-radius: 2px 2px 0 0;\n border-color: var(--input-default-label-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar--active {\n border-top: 2px solid var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .ff-tab-bar {\n border-top: 2px solid var(--input-hover-border-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .ff-tab-bar--active {\n border-top: 2px solid var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .ff-tab-label {\n color: var(--input-hover-border-color) !important;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .ff-tab-label--active {\n color: var(--tabs-label-active-color) !important;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .tab-count {\n background-color: var(--input-hover-border-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default:hover .tab-count--active {\n background-color: var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.ff-tabs-container .ff-tab-row--capsule {\n display: flex;\n gap: 8px;\n border: 1px solid var(--tabs-border-color);\n border-radius: 8px;\n padding: 3px 4px;\n background-color: var(--tabs-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule {\n background: transparent;\n border: none;\n padding: 3px 4px;\n border-radius: 4px;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule:hover .ff-tab-label {\n color: var(--input-hover-border-color) !important;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule:hover .ff-tab-label--active {\n color: var(--tabs-label-active-color) !important;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule.active {\n background-color: var(--tab-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule .ff-tab-bar {\n display: none;\n}\n.ff-tabs-container .ff-tab-row--no-border {\n border: none;\n}\n.ff-tabs-container .ff-tab-row--no-padding {\n border-radius: 8px;\n background: white;\n padding: 0px;\n justify-content: flex-start;\n margin-right: 8px;\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule {\n background: transparent;\n border: none;\n padding: 3px 4px;\n border-radius: 7px;\n cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule:hover .ff-tab-label {\n color: var(--input-hover-border-color) !important;\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule:hover .ff-tab-label--active {\n color: var(--tabs-label-active-color) !important;\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule.active {\n background-color: var(--slider-table-color);\n}\n.ff-tabs-container .ff-tab-row--no-padding .ff-tab-button--capsule .ff-tab-bar {\n display: none;\n}\n.ff-tabs-container .ff-tab-content {\n width: inherit;\n}\n.ff-tabs-container .ff-defaultStatus {\n position: absolute;\n top: 2px;\n right: 0px;\n width: 6px;\n height: 6px;\n background-color: transparent;\n border-radius: 50%;\n}\n.ff-tabs-container .ff-defaultStatus.ff-successStatus {\n background-color: var(--confirm-tick-icon-color);\n box-shadow: 0px 1px 1px 0px var(--toggle-strip-shadow);\n}\n.ff-tabs-container .ff-defaultStatus.ff-dangerStatus {\n background-color: var(--delete-text-color);\n box-shadow: 0px 1px 1px 0px var(--toggle-strip-shadow);\n}";
14961
15076
  styleInject(css_248z$P);
@@ -18625,6 +18740,53 @@ function setYear(date, year, options) {
18625
18740
  return date_;
18626
18741
  }
18627
18742
 
18743
+ const FIVE_WEEKS = 5;
18744
+ const FOUR_WEEKS = 4;
18745
+ /**
18746
+ * Return the number of weeks to display in the broadcast calendar.
18747
+ *
18748
+ * @since 9.4.0
18749
+ */
18750
+ function getBroadcastWeeksInMonth(month, dateLib) {
18751
+ // Get the first day of the month
18752
+ const firstDayOfMonth = dateLib.startOfMonth(month);
18753
+ // Get the day of the week for the first day of the month (1-7, where 1 is Monday)
18754
+ const firstDayOfWeek = firstDayOfMonth.getDay() > 0 ? firstDayOfMonth.getDay() : 7;
18755
+ const broadcastStartDate = dateLib.addDays(month, -firstDayOfWeek + 1);
18756
+ const lastDateOfLastWeek = dateLib.addDays(broadcastStartDate, FIVE_WEEKS * 7 - 1);
18757
+ const numberOfWeeks = month.getMonth() === lastDateOfLastWeek.getMonth() ? FIVE_WEEKS : FOUR_WEEKS;
18758
+ return numberOfWeeks;
18759
+ }
18760
+
18761
+ /**
18762
+ * Return the start date of the week in the broadcast calendar.
18763
+ *
18764
+ * @since 9.4.0
18765
+ */
18766
+ function startOfBroadcastWeek(date, dateLib) {
18767
+ const firstOfMonth = dateLib.startOfMonth(date);
18768
+ const dayOfWeek = firstOfMonth.getDay();
18769
+ if (dayOfWeek === 1) {
18770
+ return firstOfMonth;
18771
+ } else if (dayOfWeek === 0) {
18772
+ return dateLib.addDays(firstOfMonth, -1 * 6);
18773
+ } else {
18774
+ return dateLib.addDays(firstOfMonth, -1 * (dayOfWeek - 1));
18775
+ }
18776
+ }
18777
+
18778
+ /**
18779
+ * Return the end date of the week in the broadcast calendar.
18780
+ *
18781
+ * @since 9.4.0
18782
+ */
18783
+ function endOfBroadcastWeek(date, dateLib) {
18784
+ const startDate = startOfBroadcastWeek(date, dateLib);
18785
+ const numberOfWeeks = getBroadcastWeeksInMonth(date, dateLib);
18786
+ const endDate = dateLib.addDays(startDate, numberOfWeeks * 7 - 1);
18787
+ return endDate;
18788
+ }
18789
+
18628
18790
  /**
18629
18791
  * A wrapper class around [date-fns](http://date-fns.org) sharing the same
18630
18792
  * options. Methods of this class can be overridden using the
@@ -18705,6 +18867,15 @@ class DateLib {
18705
18867
  this.differenceInCalendarMonths = (dateLeft, dateRight) => {
18706
18868
  return this.overrides?.differenceInCalendarMonths ? this.overrides.differenceInCalendarMonths(dateLeft, dateRight) : differenceInCalendarMonths(dateLeft, dateRight);
18707
18869
  };
18870
+ /**
18871
+ * Returns the end of the broadcast week for the given date.
18872
+ *
18873
+ * @param date The original date.
18874
+ * @returns The end of the broadcast week.
18875
+ */
18876
+ this.endOfBroadcastWeek = date => {
18877
+ return this.overrides?.endOfBroadcastWeek ? this.overrides.endOfBroadcastWeek(date, this) : endOfBroadcastWeek(date, this);
18878
+ };
18708
18879
  /**
18709
18880
  * Returns the end of the ISO week for the given date.
18710
18881
  *
@@ -18866,6 +19037,15 @@ class DateLib {
18866
19037
  this.setYear = (date, year) => {
18867
19038
  return this.overrides?.setYear ? this.overrides.setYear(date, year) : setYear(date, year);
18868
19039
  };
19040
+ /**
19041
+ * Returns the start of the broadcast week for the given date.
19042
+ *
19043
+ * @param date The original date.
19044
+ * @returns The start of the broadcast week.
19045
+ */
19046
+ this.startOfBroadcastWeek = date => {
19047
+ return this.overrides?.startOfBroadcastWeek ? this.overrides.startOfBroadcastWeek(date, this) : startOfBroadcastWeek(date, this);
19048
+ };
18869
19049
  /**
18870
19050
  * Returns the start of the day for the given date.
18871
19051
  *
@@ -19348,7 +19528,9 @@ function Weekday(props) {
19348
19528
  * @see https://daypicker.dev/guides/custom-components
19349
19529
  */
19350
19530
  function Weekdays(props) {
19351
- return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
19531
+ return /*#__PURE__*/React.createElement("thead", {
19532
+ "aria-hidden": true
19533
+ }, /*#__PURE__*/React.createElement("tr", {
19352
19534
  ...props
19353
19535
  }));
19354
19536
  }
@@ -19451,7 +19633,8 @@ function getDataAttributes(props) {
19451
19633
  "data-mode": props.mode ?? undefined,
19452
19634
  "data-required": "required" in props ? props.required : undefined,
19453
19635
  "data-multiple-months": props.numberOfMonths && props.numberOfMonths > 1 || undefined,
19454
- "data-week-numbers": props.showWeekNumber || undefined
19636
+ "data-week-numbers": props.showWeekNumber || undefined,
19637
+ "data-broadcast-calendar": props.broadcastCalendar || undefined
19455
19638
  };
19456
19639
  Object.entries(props).forEach(([key, val]) => {
19457
19640
  if (key.startsWith("data-")) {
@@ -19517,7 +19700,7 @@ function formatDay(date, options, dateLib) {
19517
19700
  */
19518
19701
  function formatMonthDropdown(/** The month number to format. */
19519
19702
  monthNumber, /** The locale to use for formatting. */
19520
- locale = enUS$1) {
19703
+ locale) {
19521
19704
  return locale.localize?.month(monthNumber);
19522
19705
  }
19523
19706
 
@@ -19607,13 +19790,12 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
19607
19790
  if (!navEnd) return undefined;
19608
19791
  const {
19609
19792
  addMonths,
19610
- startOfMonth,
19611
- isBefore
19793
+ startOfMonth
19612
19794
  } = dateLib;
19613
19795
  const year = displayMonth.getFullYear();
19614
19796
  const months = [];
19615
19797
  let month = navStart;
19616
- while (months.length < 12 && isBefore(month, addMonths(navEnd, 1))) {
19798
+ while (months.length < 12) {
19617
19799
  months.push(month.getMonth());
19618
19800
  month = addMonths(month, 1);
19619
19801
  }
@@ -19621,7 +19803,7 @@ function getMonthOptions(displayMonth, navStart, navEnd, formatters, dateLib) {
19621
19803
  return a - b;
19622
19804
  });
19623
19805
  const options = sortedMonths.map(value => {
19624
- const label = formatters.formatMonthDropdown(value, dateLib.options.locale);
19806
+ const label = formatters.formatMonthDropdown(value, dateLib.options.locale ?? enUS$1);
19625
19807
  const month = dateLib.Date ? new dateLib.Date(year, value) : new Date(year, value);
19626
19808
  const disabled = navStart && month < startOfMonth(navStart) || navEnd && month > startOfMonth(navEnd) || false;
19627
19809
  return {
@@ -19996,7 +20178,8 @@ function tzName(tz, date) {
19996
20178
  */
19997
20179
  function getWeekdays(/** The date library. */
19998
20180
  dateLib, /** Use ISOWeek instead of locale/ */
19999
- ISOWeek, timeZone) {
20181
+ ISOWeek, timeZone, /** @since 9.4.0 */
20182
+ broadcastCalendar) {
20000
20183
  const date = timeZone ? TZDate.tz(timeZone) : dateLib.Date ? new dateLib.Date() : new Date();
20001
20184
  const start = ISOWeek ? dateLib.startOfISOWeek(date) : dateLib.startOfWeek(date);
20002
20185
  const days = [];
@@ -20008,20 +20191,18 @@ ISOWeek, timeZone) {
20008
20191
  }
20009
20192
 
20010
20193
  /** Return the years to show in the dropdown. */
20011
- function getYearOptions(displayMonth, calendarStart, calendarEnd, formatters, dateLib) {
20012
- if (!calendarStart) return undefined;
20013
- if (!calendarEnd) return undefined;
20194
+ function getYearOptions(navStart, navEnd, formatters, dateLib) {
20195
+ if (!navStart) return undefined;
20196
+ if (!navEnd) return undefined;
20014
20197
  const {
20015
- startOfMonth,
20016
20198
  startOfYear,
20017
20199
  endOfYear,
20018
20200
  addYears,
20019
20201
  isBefore,
20020
20202
  isSameYear
20021
20203
  } = dateLib;
20022
- const month = displayMonth.getMonth();
20023
- const firstNavYear = startOfYear(calendarStart);
20024
- const lastNavYear = endOfYear(calendarEnd);
20204
+ const firstNavYear = startOfYear(navStart);
20205
+ const lastNavYear = endOfYear(navEnd);
20025
20206
  const years = [];
20026
20207
  let year = firstNavYear;
20027
20208
  while (isBefore(year, lastNavYear) || isSameYear(year, lastNavYear)) {
@@ -20029,13 +20210,11 @@ function getYearOptions(displayMonth, calendarStart, calendarEnd, formatters, da
20029
20210
  year = addYears(year, 1);
20030
20211
  }
20031
20212
  return years.map(value => {
20032
- const year = dateLib.Date ? new dateLib.Date(value, month) : new Date(value, month);
20033
- const disabled = calendarStart && year < startOfMonth(calendarStart) || month && calendarEnd && year > startOfMonth(calendarEnd) || false;
20034
20213
  const label = formatters.formatYearDropdown(value);
20035
20214
  return {
20036
20215
  value,
20037
20216
  label,
20038
- disabled
20217
+ disabled: false
20039
20218
  };
20040
20219
  });
20041
20220
  }
@@ -20199,29 +20378,30 @@ var defaultLabels = /*#__PURE__*/Object.freeze({
20199
20378
  labelYearDropdown: labelYearDropdown
20200
20379
  });
20201
20380
 
20202
- /** The number of days in a month when having 6 weeks. */
20203
- const NrOfDaysWithFixedWeeks = 42;
20204
20381
  /** Return all the dates to display in the calendar. */
20205
20382
  function getDates(displayMonths, maxDate, props, dateLib) {
20206
20383
  const firstMonth = displayMonths[0];
20207
20384
  const lastMonth = displayMonths[displayMonths.length - 1];
20208
20385
  const {
20209
20386
  ISOWeek,
20210
- fixedWeeks
20387
+ fixedWeeks,
20388
+ broadcastCalendar
20211
20389
  } = props ?? {};
20212
20390
  const {
20213
- startOfWeek,
20214
- endOfWeek,
20215
- startOfISOWeek,
20216
- endOfISOWeek,
20217
20391
  addDays,
20218
20392
  differenceInCalendarDays,
20219
20393
  differenceInCalendarMonths,
20394
+ endOfBroadcastWeek,
20395
+ endOfISOWeek,
20396
+ endOfMonth,
20397
+ endOfWeek,
20220
20398
  isAfter,
20221
- endOfMonth
20399
+ startOfBroadcastWeek,
20400
+ startOfISOWeek,
20401
+ startOfWeek
20222
20402
  } = dateLib;
20223
- const startWeekFirstDate = ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
20224
- const endWeekLastDate = ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
20403
+ const startWeekFirstDate = broadcastCalendar ? startOfBroadcastWeek(firstMonth, dateLib) : ISOWeek ? startOfISOWeek(firstMonth) : startOfWeek(firstMonth);
20404
+ const endWeekLastDate = broadcastCalendar ? endOfBroadcastWeek(lastMonth, dateLib) : ISOWeek ? endOfISOWeek(endOfMonth(lastMonth)) : endOfWeek(endOfMonth(lastMonth));
20225
20405
  const nOfDays = differenceInCalendarDays(endWeekLastDate, startWeekFirstDate);
20226
20406
  const nOfMonths = differenceInCalendarMonths(lastMonth, firstMonth) + 1;
20227
20407
  const dates = [];
@@ -20233,9 +20413,11 @@ function getDates(displayMonths, maxDate, props, dateLib) {
20233
20413
  dates.push(date);
20234
20414
  }
20235
20415
  // If fixed weeks is enabled, add the extra dates to the array
20236
- const extraDates = NrOfDaysWithFixedWeeks * nOfMonths;
20416
+ const nrOfDaysWithFixedWeeks = broadcastCalendar ? 35 : 42;
20417
+ const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
20237
20418
  if (fixedWeeks && dates.length < extraDates) {
20238
- for (let i = 0; i < 7; i++) {
20419
+ const daysToAdd = extraDates - dates.length;
20420
+ for (let i = 0; i < daysToAdd; i++) {
20239
20421
  const date = addDays(dates[dates.length - 1], 1);
20240
20422
  dates.push(date);
20241
20423
  }
@@ -20346,25 +20528,29 @@ displayMonths, /** The dates to display in the calendar. */
20346
20528
  dates, /** Options from the props context. */
20347
20529
  props, dateLib) {
20348
20530
  const {
20349
- startOfWeek,
20350
- endOfWeek,
20351
- startOfISOWeek,
20531
+ addDays,
20532
+ endOfBroadcastWeek,
20352
20533
  endOfISOWeek,
20353
20534
  endOfMonth,
20354
- addDays,
20535
+ endOfWeek,
20536
+ getISOWeek,
20355
20537
  getWeek,
20356
- getISOWeek
20538
+ startOfBroadcastWeek,
20539
+ startOfISOWeek,
20540
+ startOfWeek
20357
20541
  } = dateLib;
20358
20542
  const dayPickerMonths = displayMonths.reduce((months, month) => {
20359
- const firstDateOfFirstWeek = props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
20360
- const lastDateOfLastWeek = props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
20543
+ const firstDateOfFirstWeek = props.broadcastCalendar ? startOfBroadcastWeek(month, dateLib) : props.ISOWeek ? startOfISOWeek(month) : startOfWeek(month);
20544
+ const lastDateOfLastWeek = props.broadcastCalendar ? endOfBroadcastWeek(month, dateLib) : props.ISOWeek ? endOfISOWeek(endOfMonth(month)) : endOfWeek(endOfMonth(month));
20361
20545
  /** The dates to display in the month. */
20362
20546
  const monthDates = dates.filter(date => {
20363
20547
  return date >= firstDateOfFirstWeek && date <= lastDateOfLastWeek;
20364
20548
  });
20365
- if (props.fixedWeeks && monthDates.length < 42) {
20549
+ const nrOfDaysWithFixedWeeks = props.broadcastCalendar ? 35 : 42;
20550
+ if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
20366
20551
  const extraDates = dates.filter(date => {
20367
- return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, 7);
20552
+ const daysToAdd = nrOfDaysWithFixedWeeks - monthDates.length;
20553
+ return date > lastDateOfLastWeek && date <= addDays(lastDateOfLastWeek, daysToAdd);
20368
20554
  });
20369
20555
  monthDates.push(...extraDates);
20370
20556
  }
@@ -20802,27 +20988,30 @@ function dateMatchModifiers(date, matchers, dateLib = defaultDateLib) {
20802
20988
  /** Return the next date that should be focused. */
20803
20989
  function getFocusableDate(moveBy, moveDir, refDate, navStart, navEnd, props, dateLib) {
20804
20990
  const {
20805
- ISOWeek
20991
+ ISOWeek,
20992
+ broadcastCalendar
20806
20993
  } = props;
20807
20994
  const {
20808
20995
  addDays,
20809
20996
  addMonths,
20810
- addYears,
20811
20997
  addWeeks,
20812
- startOfISOWeek,
20998
+ addYears,
20999
+ endOfBroadcastWeek,
20813
21000
  endOfISOWeek,
20814
- startOfWeek,
20815
21001
  endOfWeek,
20816
21002
  max,
20817
- min
21003
+ min,
21004
+ startOfBroadcastWeek,
21005
+ startOfISOWeek,
21006
+ startOfWeek
20818
21007
  } = dateLib;
20819
21008
  const moveFns = {
20820
21009
  day: addDays,
20821
21010
  week: addWeeks,
20822
21011
  month: addMonths,
20823
21012
  year: addYears,
20824
- startOfWeek: date => ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
20825
- endOfWeek: date => ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
21013
+ startOfWeek: date => broadcastCalendar ? startOfBroadcastWeek(date, dateLib) : ISOWeek ? startOfISOWeek(date) : startOfWeek(date),
21014
+ endOfWeek: date => broadcastCalendar ? endOfBroadcastWeek(date, dateLib) : ISOWeek ? endOfISOWeek(date) : endOfWeek(date)
20826
21015
  };
20827
21016
  let focusableDate = moveFns[moveBy](refDate, moveDir === "after" ? 1 : -1);
20828
21017
  if (moveDir === "before" && navStart) {
@@ -20888,6 +21077,8 @@ function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
20888
21077
  /**
20889
21078
  * Return a function to get the modifiers for a given day.
20890
21079
  *
21080
+ * NOTE: this is not an hook, but a factory for `getModifiers`.
21081
+ *
20891
21082
  * @private
20892
21083
  */
20893
21084
  function useGetModifiers(days, props, dateLib) {
@@ -20896,12 +21087,19 @@ function useGetModifiers(days, props, dateLib) {
20896
21087
  hidden,
20897
21088
  modifiers,
20898
21089
  showOutsideDays,
21090
+ broadcastCalendar,
20899
21091
  today
20900
21092
  } = props;
20901
21093
  const {
20902
21094
  isSameDay,
20903
- isSameMonth
21095
+ isSameMonth,
21096
+ startOfMonth,
21097
+ isBefore,
21098
+ endOfMonth,
21099
+ isAfter
20904
21100
  } = dateLib;
21101
+ const startMonth = props.startMonth && startOfMonth(props.startMonth);
21102
+ const endMonth = props.endMonth && endOfMonth(props.endMonth);
20905
21103
  const internalModifiersMap = {
20906
21104
  [DayFlag.focused]: [],
20907
21105
  [DayFlag.outside]: [],
@@ -20910,20 +21108,18 @@ function useGetModifiers(days, props, dateLib) {
20910
21108
  [DayFlag.today]: []
20911
21109
  };
20912
21110
  const customModifiersMap = {};
20913
- const selectionModifiersMap = {
20914
- [SelectionState.range_end]: [],
20915
- [SelectionState.range_middle]: [],
20916
- [SelectionState.range_start]: [],
20917
- [SelectionState.selected]: []
20918
- };
20919
21111
  for (const day of days) {
20920
21112
  const {
20921
21113
  date,
20922
21114
  displayMonth
20923
21115
  } = day;
20924
21116
  const isOutside = Boolean(displayMonth && !isSameMonth(date, displayMonth));
21117
+ const isBeforeStartMonth = Boolean(startMonth && isBefore(date, startMonth));
21118
+ const isAfterEndMonth = Boolean(endMonth && isAfter(date, endMonth));
20925
21119
  const isDisabled = Boolean(disabled && dateMatchModifiers(date, disabled, dateLib));
20926
- const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || !showOutsideDays && isOutside;
21120
+ const isHidden = Boolean(hidden && dateMatchModifiers(date, hidden, dateLib)) || isBeforeStartMonth || isAfterEndMonth ||
21121
+ // Broadcast calendar will show outside days as default
21122
+ !broadcastCalendar && !showOutsideDays && isOutside || broadcastCalendar && showOutsideDays === false && isOutside;
20927
21123
  const isToday = isSameDay(date, today ?? (props.timeZone ? TZDate.tz(props.timeZone) : dateLib.Date ? new dateLib.Date() : new Date()));
20928
21124
  if (isOutside) internalModifiersMap.outside.push(day);
20929
21125
  if (isDisabled) internalModifiersMap.disabled.push(day);
@@ -20952,27 +21148,16 @@ function useGetModifiers(days, props, dateLib) {
20952
21148
  [DayFlag.outside]: false,
20953
21149
  [DayFlag.today]: false
20954
21150
  };
20955
- const selectionStates = {
20956
- [SelectionState.range_end]: false,
20957
- [SelectionState.range_middle]: false,
20958
- [SelectionState.range_start]: false,
20959
- [SelectionState.selected]: false
20960
- };
20961
21151
  const customModifiers = {};
20962
21152
  // Find the modifiers for the given day
20963
21153
  for (const name in internalModifiersMap) {
20964
21154
  const days = internalModifiersMap[name];
20965
21155
  dayFlags[name] = days.some(d => d === day);
20966
21156
  }
20967
- for (const name in selectionModifiersMap) {
20968
- const days = selectionModifiersMap[name];
20969
- selectionStates[name] = days.some(d => d === day);
20970
- }
20971
21157
  for (const name in customModifiersMap) {
20972
21158
  customModifiers[name] = customModifiersMap[name].some(d => d === day);
20973
21159
  }
20974
21160
  return {
20975
- ...selectionStates,
20976
21161
  ...dayFlags,
20977
21162
  // custom modifiers should override all the previous ones
20978
21163
  ...customModifiers
@@ -21377,7 +21562,7 @@ function DayPicker(props) {
21377
21562
  };
21378
21563
  const dateLib = new DateLib({
21379
21564
  locale,
21380
- weekStartsOn: props.weekStartsOn,
21565
+ weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
21381
21566
  firstWeekContainsDate: props.firstWeekContainsDate,
21382
21567
  useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
21383
21568
  useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens
@@ -21396,7 +21581,7 @@ function DayPicker(props) {
21396
21581
  ...props.classNames
21397
21582
  }
21398
21583
  };
21399
- }, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn]);
21584
+ }, [props.classNames, props.components, props.dateLib, props.firstWeekContainsDate, props.formatters, props.labels, props.locale, props.useAdditionalDayOfYearTokens, props.useAdditionalWeekYearTokens, props.weekStartsOn, props.broadcastCalendar]);
21400
21585
  const {
21401
21586
  captionLayout,
21402
21587
  mode,
@@ -21506,6 +21691,16 @@ function DayPicker(props) {
21506
21691
  const handleDayMouseLeave = React.useCallback((day, modifiers) => e => {
21507
21692
  onDayMouseLeave?.(day.date, modifiers, e);
21508
21693
  }, [onDayMouseLeave]);
21694
+ const handleMonthChange = React.useCallback(date => e => {
21695
+ const selectedMonth = Number(e.target.value);
21696
+ const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
21697
+ goToMonth(month);
21698
+ }, [dateLib, goToMonth]);
21699
+ const handleYearChange = React.useCallback(date => e => {
21700
+ const selectedYear = Number(e.target.value);
21701
+ const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
21702
+ goToMonth(month);
21703
+ }, [dateLib, goToMonth]);
21509
21704
  const {
21510
21705
  className,
21511
21706
  style
@@ -21543,6 +21738,8 @@ function DayPicker(props) {
21543
21738
  lang: props.lang,
21544
21739
  nonce: props.nonce,
21545
21740
  title: props.title,
21741
+ role: props.role,
21742
+ "aria-label": props["aria-label"],
21546
21743
  ...dataAttributes
21547
21744
  }, /*#__PURE__*/React.createElement(components.Months, {
21548
21745
  className: classNames[UI.Months],
@@ -21556,17 +21753,8 @@ function DayPicker(props) {
21556
21753
  previousMonth: previousMonth,
21557
21754
  nextMonth: nextMonth
21558
21755
  })), months.map((calendarMonth, displayIndex) => {
21559
- const handleMonthChange = e => {
21560
- const selectedMonth = Number(e.target.value);
21561
- const month = dateLib.setMonth(dateLib.startOfMonth(calendarMonth.date), selectedMonth);
21562
- goToMonth(month);
21563
- };
21564
- const handleYearChange = e => {
21565
- const month = dateLib.setYear(dateLib.startOfMonth(calendarMonth.date), Number(e.target.value));
21566
- goToMonth(month);
21567
- };
21568
21756
  const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib);
21569
- const dropdownYears = getYearOptions(months[0].date, navStart, navEnd, formatters, dateLib);
21757
+ const dropdownYears = getYearOptions(navStart, navEnd, formatters, dateLib);
21570
21758
  return /*#__PURE__*/React.createElement(components.Month, {
21571
21759
  className: classNames[UI.Month],
21572
21760
  style: styles?.[UI.Month],
@@ -21587,7 +21775,7 @@ function DayPicker(props) {
21587
21775
  classNames: classNames,
21588
21776
  components: components,
21589
21777
  disabled: Boolean(props.disableNavigation),
21590
- onChange: handleMonthChange,
21778
+ onChange: handleMonthChange(calendarMonth.date),
21591
21779
  options: dropdownMonths,
21592
21780
  style: styles?.[UI.Dropdown],
21593
21781
  value: calendarMonth.date.getMonth()
@@ -21600,7 +21788,7 @@ function DayPicker(props) {
21600
21788
  classNames: classNames,
21601
21789
  components: components,
21602
21790
  disabled: Boolean(props.disableNavigation),
21603
- onChange: handleYearChange,
21791
+ onChange: handleYearChange(calendarMonth.date),
21604
21792
  options: dropdownYears,
21605
21793
  style: styles?.[UI.Dropdown],
21606
21794
  value: calendarMonth.date.getFullYear()
@@ -21647,7 +21835,8 @@ function DayPicker(props) {
21647
21835
  locale
21648
21836
  }),
21649
21837
  className: classNames[UI.WeekNumber],
21650
- scope: "row"
21838
+ scope: "row",
21839
+ role: "rowheader"
21651
21840
  }, formatWeekNumber(week.weekNumber))), week.days.map(day => {
21652
21841
  const {
21653
21842
  date
@@ -21667,14 +21856,14 @@ function DayPicker(props) {
21667
21856
  }
21668
21857
  const style = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
21669
21858
  const className = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
21670
- const ariaLabel = !isInteractive ? labelGridcell(date, modifiers, dateLib.options, dateLib) : undefined;
21859
+ const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell(date, modifiers, dateLib.options, dateLib) : undefined;
21671
21860
  return /*#__PURE__*/React.createElement(components.Day, {
21672
21861
  key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`,
21673
21862
  day: day,
21674
21863
  modifiers: modifiers,
21675
21864
  className: className.join(" "),
21676
21865
  style: style,
21677
- "aria-hidden": modifiers.hidden || undefined,
21866
+ role: "gridcell",
21678
21867
  "aria-selected": modifiers.selected || undefined,
21679
21868
  "aria-label": ariaLabel,
21680
21869
  "data-day": dateLib.format(date, "yyyy-MM-dd"),
@@ -21685,7 +21874,7 @@ function DayPicker(props) {
21685
21874
  "data-outside": day.outside || undefined,
21686
21875
  "data-focused": modifiers.focused || undefined,
21687
21876
  "data-today": modifiers.today || undefined
21688
- }, isInteractive ? (/*#__PURE__*/React.createElement(components.DayButton, {
21877
+ }, !modifiers.hidden && isInteractive ? (/*#__PURE__*/React.createElement(components.DayButton, {
21689
21878
  className: classNames[UI.DayButton],
21690
21879
  style: styles?.[UI.DayButton],
21691
21880
  type: "button",
@@ -21700,7 +21889,7 @@ function DayPicker(props) {
21700
21889
  onKeyDown: handleDayKeyDown(day, modifiers),
21701
21890
  onMouseEnter: handleDayMouseEnter(day, modifiers),
21702
21891
  onMouseLeave: handleDayMouseLeave(day, modifiers)
21703
- }, formatDay(date, dateLib.options, dateLib))) : formatDay(day.date, dateLib.options, dateLib));
21892
+ }, formatDay(date, dateLib.options, dateLib))) : !modifiers.hidden && formatDay(day.date, dateLib.options, dateLib));
21704
21893
  }));
21705
21894
  }))));
21706
21895
  })), props.footer && (/*#__PURE__*/React.createElement(components.Footer, {
@@ -27781,9 +27970,9 @@ const DashboardDonutChart = ({
27781
27970
 
27782
27971
  var propTypes = {exports: {}};
27783
27972
 
27784
- var reactIs$1 = {exports: {}};
27973
+ var reactIs = {exports: {}};
27785
27974
 
27786
- var reactIs_production_min$1 = {};
27975
+ var reactIs_production_min = {};
27787
27976
 
27788
27977
  /** @license React v16.13.1
27789
27978
  * react-is.production.min.js
@@ -27793,10 +27982,10 @@ var reactIs_production_min$1 = {};
27793
27982
  * This source code is licensed under the MIT license found in the
27794
27983
  * LICENSE file in the root directory of this source tree.
27795
27984
  */
27796
- var hasRequiredReactIs_production_min$1;
27797
- function requireReactIs_production_min$1() {
27798
- if (hasRequiredReactIs_production_min$1) return reactIs_production_min$1;
27799
- hasRequiredReactIs_production_min$1 = 1;
27985
+ var hasRequiredReactIs_production_min;
27986
+ function requireReactIs_production_min() {
27987
+ if (hasRequiredReactIs_production_min) return reactIs_production_min;
27988
+ hasRequiredReactIs_production_min = 1;
27800
27989
  var b = "function" === typeof Symbol && Symbol.for,
27801
27990
  c = b ? Symbol.for("react.element") : 60103,
27802
27991
  d = b ? Symbol.for("react.portal") : 60106,
@@ -27849,64 +28038,64 @@ function requireReactIs_production_min$1() {
27849
28038
  function A(a) {
27850
28039
  return z(a) === m;
27851
28040
  }
27852
- reactIs_production_min$1.AsyncMode = l;
27853
- reactIs_production_min$1.ConcurrentMode = m;
27854
- reactIs_production_min$1.ContextConsumer = k;
27855
- reactIs_production_min$1.ContextProvider = h;
27856
- reactIs_production_min$1.Element = c;
27857
- reactIs_production_min$1.ForwardRef = n;
27858
- reactIs_production_min$1.Fragment = e;
27859
- reactIs_production_min$1.Lazy = t;
27860
- reactIs_production_min$1.Memo = r;
27861
- reactIs_production_min$1.Portal = d;
27862
- reactIs_production_min$1.Profiler = g;
27863
- reactIs_production_min$1.StrictMode = f;
27864
- reactIs_production_min$1.Suspense = p;
27865
- reactIs_production_min$1.isAsyncMode = function (a) {
28041
+ reactIs_production_min.AsyncMode = l;
28042
+ reactIs_production_min.ConcurrentMode = m;
28043
+ reactIs_production_min.ContextConsumer = k;
28044
+ reactIs_production_min.ContextProvider = h;
28045
+ reactIs_production_min.Element = c;
28046
+ reactIs_production_min.ForwardRef = n;
28047
+ reactIs_production_min.Fragment = e;
28048
+ reactIs_production_min.Lazy = t;
28049
+ reactIs_production_min.Memo = r;
28050
+ reactIs_production_min.Portal = d;
28051
+ reactIs_production_min.Profiler = g;
28052
+ reactIs_production_min.StrictMode = f;
28053
+ reactIs_production_min.Suspense = p;
28054
+ reactIs_production_min.isAsyncMode = function (a) {
27866
28055
  return A(a) || z(a) === l;
27867
28056
  };
27868
- reactIs_production_min$1.isConcurrentMode = A;
27869
- reactIs_production_min$1.isContextConsumer = function (a) {
28057
+ reactIs_production_min.isConcurrentMode = A;
28058
+ reactIs_production_min.isContextConsumer = function (a) {
27870
28059
  return z(a) === k;
27871
28060
  };
27872
- reactIs_production_min$1.isContextProvider = function (a) {
28061
+ reactIs_production_min.isContextProvider = function (a) {
27873
28062
  return z(a) === h;
27874
28063
  };
27875
- reactIs_production_min$1.isElement = function (a) {
28064
+ reactIs_production_min.isElement = function (a) {
27876
28065
  return "object" === typeof a && null !== a && a.$$typeof === c;
27877
28066
  };
27878
- reactIs_production_min$1.isForwardRef = function (a) {
28067
+ reactIs_production_min.isForwardRef = function (a) {
27879
28068
  return z(a) === n;
27880
28069
  };
27881
- reactIs_production_min$1.isFragment = function (a) {
28070
+ reactIs_production_min.isFragment = function (a) {
27882
28071
  return z(a) === e;
27883
28072
  };
27884
- reactIs_production_min$1.isLazy = function (a) {
28073
+ reactIs_production_min.isLazy = function (a) {
27885
28074
  return z(a) === t;
27886
28075
  };
27887
- reactIs_production_min$1.isMemo = function (a) {
28076
+ reactIs_production_min.isMemo = function (a) {
27888
28077
  return z(a) === r;
27889
28078
  };
27890
- reactIs_production_min$1.isPortal = function (a) {
28079
+ reactIs_production_min.isPortal = function (a) {
27891
28080
  return z(a) === d;
27892
28081
  };
27893
- reactIs_production_min$1.isProfiler = function (a) {
28082
+ reactIs_production_min.isProfiler = function (a) {
27894
28083
  return z(a) === g;
27895
28084
  };
27896
- reactIs_production_min$1.isStrictMode = function (a) {
28085
+ reactIs_production_min.isStrictMode = function (a) {
27897
28086
  return z(a) === f;
27898
28087
  };
27899
- reactIs_production_min$1.isSuspense = function (a) {
28088
+ reactIs_production_min.isSuspense = function (a) {
27900
28089
  return z(a) === p;
27901
28090
  };
27902
- reactIs_production_min$1.isValidElementType = function (a) {
28091
+ reactIs_production_min.isValidElementType = function (a) {
27903
28092
  return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
27904
28093
  };
27905
- reactIs_production_min$1.typeOf = z;
27906
- return reactIs_production_min$1;
28094
+ reactIs_production_min.typeOf = z;
28095
+ return reactIs_production_min;
27907
28096
  }
27908
28097
 
27909
- var reactIs_development$1 = {};
28098
+ var reactIs_development = {};
27910
28099
 
27911
28100
  /** @license React v16.13.1
27912
28101
  * react-is.development.js
@@ -27916,10 +28105,10 @@ var reactIs_development$1 = {};
27916
28105
  * This source code is licensed under the MIT license found in the
27917
28106
  * LICENSE file in the root directory of this source tree.
27918
28107
  */
27919
- var hasRequiredReactIs_development$1;
27920
- function requireReactIs_development$1() {
27921
- if (hasRequiredReactIs_development$1) return reactIs_development$1;
27922
- hasRequiredReactIs_development$1 = 1;
28108
+ var hasRequiredReactIs_development;
28109
+ function requireReactIs_development() {
28110
+ if (hasRequiredReactIs_development) return reactIs_development;
28111
+ hasRequiredReactIs_development = 1;
27923
28112
  if (process.env.NODE_ENV !== "production") {
27924
28113
  (function () {
27925
28114
 
@@ -28046,49 +28235,49 @@ function requireReactIs_development$1() {
28046
28235
  function isSuspense(object) {
28047
28236
  return typeOf(object) === REACT_SUSPENSE_TYPE;
28048
28237
  }
28049
- reactIs_development$1.AsyncMode = AsyncMode;
28050
- reactIs_development$1.ConcurrentMode = ConcurrentMode;
28051
- reactIs_development$1.ContextConsumer = ContextConsumer;
28052
- reactIs_development$1.ContextProvider = ContextProvider;
28053
- reactIs_development$1.Element = Element;
28054
- reactIs_development$1.ForwardRef = ForwardRef;
28055
- reactIs_development$1.Fragment = Fragment;
28056
- reactIs_development$1.Lazy = Lazy;
28057
- reactIs_development$1.Memo = Memo;
28058
- reactIs_development$1.Portal = Portal;
28059
- reactIs_development$1.Profiler = Profiler;
28060
- reactIs_development$1.StrictMode = StrictMode;
28061
- reactIs_development$1.Suspense = Suspense;
28062
- reactIs_development$1.isAsyncMode = isAsyncMode;
28063
- reactIs_development$1.isConcurrentMode = isConcurrentMode;
28064
- reactIs_development$1.isContextConsumer = isContextConsumer;
28065
- reactIs_development$1.isContextProvider = isContextProvider;
28066
- reactIs_development$1.isElement = isElement;
28067
- reactIs_development$1.isForwardRef = isForwardRef;
28068
- reactIs_development$1.isFragment = isFragment;
28069
- reactIs_development$1.isLazy = isLazy;
28070
- reactIs_development$1.isMemo = isMemo;
28071
- reactIs_development$1.isPortal = isPortal;
28072
- reactIs_development$1.isProfiler = isProfiler;
28073
- reactIs_development$1.isStrictMode = isStrictMode;
28074
- reactIs_development$1.isSuspense = isSuspense;
28075
- reactIs_development$1.isValidElementType = isValidElementType;
28076
- reactIs_development$1.typeOf = typeOf;
28238
+ reactIs_development.AsyncMode = AsyncMode;
28239
+ reactIs_development.ConcurrentMode = ConcurrentMode;
28240
+ reactIs_development.ContextConsumer = ContextConsumer;
28241
+ reactIs_development.ContextProvider = ContextProvider;
28242
+ reactIs_development.Element = Element;
28243
+ reactIs_development.ForwardRef = ForwardRef;
28244
+ reactIs_development.Fragment = Fragment;
28245
+ reactIs_development.Lazy = Lazy;
28246
+ reactIs_development.Memo = Memo;
28247
+ reactIs_development.Portal = Portal;
28248
+ reactIs_development.Profiler = Profiler;
28249
+ reactIs_development.StrictMode = StrictMode;
28250
+ reactIs_development.Suspense = Suspense;
28251
+ reactIs_development.isAsyncMode = isAsyncMode;
28252
+ reactIs_development.isConcurrentMode = isConcurrentMode;
28253
+ reactIs_development.isContextConsumer = isContextConsumer;
28254
+ reactIs_development.isContextProvider = isContextProvider;
28255
+ reactIs_development.isElement = isElement;
28256
+ reactIs_development.isForwardRef = isForwardRef;
28257
+ reactIs_development.isFragment = isFragment;
28258
+ reactIs_development.isLazy = isLazy;
28259
+ reactIs_development.isMemo = isMemo;
28260
+ reactIs_development.isPortal = isPortal;
28261
+ reactIs_development.isProfiler = isProfiler;
28262
+ reactIs_development.isStrictMode = isStrictMode;
28263
+ reactIs_development.isSuspense = isSuspense;
28264
+ reactIs_development.isValidElementType = isValidElementType;
28265
+ reactIs_development.typeOf = typeOf;
28077
28266
  })();
28078
28267
  }
28079
- return reactIs_development$1;
28268
+ return reactIs_development;
28080
28269
  }
28081
28270
 
28082
- var hasRequiredReactIs$1;
28083
- function requireReactIs$1() {
28084
- if (hasRequiredReactIs$1) return reactIs$1.exports;
28085
- hasRequiredReactIs$1 = 1;
28271
+ var hasRequiredReactIs;
28272
+ function requireReactIs() {
28273
+ if (hasRequiredReactIs) return reactIs.exports;
28274
+ hasRequiredReactIs = 1;
28086
28275
  if (process.env.NODE_ENV === 'production') {
28087
- reactIs$1.exports = requireReactIs_production_min$1();
28276
+ reactIs.exports = requireReactIs_production_min();
28088
28277
  } else {
28089
- reactIs$1.exports = requireReactIs_development$1();
28278
+ reactIs.exports = requireReactIs_development();
28090
28279
  }
28091
- return reactIs$1.exports;
28280
+ return reactIs.exports;
28092
28281
  }
28093
28282
 
28094
28283
  /*
@@ -28303,7 +28492,7 @@ var hasRequiredFactoryWithTypeCheckers;
28303
28492
  function requireFactoryWithTypeCheckers() {
28304
28493
  if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
28305
28494
  hasRequiredFactoryWithTypeCheckers = 1;
28306
- var ReactIs = requireReactIs$1();
28495
+ var ReactIs = requireReactIs();
28307
28496
  var assign = requireObjectAssign();
28308
28497
  var ReactPropTypesSecret = /*@__PURE__*/requireReactPropTypesSecret();
28309
28498
  var has = /*@__PURE__*/requireHas();
@@ -28916,7 +29105,7 @@ function requirePropTypes() {
28916
29105
  if (hasRequiredPropTypes) return propTypes.exports;
28917
29106
  hasRequiredPropTypes = 1;
28918
29107
  if (process.env.NODE_ENV !== 'production') {
28919
- var ReactIs = requireReactIs$1();
29108
+ var ReactIs = requireReactIs();
28920
29109
 
28921
29110
  // By explicitly using `prop-types` you are opting into new development behavior.
28922
29111
  // http://fb.me/prop-types-in-prod
@@ -29151,316 +29340,6 @@ ReCAPTCHA.defaultProps = {
29151
29340
  badge: "bottomright"
29152
29341
  };
29153
29342
 
29154
- var reactIs = {exports: {}};
29155
-
29156
- var reactIs_production_min = {};
29157
-
29158
- /** @license React v16.13.1
29159
- * react-is.production.min.js
29160
- *
29161
- * Copyright (c) Facebook, Inc. and its affiliates.
29162
- *
29163
- * This source code is licensed under the MIT license found in the
29164
- * LICENSE file in the root directory of this source tree.
29165
- */
29166
- var hasRequiredReactIs_production_min;
29167
- function requireReactIs_production_min() {
29168
- if (hasRequiredReactIs_production_min) return reactIs_production_min;
29169
- hasRequiredReactIs_production_min = 1;
29170
- var b = "function" === typeof Symbol && Symbol.for,
29171
- c = b ? Symbol.for("react.element") : 60103,
29172
- d = b ? Symbol.for("react.portal") : 60106,
29173
- e = b ? Symbol.for("react.fragment") : 60107,
29174
- f = b ? Symbol.for("react.strict_mode") : 60108,
29175
- g = b ? Symbol.for("react.profiler") : 60114,
29176
- h = b ? Symbol.for("react.provider") : 60109,
29177
- k = b ? Symbol.for("react.context") : 60110,
29178
- l = b ? Symbol.for("react.async_mode") : 60111,
29179
- m = b ? Symbol.for("react.concurrent_mode") : 60111,
29180
- n = b ? Symbol.for("react.forward_ref") : 60112,
29181
- p = b ? Symbol.for("react.suspense") : 60113,
29182
- q = b ? Symbol.for("react.suspense_list") : 60120,
29183
- r = b ? Symbol.for("react.memo") : 60115,
29184
- t = b ? Symbol.for("react.lazy") : 60116,
29185
- v = b ? Symbol.for("react.block") : 60121,
29186
- w = b ? Symbol.for("react.fundamental") : 60117,
29187
- x = b ? Symbol.for("react.responder") : 60118,
29188
- y = b ? Symbol.for("react.scope") : 60119;
29189
- function z(a) {
29190
- if ("object" === typeof a && null !== a) {
29191
- var u = a.$$typeof;
29192
- switch (u) {
29193
- case c:
29194
- switch (a = a.type, a) {
29195
- case l:
29196
- case m:
29197
- case e:
29198
- case g:
29199
- case f:
29200
- case p:
29201
- return a;
29202
- default:
29203
- switch (a = a && a.$$typeof, a) {
29204
- case k:
29205
- case n:
29206
- case t:
29207
- case r:
29208
- case h:
29209
- return a;
29210
- default:
29211
- return u;
29212
- }
29213
- }
29214
- case d:
29215
- return u;
29216
- }
29217
- }
29218
- }
29219
- function A(a) {
29220
- return z(a) === m;
29221
- }
29222
- reactIs_production_min.AsyncMode = l;
29223
- reactIs_production_min.ConcurrentMode = m;
29224
- reactIs_production_min.ContextConsumer = k;
29225
- reactIs_production_min.ContextProvider = h;
29226
- reactIs_production_min.Element = c;
29227
- reactIs_production_min.ForwardRef = n;
29228
- reactIs_production_min.Fragment = e;
29229
- reactIs_production_min.Lazy = t;
29230
- reactIs_production_min.Memo = r;
29231
- reactIs_production_min.Portal = d;
29232
- reactIs_production_min.Profiler = g;
29233
- reactIs_production_min.StrictMode = f;
29234
- reactIs_production_min.Suspense = p;
29235
- reactIs_production_min.isAsyncMode = function (a) {
29236
- return A(a) || z(a) === l;
29237
- };
29238
- reactIs_production_min.isConcurrentMode = A;
29239
- reactIs_production_min.isContextConsumer = function (a) {
29240
- return z(a) === k;
29241
- };
29242
- reactIs_production_min.isContextProvider = function (a) {
29243
- return z(a) === h;
29244
- };
29245
- reactIs_production_min.isElement = function (a) {
29246
- return "object" === typeof a && null !== a && a.$$typeof === c;
29247
- };
29248
- reactIs_production_min.isForwardRef = function (a) {
29249
- return z(a) === n;
29250
- };
29251
- reactIs_production_min.isFragment = function (a) {
29252
- return z(a) === e;
29253
- };
29254
- reactIs_production_min.isLazy = function (a) {
29255
- return z(a) === t;
29256
- };
29257
- reactIs_production_min.isMemo = function (a) {
29258
- return z(a) === r;
29259
- };
29260
- reactIs_production_min.isPortal = function (a) {
29261
- return z(a) === d;
29262
- };
29263
- reactIs_production_min.isProfiler = function (a) {
29264
- return z(a) === g;
29265
- };
29266
- reactIs_production_min.isStrictMode = function (a) {
29267
- return z(a) === f;
29268
- };
29269
- reactIs_production_min.isSuspense = function (a) {
29270
- return z(a) === p;
29271
- };
29272
- reactIs_production_min.isValidElementType = function (a) {
29273
- return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
29274
- };
29275
- reactIs_production_min.typeOf = z;
29276
- return reactIs_production_min;
29277
- }
29278
-
29279
- var reactIs_development = {};
29280
-
29281
- /** @license React v16.13.1
29282
- * react-is.development.js
29283
- *
29284
- * Copyright (c) Facebook, Inc. and its affiliates.
29285
- *
29286
- * This source code is licensed under the MIT license found in the
29287
- * LICENSE file in the root directory of this source tree.
29288
- */
29289
- var hasRequiredReactIs_development;
29290
- function requireReactIs_development() {
29291
- if (hasRequiredReactIs_development) return reactIs_development;
29292
- hasRequiredReactIs_development = 1;
29293
- if (process.env.NODE_ENV !== "production") {
29294
- (function () {
29295
-
29296
- // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
29297
- // nor polyfill, then a plain number is used for performance.
29298
- var hasSymbol = typeof Symbol === 'function' && Symbol.for;
29299
- var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
29300
- var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
29301
- var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
29302
- var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
29303
- var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
29304
- var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
29305
- var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
29306
- // (unstable) APIs that have been removed. Can we remove the symbols?
29307
-
29308
- var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
29309
- var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
29310
- var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
29311
- var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
29312
- var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
29313
- var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
29314
- var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
29315
- var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
29316
- var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
29317
- var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
29318
- var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
29319
- function isValidElementType(type) {
29320
- return typeof type === 'string' || typeof type === 'function' ||
29321
- // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
29322
- type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
29323
- }
29324
- function typeOf(object) {
29325
- if (typeof object === 'object' && object !== null) {
29326
- var $$typeof = object.$$typeof;
29327
- switch ($$typeof) {
29328
- case REACT_ELEMENT_TYPE:
29329
- var type = object.type;
29330
- switch (type) {
29331
- case REACT_ASYNC_MODE_TYPE:
29332
- case REACT_CONCURRENT_MODE_TYPE:
29333
- case REACT_FRAGMENT_TYPE:
29334
- case REACT_PROFILER_TYPE:
29335
- case REACT_STRICT_MODE_TYPE:
29336
- case REACT_SUSPENSE_TYPE:
29337
- return type;
29338
- default:
29339
- var $$typeofType = type && type.$$typeof;
29340
- switch ($$typeofType) {
29341
- case REACT_CONTEXT_TYPE:
29342
- case REACT_FORWARD_REF_TYPE:
29343
- case REACT_LAZY_TYPE:
29344
- case REACT_MEMO_TYPE:
29345
- case REACT_PROVIDER_TYPE:
29346
- return $$typeofType;
29347
- default:
29348
- return $$typeof;
29349
- }
29350
- }
29351
- case REACT_PORTAL_TYPE:
29352
- return $$typeof;
29353
- }
29354
- }
29355
- return undefined;
29356
- } // AsyncMode is deprecated along with isAsyncMode
29357
-
29358
- var AsyncMode = REACT_ASYNC_MODE_TYPE;
29359
- var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
29360
- var ContextConsumer = REACT_CONTEXT_TYPE;
29361
- var ContextProvider = REACT_PROVIDER_TYPE;
29362
- var Element = REACT_ELEMENT_TYPE;
29363
- var ForwardRef = REACT_FORWARD_REF_TYPE;
29364
- var Fragment = REACT_FRAGMENT_TYPE;
29365
- var Lazy = REACT_LAZY_TYPE;
29366
- var Memo = REACT_MEMO_TYPE;
29367
- var Portal = REACT_PORTAL_TYPE;
29368
- var Profiler = REACT_PROFILER_TYPE;
29369
- var StrictMode = REACT_STRICT_MODE_TYPE;
29370
- var Suspense = REACT_SUSPENSE_TYPE;
29371
- var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
29372
-
29373
- function isAsyncMode(object) {
29374
- {
29375
- if (!hasWarnedAboutDeprecatedIsAsyncMode) {
29376
- hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
29377
-
29378
- console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
29379
- }
29380
- }
29381
- return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
29382
- }
29383
- function isConcurrentMode(object) {
29384
- return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
29385
- }
29386
- function isContextConsumer(object) {
29387
- return typeOf(object) === REACT_CONTEXT_TYPE;
29388
- }
29389
- function isContextProvider(object) {
29390
- return typeOf(object) === REACT_PROVIDER_TYPE;
29391
- }
29392
- function isElement(object) {
29393
- return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
29394
- }
29395
- function isForwardRef(object) {
29396
- return typeOf(object) === REACT_FORWARD_REF_TYPE;
29397
- }
29398
- function isFragment(object) {
29399
- return typeOf(object) === REACT_FRAGMENT_TYPE;
29400
- }
29401
- function isLazy(object) {
29402
- return typeOf(object) === REACT_LAZY_TYPE;
29403
- }
29404
- function isMemo(object) {
29405
- return typeOf(object) === REACT_MEMO_TYPE;
29406
- }
29407
- function isPortal(object) {
29408
- return typeOf(object) === REACT_PORTAL_TYPE;
29409
- }
29410
- function isProfiler(object) {
29411
- return typeOf(object) === REACT_PROFILER_TYPE;
29412
- }
29413
- function isStrictMode(object) {
29414
- return typeOf(object) === REACT_STRICT_MODE_TYPE;
29415
- }
29416
- function isSuspense(object) {
29417
- return typeOf(object) === REACT_SUSPENSE_TYPE;
29418
- }
29419
- reactIs_development.AsyncMode = AsyncMode;
29420
- reactIs_development.ConcurrentMode = ConcurrentMode;
29421
- reactIs_development.ContextConsumer = ContextConsumer;
29422
- reactIs_development.ContextProvider = ContextProvider;
29423
- reactIs_development.Element = Element;
29424
- reactIs_development.ForwardRef = ForwardRef;
29425
- reactIs_development.Fragment = Fragment;
29426
- reactIs_development.Lazy = Lazy;
29427
- reactIs_development.Memo = Memo;
29428
- reactIs_development.Portal = Portal;
29429
- reactIs_development.Profiler = Profiler;
29430
- reactIs_development.StrictMode = StrictMode;
29431
- reactIs_development.Suspense = Suspense;
29432
- reactIs_development.isAsyncMode = isAsyncMode;
29433
- reactIs_development.isConcurrentMode = isConcurrentMode;
29434
- reactIs_development.isContextConsumer = isContextConsumer;
29435
- reactIs_development.isContextProvider = isContextProvider;
29436
- reactIs_development.isElement = isElement;
29437
- reactIs_development.isForwardRef = isForwardRef;
29438
- reactIs_development.isFragment = isFragment;
29439
- reactIs_development.isLazy = isLazy;
29440
- reactIs_development.isMemo = isMemo;
29441
- reactIs_development.isPortal = isPortal;
29442
- reactIs_development.isProfiler = isProfiler;
29443
- reactIs_development.isStrictMode = isStrictMode;
29444
- reactIs_development.isSuspense = isSuspense;
29445
- reactIs_development.isValidElementType = isValidElementType;
29446
- reactIs_development.typeOf = typeOf;
29447
- })();
29448
- }
29449
- return reactIs_development;
29450
- }
29451
-
29452
- var hasRequiredReactIs;
29453
- function requireReactIs() {
29454
- if (hasRequiredReactIs) return reactIs.exports;
29455
- hasRequiredReactIs = 1;
29456
- if (process.env.NODE_ENV === 'production') {
29457
- reactIs.exports = requireReactIs_production_min();
29458
- } else {
29459
- reactIs.exports = requireReactIs_development();
29460
- }
29461
- return reactIs.exports;
29462
- }
29463
-
29464
29343
  var hoistNonReactStatics_cjs;
29465
29344
  var hasRequiredHoistNonReactStatics_cjs;
29466
29345
  function requireHoistNonReactStatics_cjs() {
@@ -55039,7 +54918,7 @@ exports.StatusCard = StatusCard;
55039
54918
  exports.TIME_REGEX = TIME_REGEX;
55040
54919
  exports.TWITTER_HANDLE_REGEX = TWITTER_HANDLE_REGEX;
55041
54920
  exports.Table = Table$1;
55042
- exports.TableTree = TableTree;
54921
+ exports.TableTree = TreeTable;
55043
54922
  exports.TableWithAccordion = TableWithAccordion;
55044
54923
  exports.Tabs = Tabs;
55045
54924
  exports.TextArea = Textarea;