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.
- package/lib/ComponentProps/TreeNodeProps.d.ts +3 -0
- package/lib/components/TableTree/Components/AddModule/AddModule.d.ts +2 -1
- package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
- package/lib/components/TableTree/Components/TableCell.d.ts +2 -2
- package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
- package/lib/components/TableTree/TableTree.d.ts +2 -2
- package/lib/components/TableTree/Utils/addNewRow.d.ts +1 -0
- package/lib/components/TableTree/data.d.ts +34 -0
- package/lib/components/TableTree/types.d.ts +12 -12
- package/lib/index.d.ts +13 -8
- package/lib/index.esm.js +520 -641
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +520 -641
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/ComponentProps/TreeNodeProps.ts +3 -0
- package/src/assets/icons/approval_pending.svg +8 -8
- package/src/assets/icons/configuration.svg +3 -3
- package/src/assets/icons/defects.svg +8 -8
- package/src/assets/icons/element.svg +4 -4
- package/src/assets/icons/project_element.svg +4 -4
- package/src/assets/icons/spinner.svg +42 -0
- package/src/assets/icons/step_group.svg +10 -10
- package/src/assets/icons/variable.svg +3 -3
- package/src/assets/icons/web_service_icon.svg +3 -3
- package/src/components/Comment/Comments.stories.tsx +3 -77
- package/src/components/TableTree/Components/AddModule/AddModule.scss +1 -1
- package/src/components/TableTree/Components/AddModule/AddModule.tsx +43 -31
- package/src/components/TableTree/Components/TableBody.tsx +2 -0
- package/src/components/TableTree/Components/TableCell.tsx +8 -6
- package/src/components/TableTree/Components/TableRow.tsx +2 -0
- package/src/components/TableTree/TableTree.scss +4 -2
- package/src/components/TableTree/TableTree.stories.tsx +21 -2
- package/src/components/TableTree/TableTree.tsx +34 -8
- package/src/components/TableTree/Utils/addNewRow.ts +3 -1
- package/src/components/TableTree/data.ts +5 -1
- package/src/components/TableTree/types.ts +13 -12
- package/lib/1fb4472b34e4fe07.css +0 -1
- package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
- package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
- package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
- package/lib/components/AddButton/AddButton.d.ts +0 -5
- package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
- package/lib/components/AddButton/index.d.ts +0 -1
- package/lib/components/AddButton/types.d.ts +0 -4
- package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
- package/lib/components/AddVariables/AddVariables.d.ts +0 -5
- package/lib/components/AddVariables/index.d.ts +0 -1
- package/lib/components/AddVariables/types.d.ts +0 -35
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +0 -7
- package/lib/components/AppHeader/AppHeader.stories.d.ts +0 -7
- package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
- package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +0 -9
- package/lib/components/Avatar/Avatar.stories.d.ts +0 -10
- package/lib/components/Button/Button.stories.d.ts +0 -13
- package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
- package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +0 -7
- package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
- package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
- package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
- package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
- package/lib/components/Charts/PieChart/PieChart.stories.d.ts +0 -7
- package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
- package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
- package/lib/components/Chip/Chip.stories.d.ts +0 -14
- package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
- package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
- package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
- package/lib/components/Drawer/Drawer.stories.d.ts +0 -12
- package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
- package/lib/components/Editor/Editor.stories.d.ts +0 -6
- package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
- package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
- package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
- package/lib/components/ExcelFile/ColorBarSelector/ColorBarSelector.d.ts +0 -8
- package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +0 -4
- package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +0 -7
- package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +0 -4
- package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +0 -5
- package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +0 -5
- package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +0 -5
- package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +0 -8
- package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +0 -10
- package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +0 -5
- package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +0 -80
- package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +0 -174
- package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +0 -1
- package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +0 -8
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +0 -22
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +0 -17
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +0 -2
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +0 -21
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +0 -24
- package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +0 -13
- package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +0 -67
- package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +0 -22
- package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +0 -11
- package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +0 -27
- package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +0 -95
- package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +0 -178
- package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +0 -3
- package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +0 -44
- package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +0 -19
- package/lib/components/ExcelFile/ExcelFile.stories.d.ts +0 -6
- package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -12
- package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +0 -15
- package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
- package/lib/components/ExcelFile/Types.d.ts +0 -129
- package/lib/components/ExcelFile/index.d.ts +0 -1
- package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
- package/lib/components/FF_Captcha/captcha.stories.d.ts +0 -8
- package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
- package/lib/components/Form/Form.stories.d.ts +0 -7
- package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
- package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
- package/lib/components/Icon/Icon.stories.d.ts +0 -8
- package/lib/components/IconButton/IconButton.stories.d.ts +0 -7
- package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +0 -7
- package/lib/components/Input/Input.stories.d.ts +0 -9
- package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -13
- package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
- package/lib/components/MachineInputField/MachineInputField.stories.d.ts +0 -6
- package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -16
- package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -10
- package/lib/components/Modal/Modal.stories.d.ts +0 -7
- package/lib/components/ModulesChip/ModuleChip.stories.d.ts +0 -6
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -11
- package/lib/components/NLPInput/NlpInput.stories.d.ts +0 -7
- package/lib/components/NLPInput/type.d.ts +0 -70
- package/lib/components/Paper/Paper.stories.d.ts +0 -11
- package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -9
- package/lib/components/Search/Search.stories.d.ts +0 -6
- package/lib/components/Select/Select.stories.d.ts +0 -14
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -17
- package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +0 -6
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +0 -4
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +0 -3
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +0 -4
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +0 -3
- package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
- package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
- package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
- package/lib/components/Table/Table.stories.d.ts +0 -13
- package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
- package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
- package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
- package/lib/components/Toast/Toast.stories.d.ts +0 -6
- package/lib/components/Toastify/Toastify.stories.d.ts +0 -6
- package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
- package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
- package/lib/components/Typography/Typography.stories.d.ts +0 -10
- package/lib/components/VariableInput/VariableInput.stories.d.ts +0 -6
- package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
- package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
- package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
- package/lib/utils/debounce/debounce.stories.d.ts +0 -6
- package/lib/utils/ffID/ffID.stories.d.ts +0 -6
- package/lib/utils/find/findAndInsert.d.ts +0 -7
- package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
- package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +0 -7
- package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +0 -6
- package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
- package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
- package/lib/utils/throttle/throttle.stories.d.ts +0 -6
- 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
|
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
|
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,
|
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,
|
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
|
-
|
6154
|
-
|
6155
|
-
|
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 (
|
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
|
-
|
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 = '
|
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
|
-
|
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 ||
|
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
|
11890
|
-
|
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
|
-
|
12538
|
-
control.register(name,
|
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) =>
|
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 (!
|
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 (!
|
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 && !
|
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 (!
|
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 (
|
13239
|
+
if (_options.delayError && error) {
|
13159
13240
|
delayErrorCallback = debounce(() => updateErrors(name, error));
|
13160
|
-
delayErrorCallback(
|
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) => !
|
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,
|
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 (
|
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
|
-
|
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(
|
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
|
-
:
|
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 ||
|
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 =
|
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 = !!
|
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 &&
|
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:
|
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(
|
14646
|
+
className: classNames('add-module-container'),
|
14561
14647
|
children: [jsxRuntime.jsxs("div", {
|
14562
|
-
className: classNames(
|
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:
|
14567
|
-
htmlFor:
|
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:
|
14658
|
+
children: label
|
14573
14659
|
})
|
14574
14660
|
}), jsxRuntime.jsx("input", {
|
14575
|
-
name:
|
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:
|
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:
|
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
|
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
|
-
|
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) =>
|
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",
|
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
|
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
|
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(
|
20012
|
-
if (!
|
20013
|
-
if (!
|
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
|
20023
|
-
const
|
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
|
-
|
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
|
20416
|
+
const nrOfDaysWithFixedWeeks = broadcastCalendar ? 35 : 42;
|
20417
|
+
const extraDates = nrOfDaysWithFixedWeeks * nOfMonths;
|
20237
20418
|
if (fixedWeeks && dates.length < extraDates) {
|
20238
|
-
|
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
|
-
|
20350
|
-
|
20351
|
-
startOfISOWeek,
|
20531
|
+
addDays,
|
20532
|
+
endOfBroadcastWeek,
|
20352
20533
|
endOfISOWeek,
|
20353
20534
|
endOfMonth,
|
20354
|
-
|
20535
|
+
endOfWeek,
|
20536
|
+
getISOWeek,
|
20355
20537
|
getWeek,
|
20356
|
-
|
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
|
-
|
20549
|
+
const nrOfDaysWithFixedWeeks = props.broadcastCalendar ? 35 : 42;
|
20550
|
+
if (props.fixedWeeks && monthDates.length < nrOfDaysWithFixedWeeks) {
|
20366
20551
|
const extraDates = dates.filter(date => {
|
20367
|
-
|
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
|
-
|
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)) ||
|
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(
|
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
|
-
"
|
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
|
27973
|
+
var reactIs = {exports: {}};
|
27785
27974
|
|
27786
|
-
var reactIs_production_min
|
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
|
27797
|
-
function requireReactIs_production_min
|
27798
|
-
if (hasRequiredReactIs_production_min
|
27799
|
-
hasRequiredReactIs_production_min
|
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
|
27853
|
-
reactIs_production_min
|
27854
|
-
reactIs_production_min
|
27855
|
-
reactIs_production_min
|
27856
|
-
reactIs_production_min
|
27857
|
-
reactIs_production_min
|
27858
|
-
reactIs_production_min
|
27859
|
-
reactIs_production_min
|
27860
|
-
reactIs_production_min
|
27861
|
-
reactIs_production_min
|
27862
|
-
reactIs_production_min
|
27863
|
-
reactIs_production_min
|
27864
|
-
reactIs_production_min
|
27865
|
-
reactIs_production_min
|
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
|
27869
|
-
reactIs_production_min
|
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
|
28061
|
+
reactIs_production_min.isContextProvider = function (a) {
|
27873
28062
|
return z(a) === h;
|
27874
28063
|
};
|
27875
|
-
reactIs_production_min
|
28064
|
+
reactIs_production_min.isElement = function (a) {
|
27876
28065
|
return "object" === typeof a && null !== a && a.$$typeof === c;
|
27877
28066
|
};
|
27878
|
-
reactIs_production_min
|
28067
|
+
reactIs_production_min.isForwardRef = function (a) {
|
27879
28068
|
return z(a) === n;
|
27880
28069
|
};
|
27881
|
-
reactIs_production_min
|
28070
|
+
reactIs_production_min.isFragment = function (a) {
|
27882
28071
|
return z(a) === e;
|
27883
28072
|
};
|
27884
|
-
reactIs_production_min
|
28073
|
+
reactIs_production_min.isLazy = function (a) {
|
27885
28074
|
return z(a) === t;
|
27886
28075
|
};
|
27887
|
-
reactIs_production_min
|
28076
|
+
reactIs_production_min.isMemo = function (a) {
|
27888
28077
|
return z(a) === r;
|
27889
28078
|
};
|
27890
|
-
reactIs_production_min
|
28079
|
+
reactIs_production_min.isPortal = function (a) {
|
27891
28080
|
return z(a) === d;
|
27892
28081
|
};
|
27893
|
-
reactIs_production_min
|
28082
|
+
reactIs_production_min.isProfiler = function (a) {
|
27894
28083
|
return z(a) === g;
|
27895
28084
|
};
|
27896
|
-
reactIs_production_min
|
28085
|
+
reactIs_production_min.isStrictMode = function (a) {
|
27897
28086
|
return z(a) === f;
|
27898
28087
|
};
|
27899
|
-
reactIs_production_min
|
28088
|
+
reactIs_production_min.isSuspense = function (a) {
|
27900
28089
|
return z(a) === p;
|
27901
28090
|
};
|
27902
|
-
reactIs_production_min
|
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
|
27906
|
-
return reactIs_production_min
|
28094
|
+
reactIs_production_min.typeOf = z;
|
28095
|
+
return reactIs_production_min;
|
27907
28096
|
}
|
27908
28097
|
|
27909
|
-
var reactIs_development
|
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
|
27920
|
-
function requireReactIs_development
|
27921
|
-
if (hasRequiredReactIs_development
|
27922
|
-
hasRequiredReactIs_development
|
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
|
28050
|
-
reactIs_development
|
28051
|
-
reactIs_development
|
28052
|
-
reactIs_development
|
28053
|
-
reactIs_development
|
28054
|
-
reactIs_development
|
28055
|
-
reactIs_development
|
28056
|
-
reactIs_development
|
28057
|
-
reactIs_development
|
28058
|
-
reactIs_development
|
28059
|
-
reactIs_development
|
28060
|
-
reactIs_development
|
28061
|
-
reactIs_development
|
28062
|
-
reactIs_development
|
28063
|
-
reactIs_development
|
28064
|
-
reactIs_development
|
28065
|
-
reactIs_development
|
28066
|
-
reactIs_development
|
28067
|
-
reactIs_development
|
28068
|
-
reactIs_development
|
28069
|
-
reactIs_development
|
28070
|
-
reactIs_development
|
28071
|
-
reactIs_development
|
28072
|
-
reactIs_development
|
28073
|
-
reactIs_development
|
28074
|
-
reactIs_development
|
28075
|
-
reactIs_development
|
28076
|
-
reactIs_development
|
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
|
28268
|
+
return reactIs_development;
|
28080
28269
|
}
|
28081
28270
|
|
28082
|
-
var hasRequiredReactIs
|
28083
|
-
function requireReactIs
|
28084
|
-
if (hasRequiredReactIs
|
28085
|
-
hasRequiredReactIs
|
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
|
28276
|
+
reactIs.exports = requireReactIs_production_min();
|
28088
28277
|
} else {
|
28089
|
-
reactIs
|
28278
|
+
reactIs.exports = requireReactIs_development();
|
28090
28279
|
}
|
28091
|
-
return reactIs
|
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
|
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
|
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 =
|
54921
|
+
exports.TableTree = TreeTable;
|
55043
54922
|
exports.TableWithAccordion = TableWithAccordion;
|
55044
54923
|
exports.Tabs = Tabs;
|
55045
54924
|
exports.TextArea = Textarea;
|