@infomaximum/ui-kit 0.18.2 → 0.20.0
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/dist/components/BaseSelect/BaseSelect.d.ts +1 -1
- package/dist/components/BaseSelect/BaseSelect.js +21 -12
- package/dist/components/BaseSelect/BaseSelect.tokens.d.ts +1 -0
- package/dist/components/BaseSelect/BaseSelect.tokens.js +1 -0
- package/dist/components/BaseSelect/BaseSelect.types.d.ts +5 -2
- package/dist/components/BaseSelect/components/SelectOptionList/SelectOptionList.d.ts +1 -1
- package/dist/components/BaseSelect/components/SelectOptionList/SelectOptionList.js +6 -6
- package/dist/components/BaseSelect/components/SelectOptionList/SelectOptionList.styles.d.ts +1 -1
- package/dist/components/BaseSelect/components/SelectOptionList/SelectOptionList.types.d.ts +1 -0
- package/dist/components/BaseSelect/hooks/useDefaultCurrentValue.js +2 -1
- package/dist/components/BaseTooltip/BaseTooltip.js +37 -46
- package/dist/components/BaseTooltip/BaseTooltip.styles.d.ts +5 -5
- package/dist/components/BaseTooltip/BaseTooltip.types.d.ts +1 -1
- package/dist/components/BaseTooltip/BaseTooltip.utils.d.ts +1 -3
- package/dist/components/BaseTooltip/BaseTooltip.utils.js +2 -32
- package/dist/components/BaseTooltip/hooks/useCustomFloating.d.ts +2 -1
- package/dist/components/BaseTooltip/hooks/useCustomFloating.js +9 -7
- package/dist/components/BaseTooltip/hooks/useShowTooltipController.d.ts +1 -2
- package/dist/components/BaseTooltip/hooks/useShowTooltipController.js +42 -57
- package/dist/components/Collapse/Collapse.js +7 -3
- package/dist/components/Collapse/components/CollapsePanel/CollapsePanel.js +6 -4
- package/dist/components/ConfigProvider/ConfigProvider.js +7 -2
- package/dist/components/ConfigProvider/ConfigProvider.types.d.ts +1 -0
- package/dist/components/ConfigProvider/ConfigProvider.utils.d.ts +2 -0
- package/dist/components/ConfigProvider/ConfigProvider.utils.js +17 -0
- package/dist/components/ConfigProvider/contexts/ConfigContext.types.d.ts +8 -0
- package/dist/components/ConfigProvider/contexts/index.d.ts +1 -1
- package/dist/components/ConfigProvider/hooks/useComponentTokens/index.d.ts +1 -0
- package/dist/components/ConfigProvider/hooks/useComponentTokens/useComponentTokens.d.ts +2 -0
- package/dist/components/ConfigProvider/hooks/useComponentTokens/useComponentTokens.js +18 -0
- package/dist/components/ConfigProvider/hooks/useComponentTokens/useComponentTokens.types.d.ts +1 -0
- package/dist/components/ConfigProvider/hooks/useConfig/useConfig.d.ts +2 -3
- package/dist/components/ConfigProvider/hooks/useConfig/useConfig.js +1 -1
- package/dist/components/ConfigProvider/hooks/useConfig/useConfig.types.d.ts +2 -0
- package/dist/components/ConfigProvider/index.d.ts +2 -1
- package/dist/components/Dropdown/Dropdown.types.d.ts +1 -0
- package/dist/components/Dropdown/components/SubMenu/SubMenu.js +7 -3
- package/dist/components/InternalPicker/styles/DatePanel.styles.d.ts +596 -596
- package/dist/components/InternalPicker/styles/Popup.styles.d.ts +593 -593
- package/dist/components/NewDropdown/NewDropdown.d.ts +2 -0
- package/dist/components/NewDropdown/NewDropdown.js +180 -0
- package/dist/components/NewDropdown/NewDropdown.styles.d.ts +10 -0
- package/dist/components/NewDropdown/NewDropdown.styles.js +11 -0
- package/dist/components/NewDropdown/NewDropdown.tokens.d.ts +18 -0
- package/dist/components/NewDropdown/NewDropdown.tokens.js +14 -0
- package/dist/components/NewDropdown/NewDropdown.types.d.ts +132 -0
- package/dist/components/NewDropdown/NewDropdown.utils.d.ts +26 -0
- package/dist/components/NewDropdown/NewDropdown.utils.js +55 -0
- package/dist/components/NewDropdown/components/Divider/Divider.d.ts +2 -0
- package/dist/components/NewDropdown/components/Divider/Divider.js +21 -0
- package/dist/components/NewDropdown/components/Divider/Divider.styles.d.ts +10 -0
- package/dist/components/NewDropdown/components/Divider/Divider.styles.js +12 -0
- package/dist/components/NewDropdown/components/Divider/index.d.ts +1 -0
- package/dist/components/NewDropdown/components/GroupItem/GroupItem.d.ts +3 -0
- package/dist/components/NewDropdown/components/GroupItem/GroupItem.js +33 -0
- package/dist/components/NewDropdown/components/GroupItem/GroupItem.styles.d.ts +29 -0
- package/dist/components/NewDropdown/components/GroupItem/GroupItem.styles.js +31 -0
- package/dist/components/NewDropdown/components/GroupItem/GroupItem.types.d.ts +5 -0
- package/dist/components/NewDropdown/components/GroupItem/index.d.ts +1 -0
- package/dist/components/NewDropdown/components/Menu/Menu.d.ts +3 -0
- package/dist/components/NewDropdown/components/Menu/Menu.js +33 -0
- package/dist/components/NewDropdown/components/Menu/Menu.styles.d.ts +2 -0
- package/dist/components/NewDropdown/components/Menu/Menu.styles.js +8 -0
- package/dist/components/NewDropdown/components/Menu/Menu.types.d.ts +11 -0
- package/dist/components/NewDropdown/components/Menu/index.d.ts +1 -0
- package/dist/components/NewDropdown/components/MenuItem/MenuItem.d.ts +3 -0
- package/dist/components/NewDropdown/components/MenuItem/MenuItem.js +75 -0
- package/dist/components/NewDropdown/components/MenuItem/MenuItem.styles.d.ts +42 -0
- package/dist/components/NewDropdown/components/MenuItem/MenuItem.styles.js +67 -0
- package/dist/components/NewDropdown/components/MenuItem/MenuItem.types.d.ts +5 -0
- package/dist/components/NewDropdown/components/MenuItem/index.d.ts +1 -0
- package/dist/components/NewDropdown/components/SubMenuItem/SubMenuItem.d.ts +3 -0
- package/dist/components/NewDropdown/components/SubMenuItem/SubMenuItem.js +170 -0
- package/dist/components/NewDropdown/components/SubMenuItem/SubMenuItem.styles.d.ts +13 -0
- package/dist/components/NewDropdown/components/SubMenuItem/SubMenuItem.styles.js +15 -0
- package/dist/components/NewDropdown/components/SubMenuItem/SubMenuItem.types.d.ts +5 -0
- package/dist/components/NewDropdown/components/SubMenuItem/index.d.ts +1 -0
- package/dist/components/NewDropdown/contexts/NewDropdownContext.d.ts +9 -0
- package/dist/components/NewDropdown/contexts/NewDropdownContext.js +8 -0
- package/dist/components/NewDropdown/contexts/NewDropdownNavigationContext.d.ts +11 -0
- package/dist/components/NewDropdown/contexts/NewDropdownNavigationContext.js +8 -0
- package/dist/components/NewDropdown/hooks/useContextMenu/index.d.ts +2 -0
- package/dist/components/NewDropdown/hooks/useContextMenu/useContextMenu.d.ts +9 -0
- package/dist/components/NewDropdown/hooks/useContextMenu/useContextMenu.js +38 -0
- package/dist/components/NewDropdown/hooks/useContextMenu/useContextMenu.types.d.ts +7 -0
- package/dist/components/NewDropdown/hooks/useNewDropdownTokens/index.d.ts +1 -0
- package/dist/components/NewDropdown/hooks/useNewDropdownTokens/useNewDropdownTokens.d.ts +7 -0
- package/dist/components/NewDropdown/hooks/useNewDropdownTokens/useNewDropdownTokens.js +14 -0
- package/dist/components/NewDropdown/hooks/useNewDropdownTokens/useNewDropdownTokens.types.d.ts +6 -0
- package/dist/components/NewDropdown/index.d.ts +2 -0
- package/dist/components/Segmented/Segmented.js +1 -1
- package/dist/components/Select/Select.d.ts +9 -1
- package/dist/components/Select/Select.js +53 -28
- package/dist/components/Select/Select.types.d.ts +5 -1
- package/dist/components/Select/Select.utils.d.ts +10 -1
- package/dist/components/Select/Select.utils.js +110 -7
- package/dist/components/Select/components/SelectGroupOption/SelectGroupOption.d.ts +5 -0
- package/dist/components/Select/components/SelectGroupOption/SelectGroupOption.js +68 -0
- package/dist/components/Select/components/SelectGroupOption/SelectGroupOption.styles.d.ts +28 -0
- package/dist/components/Select/components/SelectGroupOption/SelectGroupOption.styles.js +34 -0
- package/dist/components/Select/components/SelectGroupOption/SelectGroupOption.types.d.ts +21 -0
- package/dist/components/Select/components/SelectGroupOption/SelectGroupOption.types.js +7 -0
- package/dist/components/Select/components/SelectOption/SelectOption.d.ts +3 -2
- package/dist/components/Select/components/SelectOption/SelectOption.js +25 -15
- package/dist/components/Select/components/SelectOption/SelectOption.styles.d.ts +16 -2
- package/dist/components/Select/components/SelectOption/SelectOption.styles.js +18 -2
- package/dist/components/Select/components/SelectOption/SelectOption.types.d.ts +5 -0
- package/dist/components/Select/contexts/DepthContext.d.ts +3 -0
- package/dist/components/Select/contexts/DepthContext.js +9 -0
- package/dist/components/Select/contexts/SelectRenderContext.d.ts +11 -0
- package/dist/components/Select/contexts/SelectRenderContext.js +7 -0
- package/dist/components/Select/forStories/dataForExamples.d.ts +65 -3
- package/dist/components/Select/hooks/useElementSizesController.d.ts +5 -0
- package/dist/components/Select/hooks/useElementSizesController.js +17 -0
- package/dist/components/Select/hooks/useKeyControl.d.ts +4 -4
- package/dist/components/Select/hooks/useKeyControl.js +15 -10
- package/dist/components/Slider/Slider.adapters.d.ts +3 -0
- package/dist/components/Slider/Slider.adapters.js +53 -0
- package/dist/components/Slider/Slider.d.ts +2 -0
- package/dist/components/Slider/Slider.js +13 -0
- package/dist/components/Slider/Slider.styles.d.ts +8 -0
- package/dist/components/Slider/Slider.styles.js +31 -0
- package/dist/components/Slider/Slider.tokens.d.ts +21 -0
- package/dist/components/Slider/Slider.tokens.js +17 -0
- package/dist/components/Slider/Slider.types.d.ts +54 -0
- package/dist/components/Slider/Slider.utils.d.ts +19 -0
- package/dist/components/Slider/Slider.utils.js +62 -0
- package/dist/components/Slider/components/SliderHandle/SliderHandle.d.ts +2 -0
- package/dist/components/Slider/components/SliderHandle/SliderHandle.js +40 -0
- package/dist/components/Slider/components/SliderHandle/SliderHandle.styles.d.ts +10 -0
- package/dist/components/Slider/components/SliderHandle/SliderHandle.styles.js +36 -0
- package/dist/components/Slider/components/SliderHandle/SliderHandle.types.d.ts +16 -0
- package/dist/components/Slider/components/SliderHandle/index.d.ts +1 -0
- package/dist/components/Slider/components/SliderHandleTooltip/SliderHandleTooltip.d.ts +3 -0
- package/dist/components/Slider/components/SliderHandleTooltip/SliderHandleTooltip.js +22 -0
- package/dist/components/Slider/components/SliderHandleTooltip/SliderHandleTooltip.styles.d.ts +7 -0
- package/dist/components/Slider/components/SliderHandleTooltip/SliderHandleTooltip.styles.js +10 -0
- package/dist/components/Slider/components/SliderHandleTooltip/SliderHandleTooltip.types.d.ts +9 -0
- package/dist/components/Slider/components/SliderHandleTooltip/index.d.ts +1 -0
- package/dist/components/Slider/components/SliderInternal/SliderInternal.d.ts +2 -0
- package/dist/components/Slider/components/SliderInternal/SliderInternal.js +121 -0
- package/dist/components/Slider/components/SliderInternal/SliderInternal.types.d.ts +24 -0
- package/dist/components/Slider/components/SliderInternal/SliderInternal.types.js +4 -0
- package/dist/components/Slider/components/SliderInternal/index.d.ts +1 -0
- package/dist/components/Slider/components/SliderRail/SliderRail.d.ts +3 -0
- package/dist/components/Slider/components/SliderRail/SliderRail.js +23 -0
- package/dist/components/Slider/components/SliderRail/SliderRail.styles.d.ts +8 -0
- package/dist/components/Slider/components/SliderRail/SliderRail.styles.js +15 -0
- package/dist/components/Slider/components/SliderRail/SliderRail.types.d.ts +4 -0
- package/dist/components/Slider/components/SliderRail/index.d.ts +1 -0
- package/dist/components/Slider/components/SliderTrack/SliderTrack.d.ts +3 -0
- package/dist/components/Slider/components/SliderTrack/SliderTrack.js +29 -0
- package/dist/components/Slider/components/SliderTrack/SliderTrack.styles.d.ts +11 -0
- package/dist/components/Slider/components/SliderTrack/SliderTrack.styles.js +34 -0
- package/dist/components/Slider/components/SliderTrack/SliderTrack.types.d.ts +7 -0
- package/dist/components/Slider/components/SliderTrack/index.d.ts +1 -0
- package/dist/components/Slider/hooks/useSliderDrag/index.d.ts +1 -0
- package/dist/components/Slider/hooks/useSliderDrag/useSliderDrag.d.ts +2 -0
- package/dist/components/Slider/hooks/useSliderDrag/useSliderDrag.js +148 -0
- package/dist/components/Slider/hooks/useSliderDrag/useSliderDrag.types.d.ts +30 -0
- package/dist/components/Slider/hooks/useSliderDrag/useSliderDrag.utils.d.ts +17 -0
- package/dist/components/Slider/hooks/useSliderDrag/useSliderDrag.utils.js +49 -0
- package/dist/components/Slider/hooks/useSliderInteractionState/index.d.ts +1 -0
- package/dist/components/Slider/hooks/useSliderInteractionState/useSliderInteractionState.d.ts +2 -0
- package/dist/components/Slider/hooks/useSliderInteractionState/useSliderInteractionState.js +43 -0
- package/dist/components/Slider/hooks/useSliderInteractionState/useSliderInteractionState.types.d.ts +16 -0
- package/dist/components/Slider/hooks/useSliderKeyboard/index.d.ts +1 -0
- package/dist/components/Slider/hooks/useSliderKeyboard/useSliderKeyboard.d.ts +2 -0
- package/dist/components/Slider/hooks/useSliderKeyboard/useSliderKeyboard.js +94 -0
- package/dist/components/Slider/hooks/useSliderKeyboard/useSliderKeyboard.types.d.ts +17 -0
- package/dist/components/Slider/hooks/useSliderKeyboard/useSliderKeyboard.utils.d.ts +1 -0
- package/dist/components/Slider/hooks/useSliderKeyboard/useSliderKeyboard.utils.js +16 -0
- package/dist/components/Slider/index.d.ts +3 -0
- package/dist/components/Table/features/tableRowSelection/components/CheckboxCellContentWrapper/CheckboxCellContentWrapper.utils.js +3 -1
- package/dist/components/Table/features/tableRowSelection/hooks/useTableRowSelection/useTableRowSelection.js +1 -1
- package/dist/components/Table/hooks/useTableVisualParamsChange/utils.d.ts +1 -1
- package/dist/components/Tabs/Tabs.utils.d.ts +2 -2
- package/dist/components/Tabs/Tabs.utils.js +11 -24
- package/dist/components/Tabs/components/TabBar/TabBar.js +8 -7
- package/dist/components/Tabs/components/TabBar/TabBar.styles.d.ts +1 -1
- package/dist/components/Tabs/components/TabItem/TabItem.js +7 -5
- package/dist/components/Tabs/components/TabItem/TabItem.styles.d.ts +2 -2
- package/dist/components/Tabs/components/TabItem/TabItem.types.d.ts +1 -0
- package/dist/components/Tabs/hooks/useMoreTabsController.d.ts +2 -1
- package/dist/components/Tabs/hooks/useMoreTabsController.js +10 -6
- package/dist/components/TreeSelect/TreeSelect.js +8 -3
- package/dist/components/TreeSelect/components/TreeSelectOption/TreeSelectOption.types.d.ts +1 -0
- package/dist/components/TreeSelect/hooks/useKeyControl.d.ts +2 -2
- package/dist/components/TreeSelect/hooks/useKeyControl.js +9 -8
- package/dist/hooks/useInputModeDetector/index.d.ts +2 -0
- package/dist/hooks/useInputModeDetector/useInputModeDetector.d.ts +13 -0
- package/dist/hooks/useInputModeDetector/useInputModeDetector.js +50 -0
- package/dist/hooks/useInputModeDetector/useInputModeDetector.types.d.ts +1 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.js +4 -0
- package/dist/types.d.ts +9 -1
- package/package.json +11 -9
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState, useEffect } from "react";
|
|
2
|
-
import { singleSides, ARROW_PADDING, convertBaseTooltipPlacement, isLeftSide, isRightSide
|
|
2
|
+
import { singleSides, convertOffsetValues, ARROW_PADDING, convertBaseTooltipPlacement, isLeftSide, isRightSide } from "../BaseTooltip.utils.js";
|
|
3
3
|
import { flip, shift, offset, arrow, useFloating, autoUpdate } from "@floating-ui/react";
|
|
4
4
|
import { isUndefined } from "lodash-es";
|
|
5
5
|
const floatingMiddleware = [];
|
|
@@ -8,7 +8,8 @@ const useCustomFloating = ({
|
|
|
8
8
|
autoAdjustOverflow,
|
|
9
9
|
withArrow,
|
|
10
10
|
align,
|
|
11
|
-
transform
|
|
11
|
+
transform,
|
|
12
|
+
animationFrame
|
|
12
13
|
}) => {
|
|
13
14
|
var _a, _b;
|
|
14
15
|
const [arrowRef, setArrowRef] = useState(null);
|
|
@@ -31,7 +32,7 @@ const useCustomFloating = ({
|
|
|
31
32
|
mainAxis: singleSides.includes(convertedPlacement)
|
|
32
33
|
});
|
|
33
34
|
}, [convertedPlacement]);
|
|
34
|
-
const
|
|
35
|
+
const offsetResult = offset(({
|
|
35
36
|
rects
|
|
36
37
|
}) => {
|
|
37
38
|
var _a2, _b2;
|
|
@@ -46,8 +47,7 @@ const useCustomFloating = ({
|
|
|
46
47
|
mainAxis,
|
|
47
48
|
crossAxis
|
|
48
49
|
};
|
|
49
|
-
};
|
|
50
|
-
const offsetResult = offset(offsetCallback, [offsetCallback]);
|
|
50
|
+
}, [convertedPlacement]);
|
|
51
51
|
floatingMiddleware[0] = offsetResult;
|
|
52
52
|
useEffect(() => {
|
|
53
53
|
if (arrowRef && withArrow) {
|
|
@@ -63,9 +63,11 @@ const useCustomFloating = ({
|
|
|
63
63
|
context,
|
|
64
64
|
placement: floatingPlacement
|
|
65
65
|
} = useFloating({
|
|
66
|
-
whileElementsMounted: autoUpdate,
|
|
66
|
+
whileElementsMounted: (reference, floating, update) => autoUpdate(reference, floating, update, {
|
|
67
|
+
animationFrame
|
|
68
|
+
}),
|
|
67
69
|
placement: convertBaseTooltipPlacement(placement),
|
|
68
|
-
middleware:
|
|
70
|
+
middleware: floatingMiddleware,
|
|
69
71
|
transform
|
|
70
72
|
});
|
|
71
73
|
return {
|
|
@@ -10,10 +10,9 @@ export interface UseShowTooltipControllerProp {
|
|
|
10
10
|
placement: Placement;
|
|
11
11
|
refs: ExtendedRefs<ReferenceType>;
|
|
12
12
|
onOpenChange: ((open: boolean) => void) | undefined;
|
|
13
|
-
onContextMenu: ((event: MouseEventType) => void) | undefined;
|
|
14
13
|
arrowRef: SVGSVGElement | null;
|
|
15
14
|
}
|
|
16
|
-
export declare const useShowTooltipController: ({ trigger, defaultOpen, open, mouseEnterDelay, mouseLeaveDelay, showInCursorPosition, refs, placement, onOpenChange,
|
|
15
|
+
export declare const useShowTooltipController: ({ trigger, defaultOpen, open, mouseEnterDelay, mouseLeaveDelay, showInCursorPosition, refs, placement, onOpenChange, arrowRef, }: UseShowTooltipControllerProp) => {
|
|
17
16
|
isOpen: boolean;
|
|
18
17
|
handlePointerEnter: ((e: PointerEventType) => void) | undefined;
|
|
19
18
|
handlePointerLeave: (() => void) | undefined;
|
|
@@ -2,7 +2,7 @@ import { useState, useRef, useEffect, useCallback, useMemo } from "react";
|
|
|
2
2
|
import { isUndefined } from "lodash-es";
|
|
3
3
|
import { convertSecondsToMilliseconds } from "../../../utils/converters.js";
|
|
4
4
|
import "@floating-ui/react";
|
|
5
|
-
import { setNewReferencePosition
|
|
5
|
+
import { setNewReferencePosition } from "../BaseTooltip.utils.js";
|
|
6
6
|
const useShowTooltipController = ({
|
|
7
7
|
trigger,
|
|
8
8
|
defaultOpen,
|
|
@@ -13,7 +13,6 @@ const useShowTooltipController = ({
|
|
|
13
13
|
refs,
|
|
14
14
|
placement,
|
|
15
15
|
onOpenChange,
|
|
16
|
-
onContextMenu,
|
|
17
16
|
arrowRef
|
|
18
17
|
}) => {
|
|
19
18
|
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
@@ -21,38 +20,20 @@ const useShowTooltipController = ({
|
|
|
21
20
|
useEffect(() => {
|
|
22
21
|
setIsOpen(defaultOpen);
|
|
23
22
|
}, [defaultOpen, open]);
|
|
24
|
-
const isOpenResult = open ?? isOpen;
|
|
25
|
-
const closeTooltip = useCallback(() => {
|
|
26
|
-
setIsOpen(false);
|
|
27
|
-
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
28
|
-
}, [onOpenChange]);
|
|
29
|
-
const handleMouseUp = useCallback((e) => {
|
|
30
|
-
var _a, _b;
|
|
31
|
-
if (!e.target) {
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
const isFloatingElement = (_a = refs.floating.current) == null ? void 0 : _a.contains(e.target);
|
|
35
|
-
const isReferenceElement = (_b = refs.domReference.current) == null ? void 0 : _b.contains(e.target);
|
|
36
|
-
const isContextMenu = trigger.includes("contextMenu");
|
|
37
|
-
if (isFloatingElement || isReferenceElement && !isContextMenu) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
closeTooltip();
|
|
41
|
-
document.body.removeEventListener("mouseup", handleMouseUp);
|
|
42
|
-
}, [closeTooltip, refs.domReference, refs.floating, trigger]);
|
|
43
23
|
const showTooltip = useCallback(() => {
|
|
44
24
|
if (isUndefined(open)) {
|
|
45
|
-
document.body.addEventListener("mouseup", handleMouseUp);
|
|
46
25
|
setIsOpen(true);
|
|
47
26
|
}
|
|
48
27
|
if (open !== true && isOpen !== true) {
|
|
49
28
|
onOpenChange == null ? void 0 : onOpenChange(true);
|
|
50
29
|
}
|
|
51
|
-
}, [
|
|
30
|
+
}, [isOpen, onOpenChange, open]);
|
|
52
31
|
const hideTooltip = useCallback(() => {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
32
|
+
if (isUndefined(open)) {
|
|
33
|
+
setIsOpen(false);
|
|
34
|
+
}
|
|
35
|
+
onOpenChange == null ? void 0 : onOpenChange(false);
|
|
36
|
+
}, [onOpenChange, open]);
|
|
56
37
|
const handlePointerEnter = useMemo(() => {
|
|
57
38
|
if (!trigger.includes("hover")) {
|
|
58
39
|
return;
|
|
@@ -101,9 +82,6 @@ const useShowTooltipController = ({
|
|
|
101
82
|
return (e) => {
|
|
102
83
|
var _a;
|
|
103
84
|
e.stopPropagation();
|
|
104
|
-
if (trigger.includes("contextMenu")) {
|
|
105
|
-
setContextMenuPosition(refs, e);
|
|
106
|
-
}
|
|
107
85
|
const isReferenceElement = (_a = refs.domReference.current) == null ? void 0 : _a.contains(e.target);
|
|
108
86
|
if (!isReferenceElement) {
|
|
109
87
|
return;
|
|
@@ -112,55 +90,62 @@ const useShowTooltipController = ({
|
|
|
112
90
|
setNewReferencePosition(refs, e, placement, arrowRef);
|
|
113
91
|
}
|
|
114
92
|
if (isUndefined(open)) {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
} else {
|
|
118
|
-
showTooltip();
|
|
119
|
-
}
|
|
93
|
+
setIsOpen((prev) => !prev);
|
|
94
|
+
onOpenChange == null ? void 0 : onOpenChange(isOpen);
|
|
120
95
|
} else {
|
|
121
96
|
onOpenChange == null ? void 0 : onOpenChange(!open);
|
|
122
97
|
}
|
|
123
98
|
};
|
|
124
|
-
}, [arrowRef,
|
|
99
|
+
}, [arrowRef, isOpen, onOpenChange, open, placement, refs, showInCursorPosition, trigger]);
|
|
125
100
|
const handleContextMenu = useMemo(() => {
|
|
126
101
|
if (!trigger.includes("contextMenu")) {
|
|
127
102
|
return void 0;
|
|
128
103
|
}
|
|
129
104
|
return (e) => {
|
|
130
|
-
setContextMenuPosition(refs, e);
|
|
131
|
-
if (onContextMenu) {
|
|
132
|
-
onContextMenu(e);
|
|
133
|
-
return;
|
|
134
|
-
}
|
|
135
105
|
e.preventDefault();
|
|
106
|
+
refs.setPositionReference({
|
|
107
|
+
getBoundingClientRect() {
|
|
108
|
+
return {
|
|
109
|
+
width: 0,
|
|
110
|
+
height: 0,
|
|
111
|
+
x: e.clientX,
|
|
112
|
+
y: e.clientY,
|
|
113
|
+
top: e.clientY,
|
|
114
|
+
right: e.clientX,
|
|
115
|
+
bottom: e.clientY,
|
|
116
|
+
left: e.clientX
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
});
|
|
136
120
|
showTooltip();
|
|
137
121
|
};
|
|
138
|
-
}, [
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
}, [handleMouseUp]);
|
|
144
|
-
useEffect(() => {
|
|
145
|
-
if (open) {
|
|
146
|
-
document.body.addEventListener("mouseup", handleMouseUp);
|
|
122
|
+
}, [refs, showTooltip, trigger]);
|
|
123
|
+
const handleMouseUp = useCallback((e) => {
|
|
124
|
+
var _a, _b;
|
|
125
|
+
if (!e.target) {
|
|
126
|
+
return;
|
|
147
127
|
}
|
|
148
|
-
|
|
149
|
-
|
|
128
|
+
const isFloatingElement = (_a = refs.floating.current) == null ? void 0 : _a.contains(e.target);
|
|
129
|
+
const isReferenceElement = (_b = refs.domReference.current) == null ? void 0 : _b.contains(e.target);
|
|
130
|
+
if (!isOpen || isFloatingElement || isReferenceElement) {
|
|
131
|
+
return;
|
|
150
132
|
}
|
|
151
|
-
|
|
133
|
+
hideTooltip();
|
|
134
|
+
}, [hideTooltip, isOpen, refs.domReference, refs.floating]);
|
|
135
|
+
useEffect(() => {
|
|
136
|
+
document.body.addEventListener("mouseup", handleMouseUp);
|
|
137
|
+
return () => document.body.removeEventListener("mouseup", handleMouseUp);
|
|
138
|
+
}, [handleMouseUp]);
|
|
152
139
|
const handlePointerUp = useMemo(() => {
|
|
153
140
|
if (!trigger.includes("click")) {
|
|
154
141
|
return void 0;
|
|
155
142
|
}
|
|
156
143
|
return (e) => {
|
|
157
|
-
|
|
158
|
-
e.stopPropagation();
|
|
159
|
-
}
|
|
144
|
+
e.stopPropagation();
|
|
160
145
|
};
|
|
161
|
-
}, [
|
|
146
|
+
}, [trigger]);
|
|
162
147
|
return {
|
|
163
|
-
isOpen:
|
|
148
|
+
isOpen: open ?? isOpen,
|
|
164
149
|
handlePointerEnter,
|
|
165
150
|
handlePointerLeave,
|
|
166
151
|
handleFocus,
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { memo, useMemo, useCallback } from "react";
|
|
3
|
+
import { useControlledState } from "../../hooks/useControlledState/useControlledState.js";
|
|
3
4
|
import { getCollapseTokens } from "./Collapse.tokens.js";
|
|
4
5
|
import { getCollapseContainerStyle } from "./Collapse.styles.js";
|
|
5
6
|
import { CollapsePanel } from "./components/CollapsePanel/CollapsePanel.js";
|
|
6
7
|
import { useTheme } from "../../hooks/useTheme/useTheme.js";
|
|
7
|
-
import { useControlledState } from "../../hooks/useControlledState/useControlledState.js";
|
|
8
8
|
const normalizeKeys = (key) => {
|
|
9
|
-
if (key === void 0)
|
|
9
|
+
if (key === void 0) {
|
|
10
|
+
return [];
|
|
11
|
+
}
|
|
10
12
|
return Array.isArray(key) ? key : [key];
|
|
11
13
|
};
|
|
12
14
|
const CollapseComponent = (props) => {
|
|
@@ -30,7 +32,9 @@ const CollapseComponent = (props) => {
|
|
|
30
32
|
const normalizedActiveKey = useMemo(() => activeKey !== void 0 ? normalizeKeys(activeKey) : void 0, [activeKey]);
|
|
31
33
|
const [activeKeys, setActiveKeys] = useControlledState(normalizeKeys(defaultActiveKey), normalizedActiveKey);
|
|
32
34
|
const handleToggle = useCallback((key) => {
|
|
33
|
-
if (collapsible === "disabled")
|
|
35
|
+
if (collapsible === "disabled") {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
34
38
|
let newActiveKeys;
|
|
35
39
|
if (accordion) {
|
|
36
40
|
newActiveKeys = (activeKeys == null ? void 0 : activeKeys.includes(key)) ? [] : [key];
|
|
@@ -23,7 +23,9 @@ const CollapsePanelComponent = (props) => {
|
|
|
23
23
|
const theme = useTheme();
|
|
24
24
|
const tokens = getCollapseTokens(theme);
|
|
25
25
|
const hasRenderedRef = useRef(item.forceRender ?? false);
|
|
26
|
-
if (isActive)
|
|
26
|
+
if (isActive) {
|
|
27
|
+
hasRenderedRef.current = true;
|
|
28
|
+
}
|
|
27
29
|
const shouldRender = destroyOnHidden ? isActive : hasRenderedRef.current;
|
|
28
30
|
const lastPanelEndStyle = isLast ? getLastPanelEndStyle({
|
|
29
31
|
size,
|
|
@@ -65,9 +67,9 @@ const CollapsePanelComponent = (props) => {
|
|
|
65
67
|
bordered,
|
|
66
68
|
inline,
|
|
67
69
|
collapsible
|
|
68
|
-
})(theme), (_a = styles == null ? void 0 : styles.panelHeader) == null ? void 0 : _a.call(styles, tokens, theme), !isActive && lastPanelEndStyle, process.env.NODE_ENV === "production" ? "" : ";label:CollapsePanelComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
70
|
+
})(theme), (_a = styles == null ? void 0 : styles.panelHeader) == null ? void 0 : _a.call(styles, tokens, theme), !isActive && lastPanelEndStyle, process.env.NODE_ENV === "production" ? "" : ";label:CollapsePanelComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ29sbGFwc2UvY29tcG9uZW50cy9Db2xsYXBzZVBhbmVsL0NvbGxhcHNlUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0NvbGxhcHNlL2NvbXBvbmVudHMvQ29sbGFwc2VQYW5lbC9Db2xsYXBzZVBhbmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1lbW8sIHVzZVJlZiwgdHlwZSBGQywgdHlwZSBLZXlib2FyZEV2ZW50LCB0eXBlIE1vdXNlRXZlbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENhcmV0UmlnaHRPdXRsaW5lZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2hvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBnZXRDb2xsYXBzZVRva2VucyB9IGZyb20gXCIuLi8uLi9Db2xsYXBzZS50b2tlbnNcIjtcbmltcG9ydCB0eXBlIHsgQ29sbGFwc2VQYW5lbFByb3BzIH0gZnJvbSBcIi4vQ29sbGFwc2VQYW5lbC50eXBlc1wiO1xuaW1wb3J0IHtcbiAgZ2V0TGFzdFBhbmVsRW5kU3R5bGUsXG4gIGdldENvbGxhcHNlUGFuZWxCb2R5U3R5bGUsXG4gIGdldENvbGxhcHNlUGFuZWxIZWFkZXJTdHlsZSxcbiAgZ2V0Q29sbGFwc2VQYW5lbEljb25TdHlsZSxcbiAgY29sbGFwc2VQYW5lbEV4dHJhU3R5bGUsXG4gIGNvbGxhcHNlUGFuZWxMYWJlbFN0eWxlLFxufSBmcm9tIFwiLi9Db2xsYXBzZVBhbmVsLnN0eWxlc1wiO1xuXG5jb25zdCBpc0FjdGl2YXRpb25LZXkgPSAoa2V5OiBzdHJpbmcpID0+IGtleSA9PT0gXCJFbnRlclwiIHx8IGtleSA9PT0gXCIgXCI7XG5cbmNvbnN0IENvbGxhcHNlUGFuZWxDb21wb25lbnQ6IEZDPENvbGxhcHNlUGFuZWxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGl0ZW0sXG4gICAgaXNBY3RpdmUsXG4gICAgaXNMYXN0LFxuICAgIGJvcmRlcmVkLFxuICAgIGlubGluZSxcbiAgICBzaXplLFxuICAgIGNvbGxhcHNpYmxlLFxuICAgIGV4cGFuZEljb24sXG4gICAgZGVzdHJveU9uSGlkZGVuLFxuICAgIHN0eWxlcyxcbiAgICBvblRvZ2dsZSxcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHRva2VucyA9IGdldENvbGxhcHNlVG9rZW5zKHRoZW1lKTtcblxuICBjb25zdCBoYXNSZW5kZXJlZFJlZiA9IHVzZVJlZihpdGVtLmZvcmNlUmVuZGVyID8/IGZhbHNlKTtcblxuICBpZiAoaXNBY3RpdmUpIHtcbiAgICBoYXNSZW5kZXJlZFJlZi5jdXJyZW50ID0gdHJ1ZTtcbiAgfVxuXG4gIGNvbnN0IHNob3VsZFJlbmRlciA9IGRlc3Ryb3lPbkhpZGRlbiA/IGlzQWN0aXZlIDogaGFzUmVuZGVyZWRSZWYuY3VycmVudDtcblxuICBjb25zdCBsYXN0UGFuZWxFbmRTdHlsZSA9IGlzTGFzdCA/IGdldExhc3RQYW5lbEVuZFN0eWxlKHsgc2l6ZSwgYm9yZGVyZWQgfSkodGhlbWUpIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IGhhbmRsZUhlYWRlckNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjb2xsYXBzaWJsZSA9PT0gXCJoZWFkZXJcIikge1xuICAgICAgb25Ub2dnbGUoaXRlbS5rZXkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVIZWFkZXJLZXlEb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGNvbGxhcHNpYmxlID09PSBcImhlYWRlclwiICYmIGlzQWN0aXZhdGlvbktleShlLmtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uVG9nZ2xlKGl0ZW0ua2V5KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlSWNvbkNsaWNrID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICBpZiAoY29sbGFwc2libGUgPT09IFwiaWNvblwiKSB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgb25Ub2dnbGUoaXRlbS5rZXkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVJY29uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxTcGFuRWxlbWVudD4pID0+IHtcbiAgICBpZiAoY29sbGFwc2libGUgPT09IFwiaWNvblwiICYmIGlzQWN0aXZhdGlvbktleShlLmtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICBvblRvZ2dsZShpdGVtLmtleSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGljb25Ob2RlID0gZXhwYW5kSWNvbiA/IChcbiAgICBleHBhbmRJY29uKHsgaXNBY3RpdmUsIHBhbmVsS2V5OiBpdGVtLmtleSB9KVxuICApIDogKFxuICAgIDxDYXJldFJpZ2h0T3V0bGluZWQgLz5cbiAgKTtcblxuICBjb25zdCBzaG93QXJyb3cgPSBpdGVtLnNob3dBcnJvdyAhPT0gZmFsc2U7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IG9uQ2xpY2s9e2l0ZW0ub25DbGlja30+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldENvbGxhcHNlUGFuZWxIZWFkZXJTdHlsZSh7IHRva2Vucywgc2l6ZSwgYm9yZGVyZWQsIGlubGluZSwgY29sbGFwc2libGUgfSkodGhlbWUpLFxuICAgICAgICAgIHN0eWxlcz8ucGFuZWxIZWFkZXI/Lih0b2tlbnMsIHRoZW1lKSxcbiAgICAgICAgICAhaXNBY3RpdmUgJiYgbGFzdFBhbmVsRW5kU3R5bGUsXG4gICAgICAgIF19XG4gICAgICAgIHN0eWxlPXtpdGVtLnN0eWxlcz8uaGVhZGVyfVxuICAgICAgICByb2xlPXtjb2xsYXBzaWJsZSAhPT0gXCJkaXNhYmxlZFwiID8gXCJidXR0b25cIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBY3RpdmV9XG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2NvbGxhcHNpYmxlID09PSBcImRpc2FibGVkXCIgfHwgdW5kZWZpbmVkfVxuICAgICAgICB0YWJJbmRleD17Y29sbGFwc2libGUgPT09IFwiaGVhZGVyXCIgPyAwIDogdW5kZWZpbmVkfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVIZWFkZXJDbGlja31cbiAgICAgICAgb25LZXlEb3duPXtoYW5kbGVIZWFkZXJLZXlEb3dufVxuICAgICAgICB0ZXN0LWlkPXtgY29sbGFwc2UtcGFuZWwtaGVhZGVyLSR7aXRlbS5rZXl9YH1cbiAgICAgID5cbiAgICAgICAge3Nob3dBcnJvdyAmJiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Z2V0Q29sbGFwc2VQYW5lbEljb25TdHlsZShpc0FjdGl2ZSwgY29sbGFwc2libGUpKHRoZW1lKX1cbiAgICAgICAgICAgIHJvbGU9e2NvbGxhcHNpYmxlID09PSBcImljb25cIiA/IFwiYnV0dG9uXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICB0YWJJbmRleD17Y29sbGFwc2libGUgPT09IFwiaWNvblwiID8gMCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUljb25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlSWNvbktleURvd259XG4gICAgICAgICAgICB0ZXN0LWlkPXtgY29sbGFwc2UtcGFuZWwtaWNvbi0ke2l0ZW0ua2V5fWB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb25Ob2RlfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e1tjb2xsYXBzZVBhbmVsTGFiZWxTdHlsZSwgc3R5bGVzPy5wYW5lbEhlYWRlclRleHQ/Lih0b2tlbnMsIHRoZW1lKV19XG4gICAgICAgICAgdGVzdC1pZD17YGNvbGxhcHNlLXBhbmVsLWhlYWRlci10ZXh0LSR7aXRlbS5rZXl9YH1cbiAgICAgICAgPlxuICAgICAgICAgIHtpdGVtLmxhYmVsfVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIHtpdGVtLmV4dHJhICE9PSB1bmRlZmluZWQgJiYgPHNwYW4gY3NzPXtjb2xsYXBzZVBhbmVsRXh0cmFTdHlsZSh0aGVtZSl9PntpdGVtLmV4dHJhfTwvc3Bhbj59XG4gICAgICA8L2Rpdj5cbiAgICAgIHtzaG91bGRSZW5kZXIgJiYgKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBnZXRDb2xsYXBzZVBhbmVsQm9keVN0eWxlKHsgdG9rZW5zLCBzaXplLCBib3JkZXJlZCwgaW5saW5lIH0pKHRoZW1lKSxcbiAgICAgICAgICAgIHN0eWxlcz8ucGFuZWxCb2R5Py4odG9rZW5zLCB0aGVtZSksXG4gICAgICAgICAgICBpc0FjdGl2ZSAmJiBsYXN0UGFuZWxFbmRTdHlsZSxcbiAgICAgICAgICAgICFpc0FjdGl2ZSAmJiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzdHlsZT17aXRlbS5zdHlsZXM/LmJvZHl9XG4gICAgICAgICAgdGVzdC1pZD17YGNvbGxhcHNlLXBhbmVsLWJvZHktJHtpdGVtLmtleX1gfVxuICAgICAgICA+XG4gICAgICAgICAge2l0ZW0uY2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDb2xsYXBzZVBhbmVsID0gbWVtbyhDb2xsYXBzZVBhbmVsQ29tcG9uZW50KTtcbiJdfQ== */"], style: (_b = item.styles) == null ? void 0 : _b.header, role: collapsible !== "disabled" ? "button" : void 0, "aria-expanded": isActive, "aria-disabled": collapsible === "disabled" || void 0, tabIndex: collapsible === "header" ? 0 : void 0, onClick: handleHeaderClick, onKeyDown: handleHeaderKeyDown, "test-id": `collapse-panel-header-${item.key}`, children: [
|
|
69
71
|
showArrow && /* @__PURE__ */ jsx("span", { css: getCollapsePanelIconStyle(isActive, collapsible)(theme), role: collapsible === "icon" ? "button" : void 0, tabIndex: collapsible === "icon" ? 0 : void 0, onClick: handleIconClick, onKeyDown: handleIconKeyDown, "test-id": `collapse-panel-icon-${item.key}`, children: iconNode }),
|
|
70
|
-
/* @__PURE__ */ jsx("span", { css: [collapsePanelLabelStyle, (_c = styles == null ? void 0 : styles.panelHeaderText) == null ? void 0 : _c.call(styles, tokens, theme), process.env.NODE_ENV === "production" ? "" : ";label:CollapsePanelComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
72
|
+
/* @__PURE__ */ jsx("span", { css: [collapsePanelLabelStyle, (_c = styles == null ? void 0 : styles.panelHeaderText) == null ? void 0 : _c.call(styles, tokens, theme), process.env.NODE_ENV === "production" ? "" : ";label:CollapsePanelComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ29sbGFwc2UvY29tcG9uZW50cy9Db2xsYXBzZVBhbmVsL0NvbGxhcHNlUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZHVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0NvbGxhcHNlL2NvbXBvbmVudHMvQ29sbGFwc2VQYW5lbC9Db2xsYXBzZVBhbmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1lbW8sIHVzZVJlZiwgdHlwZSBGQywgdHlwZSBLZXlib2FyZEV2ZW50LCB0eXBlIE1vdXNlRXZlbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENhcmV0UmlnaHRPdXRsaW5lZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2hvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBnZXRDb2xsYXBzZVRva2VucyB9IGZyb20gXCIuLi8uLi9Db2xsYXBzZS50b2tlbnNcIjtcbmltcG9ydCB0eXBlIHsgQ29sbGFwc2VQYW5lbFByb3BzIH0gZnJvbSBcIi4vQ29sbGFwc2VQYW5lbC50eXBlc1wiO1xuaW1wb3J0IHtcbiAgZ2V0TGFzdFBhbmVsRW5kU3R5bGUsXG4gIGdldENvbGxhcHNlUGFuZWxCb2R5U3R5bGUsXG4gIGdldENvbGxhcHNlUGFuZWxIZWFkZXJTdHlsZSxcbiAgZ2V0Q29sbGFwc2VQYW5lbEljb25TdHlsZSxcbiAgY29sbGFwc2VQYW5lbEV4dHJhU3R5bGUsXG4gIGNvbGxhcHNlUGFuZWxMYWJlbFN0eWxlLFxufSBmcm9tIFwiLi9Db2xsYXBzZVBhbmVsLnN0eWxlc1wiO1xuXG5jb25zdCBpc0FjdGl2YXRpb25LZXkgPSAoa2V5OiBzdHJpbmcpID0+IGtleSA9PT0gXCJFbnRlclwiIHx8IGtleSA9PT0gXCIgXCI7XG5cbmNvbnN0IENvbGxhcHNlUGFuZWxDb21wb25lbnQ6IEZDPENvbGxhcHNlUGFuZWxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGl0ZW0sXG4gICAgaXNBY3RpdmUsXG4gICAgaXNMYXN0LFxuICAgIGJvcmRlcmVkLFxuICAgIGlubGluZSxcbiAgICBzaXplLFxuICAgIGNvbGxhcHNpYmxlLFxuICAgIGV4cGFuZEljb24sXG4gICAgZGVzdHJveU9uSGlkZGVuLFxuICAgIHN0eWxlcyxcbiAgICBvblRvZ2dsZSxcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHRva2VucyA9IGdldENvbGxhcHNlVG9rZW5zKHRoZW1lKTtcblxuICBjb25zdCBoYXNSZW5kZXJlZFJlZiA9IHVzZVJlZihpdGVtLmZvcmNlUmVuZGVyID8/IGZhbHNlKTtcblxuICBpZiAoaXNBY3RpdmUpIHtcbiAgICBoYXNSZW5kZXJlZFJlZi5jdXJyZW50ID0gdHJ1ZTtcbiAgfVxuXG4gIGNvbnN0IHNob3VsZFJlbmRlciA9IGRlc3Ryb3lPbkhpZGRlbiA/IGlzQWN0aXZlIDogaGFzUmVuZGVyZWRSZWYuY3VycmVudDtcblxuICBjb25zdCBsYXN0UGFuZWxFbmRTdHlsZSA9IGlzTGFzdCA/IGdldExhc3RQYW5lbEVuZFN0eWxlKHsgc2l6ZSwgYm9yZGVyZWQgfSkodGhlbWUpIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IGhhbmRsZUhlYWRlckNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjb2xsYXBzaWJsZSA9PT0gXCJoZWFkZXJcIikge1xuICAgICAgb25Ub2dnbGUoaXRlbS5rZXkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVIZWFkZXJLZXlEb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGNvbGxhcHNpYmxlID09PSBcImhlYWRlclwiICYmIGlzQWN0aXZhdGlvbktleShlLmtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uVG9nZ2xlKGl0ZW0ua2V5KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlSWNvbkNsaWNrID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICBpZiAoY29sbGFwc2libGUgPT09IFwiaWNvblwiKSB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgb25Ub2dnbGUoaXRlbS5rZXkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVJY29uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxTcGFuRWxlbWVudD4pID0+IHtcbiAgICBpZiAoY29sbGFwc2libGUgPT09IFwiaWNvblwiICYmIGlzQWN0aXZhdGlvbktleShlLmtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICBvblRvZ2dsZShpdGVtLmtleSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGljb25Ob2RlID0gZXhwYW5kSWNvbiA/IChcbiAgICBleHBhbmRJY29uKHsgaXNBY3RpdmUsIHBhbmVsS2V5OiBpdGVtLmtleSB9KVxuICApIDogKFxuICAgIDxDYXJldFJpZ2h0T3V0bGluZWQgLz5cbiAgKTtcblxuICBjb25zdCBzaG93QXJyb3cgPSBpdGVtLnNob3dBcnJvdyAhPT0gZmFsc2U7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IG9uQ2xpY2s9e2l0ZW0ub25DbGlja30+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldENvbGxhcHNlUGFuZWxIZWFkZXJTdHlsZSh7IHRva2Vucywgc2l6ZSwgYm9yZGVyZWQsIGlubGluZSwgY29sbGFwc2libGUgfSkodGhlbWUpLFxuICAgICAgICAgIHN0eWxlcz8ucGFuZWxIZWFkZXI/Lih0b2tlbnMsIHRoZW1lKSxcbiAgICAgICAgICAhaXNBY3RpdmUgJiYgbGFzdFBhbmVsRW5kU3R5bGUsXG4gICAgICAgIF19XG4gICAgICAgIHN0eWxlPXtpdGVtLnN0eWxlcz8uaGVhZGVyfVxuICAgICAgICByb2xlPXtjb2xsYXBzaWJsZSAhPT0gXCJkaXNhYmxlZFwiID8gXCJidXR0b25cIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBY3RpdmV9XG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2NvbGxhcHNpYmxlID09PSBcImRpc2FibGVkXCIgfHwgdW5kZWZpbmVkfVxuICAgICAgICB0YWJJbmRleD17Y29sbGFwc2libGUgPT09IFwiaGVhZGVyXCIgPyAwIDogdW5kZWZpbmVkfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVIZWFkZXJDbGlja31cbiAgICAgICAgb25LZXlEb3duPXtoYW5kbGVIZWFkZXJLZXlEb3dufVxuICAgICAgICB0ZXN0LWlkPXtgY29sbGFwc2UtcGFuZWwtaGVhZGVyLSR7aXRlbS5rZXl9YH1cbiAgICAgID5cbiAgICAgICAge3Nob3dBcnJvdyAmJiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Z2V0Q29sbGFwc2VQYW5lbEljb25TdHlsZShpc0FjdGl2ZSwgY29sbGFwc2libGUpKHRoZW1lKX1cbiAgICAgICAgICAgIHJvbGU9e2NvbGxhcHNpYmxlID09PSBcImljb25cIiA/IFwiYnV0dG9uXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICB0YWJJbmRleD17Y29sbGFwc2libGUgPT09IFwiaWNvblwiID8gMCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUljb25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlSWNvbktleURvd259XG4gICAgICAgICAgICB0ZXN0LWlkPXtgY29sbGFwc2UtcGFuZWwtaWNvbi0ke2l0ZW0ua2V5fWB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb25Ob2RlfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e1tjb2xsYXBzZVBhbmVsTGFiZWxTdHlsZSwgc3R5bGVzPy5wYW5lbEhlYWRlclRleHQ/Lih0b2tlbnMsIHRoZW1lKV19XG4gICAgICAgICAgdGVzdC1pZD17YGNvbGxhcHNlLXBhbmVsLWhlYWRlci10ZXh0LSR7aXRlbS5rZXl9YH1cbiAgICAgICAgPlxuICAgICAgICAgIHtpdGVtLmxhYmVsfVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIHtpdGVtLmV4dHJhICE9PSB1bmRlZmluZWQgJiYgPHNwYW4gY3NzPXtjb2xsYXBzZVBhbmVsRXh0cmFTdHlsZSh0aGVtZSl9PntpdGVtLmV4dHJhfTwvc3Bhbj59XG4gICAgICA8L2Rpdj5cbiAgICAgIHtzaG91bGRSZW5kZXIgJiYgKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBnZXRDb2xsYXBzZVBhbmVsQm9keVN0eWxlKHsgdG9rZW5zLCBzaXplLCBib3JkZXJlZCwgaW5saW5lIH0pKHRoZW1lKSxcbiAgICAgICAgICAgIHN0eWxlcz8ucGFuZWxCb2R5Py4odG9rZW5zLCB0aGVtZSksXG4gICAgICAgICAgICBpc0FjdGl2ZSAmJiBsYXN0UGFuZWxFbmRTdHlsZSxcbiAgICAgICAgICAgICFpc0FjdGl2ZSAmJiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzdHlsZT17aXRlbS5zdHlsZXM/LmJvZHl9XG4gICAgICAgICAgdGVzdC1pZD17YGNvbGxhcHNlLXBhbmVsLWJvZHktJHtpdGVtLmtleX1gfVxuICAgICAgICA+XG4gICAgICAgICAge2l0ZW0uY2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDb2xsYXBzZVBhbmVsID0gbWVtbyhDb2xsYXBzZVBhbmVsQ29tcG9uZW50KTtcbiJdfQ== */"], "test-id": `collapse-panel-header-text-${item.key}`, children: item.label }),
|
|
71
73
|
item.extra !== void 0 && /* @__PURE__ */ jsx("span", { css: collapsePanelExtraStyle(theme), children: item.extra })
|
|
72
74
|
] }),
|
|
73
75
|
shouldRender && /* @__PURE__ */ jsx("div", { css: [getCollapsePanelBodyStyle({
|
|
@@ -77,7 +79,7 @@ const CollapsePanelComponent = (props) => {
|
|
|
77
79
|
inline
|
|
78
80
|
})(theme), (_d = styles == null ? void 0 : styles.panelBody) == null ? void 0 : _d.call(styles, tokens, theme), isActive && lastPanelEndStyle, !isActive && {
|
|
79
81
|
display: "none"
|
|
80
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:CollapsePanelComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
82
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:CollapsePanelComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ29sbGFwc2UvY29tcG9uZW50cy9Db2xsYXBzZVBhbmVsL0NvbGxhcHNlUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNIVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0NvbGxhcHNlL2NvbXBvbmVudHMvQ29sbGFwc2VQYW5lbC9Db2xsYXBzZVBhbmVsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1lbW8sIHVzZVJlZiwgdHlwZSBGQywgdHlwZSBLZXlib2FyZEV2ZW50LCB0eXBlIE1vdXNlRXZlbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IENhcmV0UmlnaHRPdXRsaW5lZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2hvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBnZXRDb2xsYXBzZVRva2VucyB9IGZyb20gXCIuLi8uLi9Db2xsYXBzZS50b2tlbnNcIjtcbmltcG9ydCB0eXBlIHsgQ29sbGFwc2VQYW5lbFByb3BzIH0gZnJvbSBcIi4vQ29sbGFwc2VQYW5lbC50eXBlc1wiO1xuaW1wb3J0IHtcbiAgZ2V0TGFzdFBhbmVsRW5kU3R5bGUsXG4gIGdldENvbGxhcHNlUGFuZWxCb2R5U3R5bGUsXG4gIGdldENvbGxhcHNlUGFuZWxIZWFkZXJTdHlsZSxcbiAgZ2V0Q29sbGFwc2VQYW5lbEljb25TdHlsZSxcbiAgY29sbGFwc2VQYW5lbEV4dHJhU3R5bGUsXG4gIGNvbGxhcHNlUGFuZWxMYWJlbFN0eWxlLFxufSBmcm9tIFwiLi9Db2xsYXBzZVBhbmVsLnN0eWxlc1wiO1xuXG5jb25zdCBpc0FjdGl2YXRpb25LZXkgPSAoa2V5OiBzdHJpbmcpID0+IGtleSA9PT0gXCJFbnRlclwiIHx8IGtleSA9PT0gXCIgXCI7XG5cbmNvbnN0IENvbGxhcHNlUGFuZWxDb21wb25lbnQ6IEZDPENvbGxhcHNlUGFuZWxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGl0ZW0sXG4gICAgaXNBY3RpdmUsXG4gICAgaXNMYXN0LFxuICAgIGJvcmRlcmVkLFxuICAgIGlubGluZSxcbiAgICBzaXplLFxuICAgIGNvbGxhcHNpYmxlLFxuICAgIGV4cGFuZEljb24sXG4gICAgZGVzdHJveU9uSGlkZGVuLFxuICAgIHN0eWxlcyxcbiAgICBvblRvZ2dsZSxcbiAgfSA9IHByb3BzO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IHRva2VucyA9IGdldENvbGxhcHNlVG9rZW5zKHRoZW1lKTtcblxuICBjb25zdCBoYXNSZW5kZXJlZFJlZiA9IHVzZVJlZihpdGVtLmZvcmNlUmVuZGVyID8/IGZhbHNlKTtcblxuICBpZiAoaXNBY3RpdmUpIHtcbiAgICBoYXNSZW5kZXJlZFJlZi5jdXJyZW50ID0gdHJ1ZTtcbiAgfVxuXG4gIGNvbnN0IHNob3VsZFJlbmRlciA9IGRlc3Ryb3lPbkhpZGRlbiA/IGlzQWN0aXZlIDogaGFzUmVuZGVyZWRSZWYuY3VycmVudDtcblxuICBjb25zdCBsYXN0UGFuZWxFbmRTdHlsZSA9IGlzTGFzdCA/IGdldExhc3RQYW5lbEVuZFN0eWxlKHsgc2l6ZSwgYm9yZGVyZWQgfSkodGhlbWUpIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IGhhbmRsZUhlYWRlckNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjb2xsYXBzaWJsZSA9PT0gXCJoZWFkZXJcIikge1xuICAgICAgb25Ub2dnbGUoaXRlbS5rZXkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVIZWFkZXJLZXlEb3duID0gKGU6IEtleWJvYXJkRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgaWYgKGNvbGxhcHNpYmxlID09PSBcImhlYWRlclwiICYmIGlzQWN0aXZhdGlvbktleShlLmtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIG9uVG9nZ2xlKGl0ZW0ua2V5KTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlSWNvbkNsaWNrID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICBpZiAoY29sbGFwc2libGUgPT09IFwiaWNvblwiKSB7XG4gICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgb25Ub2dnbGUoaXRlbS5rZXkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVJY29uS2V5RG93biA9IChlOiBLZXlib2FyZEV2ZW50PEhUTUxTcGFuRWxlbWVudD4pID0+IHtcbiAgICBpZiAoY29sbGFwc2libGUgPT09IFwiaWNvblwiICYmIGlzQWN0aXZhdGlvbktleShlLmtleSkpIHtcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICBvblRvZ2dsZShpdGVtLmtleSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGljb25Ob2RlID0gZXhwYW5kSWNvbiA/IChcbiAgICBleHBhbmRJY29uKHsgaXNBY3RpdmUsIHBhbmVsS2V5OiBpdGVtLmtleSB9KVxuICApIDogKFxuICAgIDxDYXJldFJpZ2h0T3V0bGluZWQgLz5cbiAgKTtcblxuICBjb25zdCBzaG93QXJyb3cgPSBpdGVtLnNob3dBcnJvdyAhPT0gZmFsc2U7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IG9uQ2xpY2s9e2l0ZW0ub25DbGlja30+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGdldENvbGxhcHNlUGFuZWxIZWFkZXJTdHlsZSh7IHRva2Vucywgc2l6ZSwgYm9yZGVyZWQsIGlubGluZSwgY29sbGFwc2libGUgfSkodGhlbWUpLFxuICAgICAgICAgIHN0eWxlcz8ucGFuZWxIZWFkZXI/Lih0b2tlbnMsIHRoZW1lKSxcbiAgICAgICAgICAhaXNBY3RpdmUgJiYgbGFzdFBhbmVsRW5kU3R5bGUsXG4gICAgICAgIF19XG4gICAgICAgIHN0eWxlPXtpdGVtLnN0eWxlcz8uaGVhZGVyfVxuICAgICAgICByb2xlPXtjb2xsYXBzaWJsZSAhPT0gXCJkaXNhYmxlZFwiID8gXCJidXR0b25cIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBY3RpdmV9XG4gICAgICAgIGFyaWEtZGlzYWJsZWQ9e2NvbGxhcHNpYmxlID09PSBcImRpc2FibGVkXCIgfHwgdW5kZWZpbmVkfVxuICAgICAgICB0YWJJbmRleD17Y29sbGFwc2libGUgPT09IFwiaGVhZGVyXCIgPyAwIDogdW5kZWZpbmVkfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVIZWFkZXJDbGlja31cbiAgICAgICAgb25LZXlEb3duPXtoYW5kbGVIZWFkZXJLZXlEb3dufVxuICAgICAgICB0ZXN0LWlkPXtgY29sbGFwc2UtcGFuZWwtaGVhZGVyLSR7aXRlbS5rZXl9YH1cbiAgICAgID5cbiAgICAgICAge3Nob3dBcnJvdyAmJiAoXG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIGNzcz17Z2V0Q29sbGFwc2VQYW5lbEljb25TdHlsZShpc0FjdGl2ZSwgY29sbGFwc2libGUpKHRoZW1lKX1cbiAgICAgICAgICAgIHJvbGU9e2NvbGxhcHNpYmxlID09PSBcImljb25cIiA/IFwiYnV0dG9uXCIgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICB0YWJJbmRleD17Y29sbGFwc2libGUgPT09IFwiaWNvblwiID8gMCA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUljb25DbGlja31cbiAgICAgICAgICAgIG9uS2V5RG93bj17aGFuZGxlSWNvbktleURvd259XG4gICAgICAgICAgICB0ZXN0LWlkPXtgY29sbGFwc2UtcGFuZWwtaWNvbi0ke2l0ZW0ua2V5fWB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb25Ob2RlfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e1tjb2xsYXBzZVBhbmVsTGFiZWxTdHlsZSwgc3R5bGVzPy5wYW5lbEhlYWRlclRleHQ/Lih0b2tlbnMsIHRoZW1lKV19XG4gICAgICAgICAgdGVzdC1pZD17YGNvbGxhcHNlLXBhbmVsLWhlYWRlci10ZXh0LSR7aXRlbS5rZXl9YH1cbiAgICAgICAgPlxuICAgICAgICAgIHtpdGVtLmxhYmVsfVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIHtpdGVtLmV4dHJhICE9PSB1bmRlZmluZWQgJiYgPHNwYW4gY3NzPXtjb2xsYXBzZVBhbmVsRXh0cmFTdHlsZSh0aGVtZSl9PntpdGVtLmV4dHJhfTwvc3Bhbj59XG4gICAgICA8L2Rpdj5cbiAgICAgIHtzaG91bGRSZW5kZXIgJiYgKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBnZXRDb2xsYXBzZVBhbmVsQm9keVN0eWxlKHsgdG9rZW5zLCBzaXplLCBib3JkZXJlZCwgaW5saW5lIH0pKHRoZW1lKSxcbiAgICAgICAgICAgIHN0eWxlcz8ucGFuZWxCb2R5Py4odG9rZW5zLCB0aGVtZSksXG4gICAgICAgICAgICBpc0FjdGl2ZSAmJiBsYXN0UGFuZWxFbmRTdHlsZSxcbiAgICAgICAgICAgICFpc0FjdGl2ZSAmJiB7IGRpc3BsYXk6IFwibm9uZVwiIH0sXG4gICAgICAgICAgXX1cbiAgICAgICAgICBzdHlsZT17aXRlbS5zdHlsZXM/LmJvZHl9XG4gICAgICAgICAgdGVzdC1pZD17YGNvbGxhcHNlLXBhbmVsLWJvZHktJHtpdGVtLmtleX1gfVxuICAgICAgICA+XG4gICAgICAgICAge2l0ZW0uY2hpbGRyZW59XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBjb25zdCBDb2xsYXBzZVBhbmVsID0gbWVtbyhDb2xsYXBzZVBhbmVsQ29tcG9uZW50KTtcbiJdfQ== */"], style: (_e = item.styles) == null ? void 0 : _e.body, "test-id": `collapse-panel-body-${item.key}`, children: item.children })
|
|
81
83
|
] });
|
|
82
84
|
};
|
|
83
85
|
const CollapsePanel = memo(CollapsePanelComponent);
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { useContext, useMemo } from "react";
|
|
3
|
-
import { ConfigContext } from "./contexts/ConfigContext.js";
|
|
4
3
|
import { isUndefined } from "lodash-es";
|
|
4
|
+
import { mergeTokensOverride } from "./ConfigProvider.utils.js";
|
|
5
|
+
import { ConfigContext } from "./contexts/ConfigContext.js";
|
|
5
6
|
const ConfigProviderComponent = (props) => {
|
|
6
7
|
const {
|
|
7
8
|
locale,
|
|
8
9
|
renderEmpty,
|
|
10
|
+
tokens: tokensProp,
|
|
9
11
|
children
|
|
10
12
|
} = props;
|
|
11
13
|
const parentContextValue = useContext(ConfigContext);
|
|
@@ -16,8 +18,11 @@ const ConfigProviderComponent = (props) => {
|
|
|
16
18
|
},
|
|
17
19
|
...isUndefined(renderEmpty) ? {} : {
|
|
18
20
|
renderEmpty
|
|
21
|
+
},
|
|
22
|
+
...isUndefined(tokensProp) ? {} : {
|
|
23
|
+
tokens: mergeTokensOverride(parentContextValue.tokens, tokensProp)
|
|
19
24
|
}
|
|
20
|
-
}), [locale, parentContextValue, renderEmpty]);
|
|
25
|
+
}), [locale, parentContextValue, renderEmpty, tokensProp]);
|
|
21
26
|
return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: contextValue, children });
|
|
22
27
|
};
|
|
23
28
|
const ConfigProvider = ConfigProviderComponent;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
function mergeTokensOverride(parent, own) {
|
|
2
|
+
const parentMap = parent;
|
|
3
|
+
const ownMap = own;
|
|
4
|
+
const merged = {
|
|
5
|
+
...parentMap
|
|
6
|
+
};
|
|
7
|
+
for (const key of Object.keys(ownMap)) {
|
|
8
|
+
merged[key] = {
|
|
9
|
+
...parentMap == null ? void 0 : parentMap[key],
|
|
10
|
+
...ownMap[key]
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
return merged;
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
mergeTokensOverride
|
|
17
|
+
};
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { Widen } from '../../../types';
|
|
2
3
|
/** Расширяется в нужных компонентах */
|
|
3
4
|
export interface Locale {
|
|
4
5
|
}
|
|
6
|
+
/** Расширяется в нужных компонентах — добавляются поля вида `ComponentName?: Partial<ComponentTokens>` */
|
|
7
|
+
export interface Tokens {
|
|
8
|
+
}
|
|
9
|
+
export type WidenedTokens = {
|
|
10
|
+
[K in keyof Tokens]: Widen<Tokens[K]>;
|
|
11
|
+
};
|
|
5
12
|
export interface ConfigContextValue {
|
|
6
13
|
locale?: Locale;
|
|
7
14
|
renderEmpty?: () => ReactNode;
|
|
15
|
+
tokens?: WidenedTokens;
|
|
8
16
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { ConfigContext } from './ConfigContext';
|
|
2
|
-
export type { Locale, ConfigContextValue } from './ConfigContext.types';
|
|
2
|
+
export type { Locale, ConfigContextValue, Tokens } from './ConfigContext.types';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { useComponentTokens } from './useComponentTokens';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { useContext } from "react";
|
|
2
|
+
import { ConfigContext } from "../../contexts/ConfigContext.js";
|
|
3
|
+
function useComponentTokens(componentName, baseTokens) {
|
|
4
|
+
const {
|
|
5
|
+
tokens
|
|
6
|
+
} = useContext(ConfigContext);
|
|
7
|
+
const override = tokens == null ? void 0 : tokens[componentName];
|
|
8
|
+
if (!override) {
|
|
9
|
+
return baseTokens;
|
|
10
|
+
}
|
|
11
|
+
return {
|
|
12
|
+
...baseTokens,
|
|
13
|
+
...override
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
useComponentTokens
|
|
18
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type TokensMap = Record<string, Record<string, unknown> | undefined>;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { Locale } from '../../contexts';
|
|
2
|
+
import { OmittedLocale } from './useConfig.types';
|
|
3
3
|
export declare function useConfig(componentName: keyof Locale): OmittedLocale & {
|
|
4
4
|
locale: Locale[keyof Locale];
|
|
5
5
|
};
|
|
6
6
|
export declare function useConfig(componentName?: keyof Locale): OmittedLocale & {
|
|
7
7
|
locale: Locale;
|
|
8
8
|
};
|
|
9
|
-
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { ConfigProvider } from './ConfigProvider';
|
|
2
2
|
export { useConfig } from './hooks/useConfig';
|
|
3
|
-
export {
|
|
3
|
+
export { useComponentTokens } from './hooks/useComponentTokens';
|
|
4
|
+
export { ConfigContext, type Locale, type ConfigContextValue, type Tokens } from './contexts';
|
|
@@ -127,6 +127,7 @@ export interface SubMenuType {
|
|
|
127
127
|
key: DropdownItemKeyType;
|
|
128
128
|
e: MouseEvent;
|
|
129
129
|
}) => void;
|
|
130
|
+
dropdownRender?: (menu: ReactNode) => ReactNode;
|
|
130
131
|
}
|
|
131
132
|
export declare const isSubMenu: (item: ItemType) => item is SubMenuType;
|
|
132
133
|
export declare const isMenuItem: (item: ItemType) => item is MenuItem;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { memo, useRef, useContext, useEffect, useMemo, useCallback } from "react";
|
|
3
|
+
import { isFunction } from "lodash-es";
|
|
3
4
|
import { dropdownContext } from "../../contexts/dropdownContext.js";
|
|
4
5
|
import { Menu } from "../Menu/Menu.js";
|
|
5
6
|
import { offset, flip, useFloating, autoUpdate, useHover, useInteractions } from "@floating-ui/react";
|
|
@@ -16,7 +17,8 @@ const SubMenu = memo(({
|
|
|
16
17
|
styles,
|
|
17
18
|
search,
|
|
18
19
|
clearSearchValue,
|
|
19
|
-
onClick
|
|
20
|
+
onClick,
|
|
21
|
+
dropdownRender
|
|
20
22
|
}) => {
|
|
21
23
|
const timerId = useRef(null);
|
|
22
24
|
const context = useContext(dropdownContext);
|
|
@@ -121,6 +123,8 @@ const SubMenu = memo(({
|
|
|
121
123
|
document.body.addEventListener("mouseup", handleMouseUp);
|
|
122
124
|
return () => document.body.removeEventListener("mouseup", handleMouseUp);
|
|
123
125
|
}, [handleMouseUp]);
|
|
126
|
+
const menuElement = useMemo(() => /* @__PURE__ */ jsx(Menu, { ...context, items: children, title: label, subMenuOpen: context.subMenuOpen, search, styles, onClick }), [children, context, label, onClick, search, styles]);
|
|
127
|
+
const floatingContent = isFunction(dropdownRender) ? dropdownRender(menuElement) : menuElement;
|
|
124
128
|
return /* @__PURE__ */ jsxs("div", { ref: refs.setReference, ...getReferenceProps, onPointerEnter: handlePointerEnter, onPointerLeave: handlePointerLeave, onClick: handleClick, onMouseUp: (e) => {
|
|
125
129
|
e.stopPropagation();
|
|
126
130
|
}, onMouseDown: (e) => {
|
|
@@ -130,7 +134,7 @@ const SubMenu = memo(({
|
|
|
130
134
|
!isStepMode && (isOpen || !!context.forceSubMenuRender) && /* @__PURE__ */ jsx("div", { ref: refs.setFloating, style: {
|
|
131
135
|
...floatingStyles,
|
|
132
136
|
visibility: isOpen ? "visible" : "hidden"
|
|
133
|
-
}, ...getFloatingProps, children:
|
|
137
|
+
}, ...getFloatingProps, children: floatingContent })
|
|
134
138
|
] });
|
|
135
139
|
});
|
|
136
140
|
export {
|