impact-ui 4.0.17 → 5.0.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/README.md +8 -9
- package/dist/_virtual/_commonjsHelpers.js +0 -2
- package/dist/_virtual/index13.js +2 -2
- package/dist/_virtual/index14.js +2 -2
- package/dist/_virtual/index15.js +2 -2
- package/dist/_virtual/index2.js +2 -2
- package/dist/_virtual/index3.js +2 -4
- package/dist/_virtual/index4.js +3 -3
- package/dist/_virtual/index5.js +4 -2
- package/dist/components/Checkbox/WithDropDown.d.ts.map +1 -1
- package/dist/components/Checkbox/WithDropDown.js +46 -30
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Input/HelperText.d.ts.map +1 -1
- package/dist/components/Input/HelperText.js +22 -2
- package/dist/components/Input/index.js +3 -3
- package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
- package/dist/components/KeyboardShortCuts/ShortcutModal.js +1 -1
- package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
- package/dist/components/KeyboardShortCuts/index.d.ts.map +1 -1
- package/dist/components/KeyboardShortCuts/index.js +38 -112
- package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
- package/dist/components/OnboardingTour/index.d.ts +61 -0
- package/dist/components/OnboardingTour/index.d.ts.map +1 -0
- package/dist/components/OnboardingTour/index.js +232 -0
- package/dist/components/OnboardingTour/productTourList.d.ts +39 -0
- package/dist/components/OnboardingTour/productTourList.d.ts.map +1 -0
- package/dist/components/OnboardingTour/productTourList.js +86 -0
- package/dist/components/OnboardingTour/tooltipCard.d.ts +45 -0
- package/dist/components/OnboardingTour/tooltipCard.d.ts.map +1 -0
- package/dist/components/OnboardingTour/tooltipCard.js +96 -0
- package/dist/components/OnboardingTour/useTooltipCardPosition.d.ts +29 -0
- package/dist/components/OnboardingTour/useTooltipCardPosition.d.ts.map +1 -0
- package/dist/components/OnboardingTour/useTooltipCardPosition.js +221 -0
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +14 -5
- package/dist/components/Sidebar/index.js +1 -1
- package/dist/components/Stepper/index.js +1 -1
- package/dist/components/TableV36/AdvanceSearchModalItem.d.ts.map +1 -0
- package/dist/components/TableV36/AdvanceSortModal.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/AdvanceSortModal.js +35 -37
- package/dist/components/{Table → TableV36}/AgGridHeader.d.ts +4 -1
- package/dist/components/TableV36/AgGridHeader.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/AgGridHeader.js +93 -105
- package/dist/components/TableV36/AgGridHeaderGroup.d.ts +3 -0
- package/dist/components/TableV36/AgGridHeaderGroup.d.ts.map +1 -0
- package/dist/components/TableV36/AgGridHeaderGroup.js +29 -0
- package/dist/components/TableV36/CellTooltip.d.ts +14 -0
- package/dist/components/TableV36/CellTooltip.d.ts.map +1 -0
- package/dist/components/TableV36/CellTooltip.js +11 -0
- package/dist/components/{Table → TableV36}/CommentsPortal.d.ts +5 -3
- package/dist/components/TableV36/CommentsPortal.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/CommentsPortal.js +6 -10
- package/dist/components/TableV36/HighlightedText.d.ts +11 -0
- package/dist/components/TableV36/HighlightedText.d.ts.map +1 -0
- package/dist/components/TableV36/HighlightedText.js +20 -0
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModal.js +23 -26
- package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts +2 -3
- package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +19 -43
- package/dist/components/TableV36/NoComments.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/NoComments.js +3 -5
- package/dist/components/TableV36/Table.types.d.ts +127 -0
- package/dist/components/TableV36/Table.types.d.ts.map +1 -0
- package/dist/components/TableV36/TableSkeletonCell.d.ts +18 -0
- package/dist/components/TableV36/TableSkeletonCell.d.ts.map +1 -0
- package/dist/components/TableV36/TableSkeletonCell.js +38 -0
- package/dist/components/{TableOld → TableV36}/actionBar.d.ts.map +1 -1
- package/dist/components/{Table → TableV36}/actionBar.js +1 -5
- package/dist/components/TableV36/advanceSearchModal.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/filterUtils.d.ts +2 -56
- package/dist/components/TableV36/filterUtils.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/filterUtils.js +17 -100
- package/dist/components/TableV36/index.d.ts +3 -0
- package/dist/components/TableV36/index.d.ts.map +1 -0
- package/dist/components/TableV36/index.js +1767 -0
- package/dist/components/TableV36/mockData.d.ts.map +1 -0
- package/dist/components/TableV36/resolveTableLoadingOptions.d.ts +62 -0
- package/dist/components/TableV36/resolveTableLoadingOptions.d.ts.map +1 -0
- package/dist/components/TableV36/resolveTableLoadingOptions.js +52 -0
- package/dist/components/TableV36/resolveTableLoadingOptions.test.d.ts +2 -0
- package/dist/components/TableV36/resolveTableLoadingOptions.test.d.ts.map +1 -0
- package/dist/components/{TableOld → TableV36}/tableFunctions.d.ts +14 -10
- package/dist/components/TableV36/tableFunctions.d.ts.map +1 -0
- package/dist/components/{shared/tableColumnSettings/columnsTabV36.js → TableV36/tableFunctions.js} +663 -292
- package/dist/components/{Table → TableV36}/tableHeader.d.ts +2 -2
- package/dist/components/TableV36/tableHeader.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/tableHeader.js +17 -26
- package/dist/components/{TableOld → TableV36}/tableIcons.d.ts.map +1 -1
- package/dist/components/{Table → TableV36}/tableMoreOptions.d.ts +2 -2
- package/dist/components/TableV36/tableMoreOptions.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/tableMoreOptions.js +39 -84
- package/dist/components/TableV36/tablePagination.d.ts.map +1 -0
- package/dist/components/{Table → TableV36}/tablePagination.js +6 -16
- package/dist/components/{Table → TableV36}/tableSettings.d.ts +3 -2
- package/dist/components/TableV36/tableSettings.d.ts.map +1 -0
- package/dist/components/{shared/tableColumnSettings/tableSettingsV36.js → TableV36/tableSettings.js} +34 -40
- package/dist/components/TableV36/tableUtils.d.ts +17 -0
- package/dist/components/TableV36/tableUtils.d.ts.map +1 -0
- package/dist/components/TableV36/tableUtils.js +60 -0
- package/dist/components/TableV36/withCommentIcon.d.ts +13 -0
- package/dist/components/TableV36/withCommentIcon.d.ts.map +1 -0
- package/dist/components/TableV36/withCommentIcon.js +134 -0
- package/dist/components/TextArea/index.js +1 -1
- package/dist/components/index.d.ts +3 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +4 -4
- package/dist/components/shared/tableColumnSettings/agGridColumnSettingsApi.d.ts +2 -4
- package/dist/components/shared/tableColumnSettings/agGridColumnSettingsApi.d.ts.map +1 -1
- package/dist/mcp-component-registry.json +268 -337
- package/dist/node_modules/@impactsmartsuite/impact-icons/dist/index.js +3 -9
- package/dist/node_modules/@mui/system/colorManipulator.js +2 -2
- package/dist/node_modules/call-bind/index.js +1 -1
- package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/prop-types/index.js +1 -1
- package/dist/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
- package/dist/stories/tableStoryDefaults.d.ts +1 -1
- package/dist/stories/tableStoryDefaults.d.ts.map +1 -1
- package/dist/stories/tableStoryManyColumns.d.ts +1 -1
- package/dist/stories/tableV36ChatApiMock.d.ts +420 -0
- package/dist/stories/tableV36ChatApiMock.d.ts.map +1 -0
- package/dist/utils/helper.js +0 -60
- package/package.json +8 -8
- package/dist/_virtual/lodash.js +0 -4
- package/dist/components/Table/AdvanceSearchModalItem.d.ts.map +0 -1
- package/dist/components/Table/AdvanceSearchModalItem.js +0 -313
- package/dist/components/Table/AdvanceSortModal.d.ts.map +0 -1
- package/dist/components/Table/AgGridHeader.d.ts.map +0 -1
- package/dist/components/Table/CommentsPortal.d.ts.map +0 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +0 -1
- package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +0 -1
- package/dist/components/Table/NoComments.d.ts.map +0 -1
- package/dist/components/Table/Table.types.d.ts +0 -40
- package/dist/components/Table/Table.types.d.ts.map +0 -1
- package/dist/components/Table/actionBar.d.ts.map +0 -1
- package/dist/components/Table/advanceSearchModal.d.ts.map +0 -1
- package/dist/components/Table/advanceSearchModal.js +0 -601
- package/dist/components/Table/agGridLocale.d.ts +0 -33
- package/dist/components/Table/agGridLocale.d.ts.map +0 -1
- package/dist/components/Table/agGridLocale.js +0 -59
- package/dist/components/Table/filterUtils.d.ts.map +0 -1
- package/dist/components/Table/filterUtils.test.d.ts +0 -2
- package/dist/components/Table/filterUtils.test.d.ts.map +0 -1
- package/dist/components/Table/index.d.ts +0 -4
- package/dist/components/Table/index.d.ts.map +0 -1
- package/dist/components/Table/index.js +0 -1441
- package/dist/components/Table/mockData.d.ts.map +0 -1
- package/dist/components/Table/tableFunctions.d.ts +0 -57
- package/dist/components/Table/tableFunctions.d.ts.map +0 -1
- package/dist/components/Table/tableFunctions.js +0 -1317
- package/dist/components/Table/tableHeader.d.ts.map +0 -1
- package/dist/components/Table/tableIcons.d.ts.map +0 -1
- package/dist/components/Table/tableMoreOptions.d.ts.map +0 -1
- package/dist/components/Table/tablePagination.d.ts.map +0 -1
- package/dist/components/Table/tableSettings.d.ts.map +0 -1
- package/dist/components/Table/tableSettings.js +0 -282
- package/dist/components/Table/withCommentIcon.d.ts +0 -2
- package/dist/components/Table/withCommentIcon.d.ts.map +0 -1
- package/dist/components/Table/withCommentIcon.js +0 -88
- package/dist/components/TableOld/AgGridHeader.d.ts +0 -12
- package/dist/components/TableOld/AgGridHeader.d.ts.map +0 -1
- package/dist/components/TableOld/AgGridHeader.js +0 -496
- package/dist/components/TableOld/actionBar.d.ts +0 -7
- package/dist/components/TableOld/actionBar.js +0 -35
- package/dist/components/TableOld/index.d.ts +0 -3
- package/dist/components/TableOld/index.d.ts.map +0 -1
- package/dist/components/TableOld/index.js +0 -645
- package/dist/components/TableOld/mockData.d.ts +0 -39
- package/dist/components/TableOld/mockData.d.ts.map +0 -1
- package/dist/components/TableOld/tableFunctions.d.ts.map +0 -1
- package/dist/components/TableOld/tableFunctions.js +0 -1321
- package/dist/components/TableOld/tableHeader.d.ts +0 -53
- package/dist/components/TableOld/tableHeader.d.ts.map +0 -1
- package/dist/components/TableOld/tableHeader.js +0 -229
- package/dist/components/TableOld/tableIcons.d.ts +0 -3
- package/dist/components/TableOld/tablePagination.d.ts +0 -8
- package/dist/components/TableOld/tablePagination.d.ts.map +0 -1
- package/dist/components/TableOld/tablePagination.js +0 -80
- package/dist/components/TableOld/tableSettings.d.ts +0 -11
- package/dist/components/TableOld/tableSettings.d.ts.map +0 -1
- package/dist/components/shared/tableColumnSettings/agGridColumnSettingsApi.js +0 -52
- package/dist/components/shared/tableColumnSettings/columnsSettingsColumnRow.js +0 -264
- package/dist/components/shared/tableColumnSettings/columnsSettingsVirtualList.js +0 -298
- package/dist/node_modules/lodash/lodash.js +0 -5506
- /package/dist/components/{Table → TableV36}/AdvanceSearchModalItem.d.ts +0 -0
- /package/dist/components/{Table → TableV36}/AdvanceSortModal.d.ts +0 -0
- /package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts +0 -0
- /package/dist/components/{Table → TableV36}/NoComments.d.ts +0 -0
- /package/dist/components/{Table → TableV36}/actionBar.d.ts +0 -0
- /package/dist/components/{Table → TableV36}/advanceSearchModal.d.ts +0 -0
- /package/dist/components/{Table → TableV36}/mockData.d.ts +0 -0
- /package/dist/components/{Table → TableV36}/tableIcons.d.ts +0 -0
- /package/dist/components/{Table → TableV36}/tablePagination.d.ts +0 -0
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
import { useRef, useState, useCallback, useLayoutEffect } from "react";
|
|
2
|
+
const ALL_PLACEMENTS = [
|
|
3
|
+
"top-left",
|
|
4
|
+
"top-right",
|
|
5
|
+
"bottom-left",
|
|
6
|
+
"bottom-right",
|
|
7
|
+
"left-top",
|
|
8
|
+
"left-bottom",
|
|
9
|
+
"right-top",
|
|
10
|
+
"right-bottom"
|
|
11
|
+
];
|
|
12
|
+
const TOP_BOTTOM_PLACEMENTS = [
|
|
13
|
+
"top-left",
|
|
14
|
+
"top-right",
|
|
15
|
+
"bottom-left",
|
|
16
|
+
"bottom-right"
|
|
17
|
+
];
|
|
18
|
+
const SIDE_PLACEMENTS = [
|
|
19
|
+
"left-top",
|
|
20
|
+
"left-bottom",
|
|
21
|
+
"right-top",
|
|
22
|
+
"right-bottom"
|
|
23
|
+
];
|
|
24
|
+
const ARROW_TIP_OFFSET = 32 + 9;
|
|
25
|
+
function getPlacementRect(placement, anchorRect, width, height, offset) {
|
|
26
|
+
const anchorCenterX = anchorRect.left + anchorRect.width / 2;
|
|
27
|
+
const anchorCenterY = anchorRect.top + anchorRect.height / 2;
|
|
28
|
+
let top = 0;
|
|
29
|
+
let left = 0;
|
|
30
|
+
switch (placement) {
|
|
31
|
+
case "top-left":
|
|
32
|
+
top = anchorRect.bottom + offset;
|
|
33
|
+
left = anchorCenterX - ARROW_TIP_OFFSET;
|
|
34
|
+
break;
|
|
35
|
+
case "top-right":
|
|
36
|
+
top = anchorRect.bottom + offset;
|
|
37
|
+
left = anchorCenterX + ARROW_TIP_OFFSET - width;
|
|
38
|
+
break;
|
|
39
|
+
case "bottom-left":
|
|
40
|
+
top = anchorRect.top - height - offset;
|
|
41
|
+
left = anchorCenterX - ARROW_TIP_OFFSET;
|
|
42
|
+
break;
|
|
43
|
+
case "bottom-right":
|
|
44
|
+
top = anchorRect.top - height - offset;
|
|
45
|
+
left = anchorCenterX + ARROW_TIP_OFFSET - width;
|
|
46
|
+
break;
|
|
47
|
+
case "left-top":
|
|
48
|
+
top = anchorCenterY - ARROW_TIP_OFFSET;
|
|
49
|
+
left = anchorRect.right + offset;
|
|
50
|
+
break;
|
|
51
|
+
case "left-bottom":
|
|
52
|
+
top = anchorCenterY + ARROW_TIP_OFFSET - height;
|
|
53
|
+
left = anchorRect.right + offset;
|
|
54
|
+
break;
|
|
55
|
+
case "right-top":
|
|
56
|
+
top = anchorCenterY - ARROW_TIP_OFFSET;
|
|
57
|
+
left = anchorRect.left - width - offset;
|
|
58
|
+
break;
|
|
59
|
+
case "right-bottom":
|
|
60
|
+
top = anchorCenterY + ARROW_TIP_OFFSET - height;
|
|
61
|
+
left = anchorRect.left - width - offset;
|
|
62
|
+
break;
|
|
63
|
+
}
|
|
64
|
+
return { top, left, right: left + width, bottom: top + height };
|
|
65
|
+
}
|
|
66
|
+
function getViewportOverflow(rect, viewportWidth, viewportHeight) {
|
|
67
|
+
let overflow = 0;
|
|
68
|
+
if (rect.top < 0) overflow += -rect.top;
|
|
69
|
+
if (rect.left < 0) overflow += -rect.left;
|
|
70
|
+
if (rect.bottom > viewportHeight) overflow += rect.bottom - viewportHeight;
|
|
71
|
+
if (rect.right > viewportWidth) overflow += rect.right - viewportWidth;
|
|
72
|
+
return overflow;
|
|
73
|
+
}
|
|
74
|
+
function getBestPlacement(anchorRect, width, height, offset, preferred) {
|
|
75
|
+
if (preferred) return preferred;
|
|
76
|
+
const viewportWidth = window.innerWidth;
|
|
77
|
+
const viewportHeight = window.innerHeight;
|
|
78
|
+
const scored = ALL_PLACEMENTS.map((placement) => {
|
|
79
|
+
const rect = getPlacementRect(placement, anchorRect, width, height, offset);
|
|
80
|
+
const overflow = getViewportOverflow(rect, viewportWidth, viewportHeight);
|
|
81
|
+
const spareRoom = Math.min(
|
|
82
|
+
rect.left,
|
|
83
|
+
rect.top,
|
|
84
|
+
viewportWidth - rect.right,
|
|
85
|
+
viewportHeight - rect.bottom
|
|
86
|
+
);
|
|
87
|
+
return { placement, overflow, spareRoom };
|
|
88
|
+
});
|
|
89
|
+
const pickBest = (candidates) => {
|
|
90
|
+
if (candidates.length === 0) return "top-right";
|
|
91
|
+
return candidates.reduce((winner, current) => {
|
|
92
|
+
if (current.spareRoom !== winner.spareRoom) {
|
|
93
|
+
return current.spareRoom > winner.spareRoom ? current : winner;
|
|
94
|
+
}
|
|
95
|
+
return current.overflow < winner.overflow ? current : winner;
|
|
96
|
+
}).placement;
|
|
97
|
+
};
|
|
98
|
+
const topBottomFits = scored.filter(
|
|
99
|
+
(s) => TOP_BOTTOM_PLACEMENTS.includes(s.placement) && s.overflow === 0
|
|
100
|
+
);
|
|
101
|
+
if (topBottomFits.length > 0) {
|
|
102
|
+
return pickBest(topBottomFits);
|
|
103
|
+
}
|
|
104
|
+
const sideFits = scored.filter((s) => SIDE_PLACEMENTS.includes(s.placement) && s.overflow === 0);
|
|
105
|
+
if (sideFits.length > 0) {
|
|
106
|
+
return pickBest(sideFits);
|
|
107
|
+
}
|
|
108
|
+
const topBottom = scored.filter((s) => TOP_BOTTOM_PLACEMENTS.includes(s.placement));
|
|
109
|
+
const sides = scored.filter((s) => SIDE_PLACEMENTS.includes(s.placement));
|
|
110
|
+
const bestTopBottomOverflow = Math.min(...topBottom.map((s) => s.overflow));
|
|
111
|
+
const bestSideOverflow = Math.min(...sides.map((s) => s.overflow));
|
|
112
|
+
return bestTopBottomOverflow <= bestSideOverflow ? pickBest(topBottom) : pickBest(sides);
|
|
113
|
+
}
|
|
114
|
+
const useTooltipCardPosition = (anchorRef, arrowPosition, { offset = 12, contentKey } = {}) => {
|
|
115
|
+
const wrapperRef = useRef(null);
|
|
116
|
+
const [wrapperStyle, setWrapperStyle] = useState({ opacity: 0 });
|
|
117
|
+
const [isPositioned, setIsPositioned] = useState(false);
|
|
118
|
+
const [resolvedArrowPosition, setResolvedArrowPosition] = useState(
|
|
119
|
+
arrowPosition ?? "top-right"
|
|
120
|
+
);
|
|
121
|
+
const positionUpdateRef = useRef(null);
|
|
122
|
+
const lastStyleRef = useRef("");
|
|
123
|
+
const calculatePosition = useCallback(() => {
|
|
124
|
+
const anchor = anchorRef == null ? void 0 : anchorRef.current;
|
|
125
|
+
const wrapper = wrapperRef.current;
|
|
126
|
+
if (!anchor || typeof window === "undefined") {
|
|
127
|
+
return null;
|
|
128
|
+
}
|
|
129
|
+
const anchorRect = anchor.getBoundingClientRect();
|
|
130
|
+
const wrapperRect = wrapper == null ? void 0 : wrapper.getBoundingClientRect();
|
|
131
|
+
const width = (wrapperRect == null ? void 0 : wrapperRect.width) ?? 0;
|
|
132
|
+
const height = (wrapperRect == null ? void 0 : wrapperRect.height) ?? 0;
|
|
133
|
+
const nextResolvedArrowPosition = getBestPlacement(
|
|
134
|
+
anchorRect,
|
|
135
|
+
width,
|
|
136
|
+
height,
|
|
137
|
+
offset,
|
|
138
|
+
arrowPosition
|
|
139
|
+
);
|
|
140
|
+
if (nextResolvedArrowPosition !== resolvedArrowPosition) {
|
|
141
|
+
setResolvedArrowPosition(nextResolvedArrowPosition);
|
|
142
|
+
}
|
|
143
|
+
const { top, left } = getPlacementRect(
|
|
144
|
+
nextResolvedArrowPosition,
|
|
145
|
+
anchorRect,
|
|
146
|
+
width,
|
|
147
|
+
height,
|
|
148
|
+
offset
|
|
149
|
+
);
|
|
150
|
+
const scrollX = window.scrollX || document.documentElement.scrollLeft;
|
|
151
|
+
const scrollY = window.scrollY || document.documentElement.scrollTop;
|
|
152
|
+
return {
|
|
153
|
+
position: "absolute",
|
|
154
|
+
top: top + scrollY,
|
|
155
|
+
left: left + scrollX,
|
|
156
|
+
opacity: 1
|
|
157
|
+
};
|
|
158
|
+
}, [anchorRef, arrowPosition, contentKey, offset]);
|
|
159
|
+
const applyPositionSync = useCallback(() => {
|
|
160
|
+
const style = calculatePosition();
|
|
161
|
+
if (!style) return;
|
|
162
|
+
const styleKey = JSON.stringify(style);
|
|
163
|
+
if (lastStyleRef.current === styleKey) return;
|
|
164
|
+
lastStyleRef.current = styleKey;
|
|
165
|
+
setWrapperStyle(style);
|
|
166
|
+
setIsPositioned(true);
|
|
167
|
+
}, [calculatePosition]);
|
|
168
|
+
const applyPosition = useCallback(() => {
|
|
169
|
+
if (positionUpdateRef.current !== null) {
|
|
170
|
+
cancelAnimationFrame(positionUpdateRef.current);
|
|
171
|
+
}
|
|
172
|
+
positionUpdateRef.current = requestAnimationFrame(() => {
|
|
173
|
+
applyPositionSync();
|
|
174
|
+
positionUpdateRef.current = null;
|
|
175
|
+
});
|
|
176
|
+
}, [applyPositionSync]);
|
|
177
|
+
useLayoutEffect(() => {
|
|
178
|
+
if (typeof window === "undefined") {
|
|
179
|
+
return;
|
|
180
|
+
}
|
|
181
|
+
const anchorElement = anchorRef == null ? void 0 : anchorRef.current;
|
|
182
|
+
if (!anchorElement) {
|
|
183
|
+
return;
|
|
184
|
+
}
|
|
185
|
+
applyPositionSync();
|
|
186
|
+
let resizeObserver = null;
|
|
187
|
+
if (typeof ResizeObserver !== "undefined") {
|
|
188
|
+
resizeObserver = new ResizeObserver(() => {
|
|
189
|
+
applyPosition();
|
|
190
|
+
});
|
|
191
|
+
resizeObserver.observe(anchorElement);
|
|
192
|
+
if (wrapperRef.current) {
|
|
193
|
+
resizeObserver.observe(wrapperRef.current);
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
const handleScroll = () => {
|
|
197
|
+
applyPosition();
|
|
198
|
+
};
|
|
199
|
+
const handleResize = () => {
|
|
200
|
+
applyPosition();
|
|
201
|
+
};
|
|
202
|
+
window.addEventListener("scroll", handleScroll, { passive: true });
|
|
203
|
+
window.addEventListener("resize", handleResize, { passive: true });
|
|
204
|
+
return () => {
|
|
205
|
+
if (positionUpdateRef.current !== null) {
|
|
206
|
+
cancelAnimationFrame(positionUpdateRef.current);
|
|
207
|
+
positionUpdateRef.current = null;
|
|
208
|
+
}
|
|
209
|
+
if (resizeObserver) {
|
|
210
|
+
resizeObserver.disconnect();
|
|
211
|
+
}
|
|
212
|
+
window.removeEventListener("scroll", handleScroll);
|
|
213
|
+
window.removeEventListener("resize", handleResize);
|
|
214
|
+
lastStyleRef.current = "";
|
|
215
|
+
};
|
|
216
|
+
}, [anchorRef, applyPosition, contentKey]);
|
|
217
|
+
return { wrapperRef, wrapperStyle, isPositioned, arrowPosition: resolvedArrowPosition };
|
|
218
|
+
};
|
|
219
|
+
export {
|
|
220
|
+
useTooltipCardPosition
|
|
221
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA0BjF,OAAO,KAAK,EAAE,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAClF,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AA0BjF,OAAO,KAAK,EAAE,WAAW,EAAkC,MAAM,gBAAgB,CAAC;AAClF,OAAO,sBAAsB,CAAC;AAE9B,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAsBhE,eAAO,MAAM,MAAM,yCA82CjB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-select-main-container-v3{align-items:center;display:flex;gap:5px}.top-orientation{align-items:flex-start;flex-direction:column}.isAgGridCellRenderer{width:100%}.isAgGridCellRenderer .ia-select-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.isAgGridCellRenderer .ia-select-button-text-span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-label-v3{line-height:18px;white-space:nowrap}.ia-select-container-v3{position:relative}.ia-select-container-v3 [aria-disabled=true]{background-color:#f8f9fb!important;border:1px solid #d9dde7!important;border-radius:8px;cursor:not-allowed;pointer-events:none}.multi-select__control{display:none}.multi-select__option{font-size:14px;padding:8px 16px}@media screen and (max-width:1399px) and (min-width:1200px){.multi-select__option{font-size:12px;padding:5px 16px}}.multi-select__option--is-selected{background-color:#984d4d;color:#1d1d1d}.multi-select__option--is-selected:active{background-color:#cfafaf}.loading-option{color:green;pointer-events:none}.loading-option-multi label{color:#ff0;pointer-events:none}.ia-select-container-v3-styled-menu{background:#fff;border-radius:4px;box-shadow:0 3px 6px #00000040;margin-top:4px;min-width:240px;padding:8px 0;position:absolute;z-index:2;z-index:99999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.ia-select-styled-dropdown-main-button{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:4px;box-sizing:border-box;color:#1d1d1d;cursor:pointer;display:flex;font-size:14px;height:37px;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-styled-dropdown-main-button{font-size:12px;height:28px}}.ia-select-styled-dropdown-main-button.is-with-clearable{gap:16px}.ia-select-button-clear-icon{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/notification-close.svg);background-position:end;background-repeat:no-repeat;background-size:10px;border-radius:4px;cursor:pointer;height:10px;margin-left:10px;position:absolute;right:40px;top:10px;width:10px}.ia-select-button-clear-icon:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/select-chevron.svg) no-repeat;background-position:50%;background-size:10px;display:inline-block;flex-shrink:0;height:10px;margin-left:10px;transform:rotate(0);width:10px}.ia-select-chevron-icon.open{transform:rotate(180deg)}.ia-select-search-box{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/search.svg) no-repeat;background-position:16px;background-size:12px;border:none;border-bottom:1px solid blue;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:14px;height:37px;outline:none;padding:0 16px 0 34px;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-search-box{height:28px}}.ia-select-search-box::placeholder{color:#b4bac7}.ia-select-clear-all-button{background-color:initial;border:none;border-radius:4px;box-sizing:border-box;color:#60697d;cursor:pointer;font-size:12px;font-weight:400;height:26px;line-height:18px}.ia-select-clear-all-button:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-selectAll-container{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;height:35px;justify-content:space-between;margin-bottom:2px;padding:4px 12px;position:relative}.ia-select-selectAll-container.ia-select-option-highlighted{background-color:#f5f6fa;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-selectAll-container:after{background:#d9dde7;bottom:-3px;content:" ";height:1px;left:-6px;position:absolute;right:-6px}.ia-select-selectAll-container:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-selectAll-container .impact-form-checkbox-container .MuiFormControlLabel-label{color:#1f2b4d}.ia-select-max-selectable-options{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectInfoIcon.svg) no-repeat;background-position:12px 10px;border-top:1px solid #f5f6fa;color:#60697d;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px;padding:9px 0 4px 34px}.ia-select-button-text{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif!important;font-weight:500;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-button-text svg{font-size:18px}.ia-select-button-text.impact-select-table{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;gap:0;max-width:100%;min-width:0;overflow:hidden;width:100%}.ia-select-button-text.impact-select-table .ia-select-button-text-span{box-sizing:border-box;display:block;flex:1;max-width:100%;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.ia-select-button-text-full-width{width:90%}.ia-select-button-text-span{display:inline-block;font-weight:500;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder .ia-select-button-text-span{font-weight:400}.ia-select-button-text.placeholder{color:#b4bac7;font-weight:400}.select-label-with-icon{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:20px;line-height:20px;text-align:left;width:100%}.select-label-with-icon span{display:inline-block}.select-label-with-icon .selected-children-count{color:#6b7280;font-size:12px;margin-left:4px}.select-label-with-icon-multi span{max-width:153px}.impact-checkbox-label.disabled .select-label-with-icon{color:#b4bac7!important}.select-options-tag-group{display:flex;gap:4px;margin-top:4px;position:absolute;width:70px}.select-options-tag-group span{width:100%}.select-options-tag-group span>div{background-color:#eceefd;border:none!important}.select-options-tag-list{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001f;display:flex;flex-direction:column;margin-top:2px;max-height:200px;overflow-y:auto;padding:4px 8px;position:absolute;width:91px;z-index:10}.tag-group-more{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/menu-ext.svg) 50% no-repeat;display:inline-block;display:flex;height:20px;transform:rotate(90deg);width:14px!important;z-index:10}.tag-group-open>div{background-color:#eceefd}.ia-select-container-v3-styled-menu{border:none;border-radius:12px;box-shadow:0 1px 6px #1a277c24;margin-top:6px;padding:8px 6px}.ia-select-search-box{background-position:12px;border-bottom:none;border-radius:8px 8px 0 0;font-family:Manrope,sans-serif;font-weight:400;height:35px;padding-left:30px}.ia-select-search-box:focus,.ia-select-search-box:focus-visible{border:none;box-shadow:none;outline:none}.ia-select-search-box::placeholder{font-weight:400}.ia-select-search-box:not(:placeholder-shown){font-weight:500}.css-13cymwt-control{display:none!important}.ia-select-label-v3{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500}.ia-select-main-container-v3{gap:6px}.css-tr4s17-option{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important;font-family:Manrope,sans-serif;font-weight:500;height:36px;margin-bottom:2px}.ia-select-styled-dropdown-main-button{border:1px solid #c3c8d4;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif!important;font-weight:500;height:32px}.ia-select-styled-dropdown-main-button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-select-styled-dropdown-main-button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.Mui-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-btn-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-switch-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact-select-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact_input_disabled:focus-visible,.ia-select-styled-dropdown-main-button.route-disabled:focus-visible,.ia-select-styled-dropdown-main-button:disabled:focus-visible,.ia-select-styled-dropdown-main-button[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.ia-select-button-keyboard-open{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none}.ia-select-styled-dropdown-main-button:hover{border:1px solid #4259ee}.impact-select-error,.impact-select-error:hover{border:1px solid #e15554!important}.impact-select-disabled{background-color:#f2f4fb}.impact-select-disabled,.impact-select-disabled:hover{border:1px solid #d9dde7}.ia-select-loading-container{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.ia-select-loading-more-container{height:92px!important}.default-select-tooltip,.select-tooltip{z-index:999999!important}.ia-select-dropdown-container{gap:4px}.ia-select-dropdown-v3{position:relative}.ia-select-dropdown-v3 .select__menu{position:relative;z-index:1}.ia-select-dropdown-v3 .menulistScroll{margin-top:3px;overflow-y:hidden;padding-bottom:0;padding-top:0!important}.ia-select-dropdown-v3 .menulistScroll .ia-select-no-options-message{align-items:center;color:#60697d;display:flex;font-weight:500;height:50px;justify-content:center;line-height:16px}.ia-select-dropdown-v3 .menulistScroll .css-d7l1ni-option{background-color:initial;border-radius:8px;height:35px;margin-bottom:2px}.ia-select-dropdown-v3 .menulistScroll .css-d7l1ni-option:focus,.ia-select-dropdown-v3 .menulistScroll .css-d7l1ni-option:hover{background-color:#f5f6fa}.ia-select-dropdown-v3 .css-1s9izoc,.ia-select-dropdown-v3 .css-qr46ko{padding:0}.ia-select-dropdown-v3 .css-1s9izoc{border-bottom:1px solid #d9dde7}.ia-select-dropdown-v3 .css-1s9izoc:last-child{border-bottom:none}.ia-select-dropdown-v3 .ia-select-group-heading-container{align-items:center;display:flex;height:35px;justify-content:space-between;padding:0 12px}.ia-select-dropdown-v3 .ia-select-group-heading-container .css-jtaw72-group{color:#b4bac7;font-size:12px;font-weight:700;line-height:20px;margin-bottom:0;padding:0;text-transform:capitalize}.ia-select-dropdown-v3 .ia-select-group-heading-left{gap:6px}.ia-select-dropdown-v3 .group-icon,.ia-select-dropdown-v3 .ia-select-group-heading-left{align-items:center;display:flex;justify-content:center}.ia-select-dropdown-v3 .group-icon svg{color:#60697d;height:16px;width:16px}.ia-select-dropdown-v3 .group-icon svg path{fill:#60697d}.ia-select-dropdown-v3 .ia-select-option{background-color:initial;cursor:pointer;margin-bottom:2px}.ia-select-dropdown-v3 .ia-select-option:has(.disabled){opacity:.5;pointer-events:none}.ia-select-dropdown-v3 .ia-select-option.submenu-active,.ia-select-dropdown-v3 .ia-select-option:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-dropdown-v3 .ia-select-option.ia-select-option-highlighted{background-color:#f5f6fa;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.select-option-content .select-submenu-chevron{bottom:11px;color:#60697d;height:16px;position:absolute;right:12px;width:16px}.ia-select-submenu-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px}.ia-select-submenu-header .ia-select-submenu-back{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:0}.ia-select-submenu-header .ia-select-submenu-back:hover{color:#374151}.ia-select-dropdown-container{display:flex;position:relative}.ia-select-dropdown-v3{flex:1}.select-label-with-icon{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.select-label-with-icon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-submenu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;max-height:200px;overflow-y:auto;overscroll-behavior:contain;padding:8px 6px;z-index:3}.ia-select-submenu-content .select-option-content:not(:first-child){margin-top:2px}.ia-select-submenu-content .select-option-content{padding:7.5px 0 7.5px 12px}.ia-select-submenu-content .select-option-content:hover{background-color:#f5f6fa!important;border-radius:8px;color:#1f2b4d!important}.ia-select-submenu-content .select-option-content.selected{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important}.ia-select-chevron-icon.disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.4;opacity:.2;pointer-events:none}.ia-select-submenu-content .ia-select-option-highlighted{background-color:#f5f6fa!important;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-footer-message{align-items:center;border-top:1px solid #f5f6fa;display:flex;justify-content:space-between;padding:8px 12px 4px}.ia-select-footer-message .ia-select-max-selectable-options{background-position:0 1px;border:none;padding:0 0 0 20px}.ia-select-footer-message .ia-styles.ia-btn.ia-btn-with-icon{height:16px}.ia-select-footer-message .ia-select-footer-description{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.ia-select-footer-message .ia-select-footer-action-button{color:#4259ee;cursor:pointer;font-size:12px;font-weight:500;padding:0;white-space:nowrap}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-select-main-container-v3{align-items:center;display:flex;gap:5px}.top-orientation{align-items:flex-start;flex-direction:column}.isAgGridCellRenderer{width:100%}.isAgGridCellRenderer .ia-select-button-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.isAgGridCellRenderer .ia-select-button-text-span{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-label-v3{line-height:18px;white-space:nowrap}.ia-select-container-v3{position:relative}.ia-select-container-v3 [aria-disabled=true]{background-color:#f8f9fb!important;border:1px solid #d9dde7!important;border-radius:8px;cursor:not-allowed;pointer-events:none}.multi-select__control{display:none}.multi-select__option{font-size:14px;padding:8px 16px}@media screen and (max-width:1399px) and (min-width:1200px){.multi-select__option{font-size:12px;padding:5px 16px}}.multi-select__option--is-selected{background-color:#984d4d;color:#1d1d1d}.multi-select__option--is-selected:active{background-color:#cfafaf}.loading-option{color:green;pointer-events:none}.loading-option-multi label{color:#ff0;pointer-events:none}.ia-select-container-v3-styled-menu{background:#fff;border-radius:4px;box-shadow:0 3px 6px #00000040;margin-top:4px;min-width:240px;padding:8px 0;position:absolute;z-index:2;z-index:99999}.ia-select-container-v3-blanket{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.ia-select-styled-dropdown-main-button{align-items:center;background:#fff;border:1px solid #0000001f;border-radius:4px;box-sizing:border-box;color:#1d1d1d;cursor:pointer;display:flex;font-size:14px;height:37px;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-styled-dropdown-main-button{font-size:12px;height:28px}}.ia-select-styled-dropdown-main-button.is-with-clearable{gap:16px}.ia-select-button-clear-icon{background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/notification-close.svg);background-position:end;background-repeat:no-repeat;background-size:10px;border-radius:4px;cursor:pointer;height:10px;margin-left:10px;position:absolute;right:40px;top:10px;width:10px}.ia-select-button-clear-icon:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-chevron-icon{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/select-chevron.svg) no-repeat;background-position:50%;background-size:10px;display:inline-block;flex-shrink:0;height:10px;margin-left:10px;transform:rotate(0);width:10px}.ia-select-chevron-icon.open{transform:rotate(180deg)}.ia-select-search-box{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/search.svg) no-repeat;background-position:16px;background-size:12px;border:none;border-bottom:1px solid blue;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:14px;height:37px;outline:none;padding:0 16px 0 34px;width:100%}@media screen and (max-width:1399px) and (min-width:1200px){.ia-select-search-box{height:28px}}.ia-select-search-box::placeholder{color:#b4bac7}.ia-select-clear-all-button{background-color:initial;border:none;border-radius:4px;box-sizing:border-box;color:#60697d;cursor:pointer;font-size:12px;font-weight:400;height:26px;line-height:18px}.ia-select-clear-all-button:focus-visible{outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-select-selectAll-container{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;height:35px;justify-content:space-between;margin-bottom:2px;padding:4px 12px;position:relative}.ia-select-selectAll-container.ia-select-option-highlighted{background-color:#f5f6fa;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-selectAll-container:after{background:#d9dde7;bottom:-3px;content:" ";height:1px;left:-6px;position:absolute;right:-6px}.ia-select-selectAll-container:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-selectAll-container .impact-form-checkbox-container .MuiFormControlLabel-label{color:#1f2b4d}.ia-select-max-selectable-options{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/selectInfoIcon.svg) no-repeat;background-position:12px 10px;border-top:1px solid #f5f6fa;color:#60697d;display:flex;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px;padding:9px 0 4px 34px}.ia-select-button-text{align-items:center;color:#1f2b4d;display:flex;font-family:Manrope,sans-serif!important;font-weight:500;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-button-text svg{font-size:18px}.ia-select-button-text.impact-select-table{align-items:center;box-sizing:border-box;display:flex;flex:1 1 auto;gap:0;max-width:100%;min-width:0;overflow:hidden;width:100%}.ia-select-button-text.impact-select-table .ia-select-button-text-span{box-sizing:border-box;display:block;flex:1;max-width:100%;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap;width:100%}.ia-select-button-text-full-width{width:90%}.ia-select-button-text-span{display:inline-block;font-weight:500;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.placeholder .ia-select-button-text-span{font-weight:400}.ia-select-button-text.placeholder{color:#b4bac7;font-weight:400}.select-label-with-icon{color:#1f2b4d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;height:20px;line-height:20px;text-align:left;width:100%}.select-label-with-icon span{display:inline-block}.select-label-with-icon .selected-children-count{color:#6b7280;font-size:12px;margin-left:4px}.select-label-with-icon-multi span{max-width:153px}.impact-checkbox-label.disabled .select-label-with-icon{color:#b4bac7!important}.select-options-tag-group{display:flex;gap:4px;margin-top:4px;position:absolute;width:70px}.select-options-tag-group span{width:100%}.select-options-tag-group span>div{background-color:#eceefd;border:none!important}.select-options-tag-list{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001f;display:flex;flex-direction:column;margin-top:2px;max-height:200px;overflow-y:auto;padding:4px 8px;position:absolute;width:91px;z-index:10}.tag-group-more{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/menu-ext.svg) 50% no-repeat;display:inline-block;display:flex;height:20px;transform:rotate(90deg);width:14px!important;z-index:10}.tag-group-open>div{background-color:#eceefd}.ia-select-container-v3-styled-menu{border:none;border-radius:12px;box-shadow:0 1px 6px #1a277c24;margin-top:6px;padding:8px 6px}.ia-select-search-box{background-position:12px;border-bottom:none;border-radius:8px 8px 0 0;font-family:Manrope,sans-serif;font-weight:400;height:35px;padding-left:30px}.ia-select-search-box:focus,.ia-select-search-box:focus-visible{border:none;box-shadow:none;outline:none}.ia-select-search-box::placeholder{font-weight:400}.ia-select-search-box:not(:placeholder-shown){font-weight:500}.ia-select-label-v3{color:#60697d;font-family:Manrope,sans-serif;font-size:12px;font-weight:500}.ia-select-main-container-v3{gap:6px}.ia-select-styled-dropdown-main-button{border:1px solid #c3c8d4;border-radius:8px;color:#1f2b4d;font-family:Manrope,sans-serif!important;font-weight:500;height:32px}.ia-select-styled-dropdown-main-button:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-select-styled-dropdown-main-button:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.Mui-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-btn-disabled:focus-visible,.ia-select-styled-dropdown-main-button.ia-switch-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact-select-disabled:focus-visible,.ia-select-styled-dropdown-main-button.impact_input_disabled:focus-visible,.ia-select-styled-dropdown-main-button.route-disabled:focus-visible,.ia-select-styled-dropdown-main-button:disabled:focus-visible,.ia-select-styled-dropdown-main-button[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-select-styled-dropdown-main-button.ia-select-button-keyboard-open{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none}.ia-select-styled-dropdown-main-button:hover{border:1px solid #4259ee}.impact-select-error,.impact-select-error:hover{border:1px solid #e15554!important}.impact-select-disabled{background-color:#f2f4fb}.impact-select-disabled,.impact-select-disabled:hover{border:1px solid #d9dde7}.ia-select-loading-container{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.ia-select-loading-more-container{height:92px!important}.default-select-tooltip,.select-tooltip{z-index:999999!important}.ia-select-dropdown-container{gap:4px}.ia-select-dropdown-v3{position:relative}.ia-select-dropdown-v3 .select__menu{position:relative;z-index:1}.ia-select-dropdown-v3 .menulistScroll{margin-top:3px;overflow-y:hidden;padding-bottom:0;padding-top:0!important}.ia-select-dropdown-v3 .menulistScroll .ia-select-no-options-message{align-items:center;color:#60697d;display:flex;font-weight:500;height:50px;justify-content:center;line-height:16px}.ia-select-dropdown-v3 .ia-select-group,.ia-select-dropdown-v3 .ia-select-menu-list{padding:0}.ia-select-dropdown-v3 .ia-select-group{border-bottom:1px solid #d9dde7}.ia-select-dropdown-v3 .ia-select-group:last-child{border-bottom:none}.ia-select-dropdown-v3 .ia-select-group-heading-container{align-items:center;display:flex;height:35px;justify-content:space-between;padding:0 12px}.ia-select-dropdown-v3 .ia-select-group-heading-container .ia-select-group-heading{color:#b4bac7;font-size:12px;font-weight:700;line-height:20px;margin-bottom:0;padding:0;text-transform:capitalize}.ia-select-dropdown-v3 .ia-select-group-heading-left{gap:6px}.ia-select-dropdown-v3 .group-icon,.ia-select-dropdown-v3 .ia-select-group-heading-left{align-items:center;display:flex;justify-content:center}.ia-select-dropdown-v3 .group-icon svg{color:#60697d;height:16px;width:16px}.ia-select-dropdown-v3 .group-icon svg path{fill:#60697d}.ia-select-dropdown-v3 .ia-select-option{align-items:center;background-color:initial;border-radius:8px;box-sizing:border-box;color:#1f2b4d;cursor:pointer;display:flex;font-family:Manrope,sans-serif;font-weight:500;height:36px;margin-bottom:2px;padding:0 12px}.ia-select-dropdown-v3 .ia-select-option:has(.disabled){opacity:.5;pointer-events:none}.ia-select-dropdown-v3 .ia-select-option.submenu-active,.ia-select-dropdown-v3 .ia-select-option:focus,.ia-select-dropdown-v3 .ia-select-option:hover{background-color:#f5f6fa;border-radius:8px}.ia-select-dropdown-v3 .ia-select-option.ia-select-option-highlighted{background-color:#f5f6fa;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-dropdown-v3 .ia-select-option.ia-select-option--selected{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important}.select-option-content{flex:1 1 auto;min-width:0;overflow:hidden;width:100%}.select-option-content .select-submenu-chevron{bottom:11px;color:#60697d;height:16px;position:absolute;right:12px;width:16px}.ia-select-submenu-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px 12px}.ia-select-submenu-header .ia-select-submenu-back{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:0}.ia-select-submenu-header .ia-select-submenu-back:hover{color:#374151}.ia-select-dropdown-container{display:flex;position:relative}.ia-select-dropdown-v3{flex:1}.select-label-with-icon{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.select-label-with-icon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-select-submenu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;max-height:200px;overflow-y:auto;overscroll-behavior:contain;padding:8px 6px;z-index:3}.ia-select-submenu-content .select-option-content:not(:first-child){margin-top:2px}.ia-select-submenu-content .select-option-content{padding:7.5px 0 7.5px 12px}.ia-select-submenu-content .select-option-content:hover{background-color:#f5f6fa!important;border-radius:8px;color:#1f2b4d!important}.ia-select-submenu-content .select-option-content.selected{background-color:#edf0ff!important;border-radius:8px;color:#1f2b4d!important}.ia-select-chevron-icon.disabled{cursor:not-allowed;filter:grayscale(100%);opacity:.4;opacity:.2;pointer-events:none}.ia-select-submenu-content .ia-select-option-highlighted{background-color:#f5f6fa!important;border-radius:8px;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:-2px}.ia-select-footer-message{align-items:center;border-top:1px solid #f5f6fa;display:flex;justify-content:space-between;padding:8px 12px 4px}.ia-select-footer-message .ia-select-max-selectable-options{background-position:0 1px;border:none;padding:0 0 0 20px}.ia-select-footer-message .ia-styles.ia-btn.ia-btn-with-icon{height:16px}.ia-select-footer-message .ia-select-footer-description{color:#60697d;font-size:12px;font-weight:500;line-height:16px}.ia-select-footer-message .ia-select-footer-action-button{color:#4259ee;cursor:pointer;font-size:12px;font-weight:500;padding:0;white-space:nowrap}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
3
3
|
import React__default, { useState, useRef, useMemo, useEffect, useCallback } from "react";
|
|
4
4
|
import ReactSelect from "react-select";
|
|
@@ -21,7 +21,13 @@ import { HelperText } from "../common/HelperText/index.js";
|
|
|
21
21
|
|
|
22
22
|
import { useTranslation } from "../../i18n/useTranslation.js";
|
|
23
23
|
const selectStyles = {
|
|
24
|
-
menu: () => ({})
|
|
24
|
+
menu: () => ({}),
|
|
25
|
+
// Neutralize react-select emotion styles so we rely on stable classNames + SCSS
|
|
26
|
+
control: () => ({ display: "none" }),
|
|
27
|
+
option: () => ({}),
|
|
28
|
+
group: () => ({}),
|
|
29
|
+
groupHeading: () => ({}),
|
|
30
|
+
menuList: () => ({})
|
|
25
31
|
};
|
|
26
32
|
const SUBMENU_MAX_HEIGHT = 200;
|
|
27
33
|
const countTotalSelectedOptions = (selectedOptions) => {
|
|
@@ -942,11 +948,14 @@ const Select = React__default.memo(function Select2(props) {
|
|
|
942
948
|
captureMenuScroll: false,
|
|
943
949
|
className: "ia-select-dropdown-v3",
|
|
944
950
|
classNames: {
|
|
945
|
-
option: ({ data }) => {
|
|
951
|
+
option: ({ data, isSelected }) => {
|
|
946
952
|
const opt = data;
|
|
947
953
|
const optIdx = flatOptions.findIndex((o) => o.value === (opt == null ? void 0 : opt.value));
|
|
948
|
-
return `ia-select-option${(submenuParent == null ? void 0 : submenuParent.value) === (opt == null ? void 0 : opt.value) ? " submenu-active" : ""}${isKeyboardNav && optIdx >= 0 && optIdx === highlightedIndex ? " ia-select-option-highlighted" : ""}`;
|
|
949
|
-
}
|
|
954
|
+
return `ia-select-option${isSelected ? " ia-select-option--selected" : ""}${(submenuParent == null ? void 0 : submenuParent.value) === (opt == null ? void 0 : opt.value) ? " submenu-active" : ""}${isKeyboardNav && optIdx >= 0 && optIdx === highlightedIndex ? " ia-select-option-highlighted" : ""}`;
|
|
955
|
+
},
|
|
956
|
+
group: () => "ia-select-group",
|
|
957
|
+
groupHeading: () => "ia-select-group-heading",
|
|
958
|
+
menuList: () => "ia-select-menu-list"
|
|
950
959
|
},
|
|
951
960
|
components: {
|
|
952
961
|
IndicatorSeparator: null,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('.impact-sidebar-container{background-color:#0d152c;color:#fff;height:100%;left:0;min-height:100vh;overflow:hidden;padding:12px;position:fixed;top:0;transition:all .2s ease-in;width:64px;z-index:1200}.impact-sidebar-container .impact-sidebar-toggle-btns{display:flex;justify-content:flex-start;width:40px}.impact-sidebar-container .impact-sidebar-routes-list{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:34px -12px 0;max-height:calc(100% - 200px);overflow-y:auto;scrollbar-width:none}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item-link{color:#fff;text-decoration:none;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item{align-items:center;display:flex;flex-shrink:0;gap:24px;height:48px;overflow:hidden;padding:14px 20px;position:relative;transition:width .2s ease-in,gap .2s ease-in,background-color .2s ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:before{background-color:#3bb273;border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:0;transition:height .2s linear;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal{transition:width .2s ease-in,gap .2s ease-in,background-color .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .indicator-turn-up{transform:rotate(-90deg)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label-text{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-list .route-active{background-color:#1f2b4d}.impact-sidebar-container .impact-sidebar-routes-list .route-active:before{height:100%}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled{color:#7a8294;pointer-events:none}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled svg{color:#7a8294}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children{align-items:flex-start;display:flex;flex-direction:column;height:0;margin-top:8px;opacity:0;overflow:hidden;padding-left:24px;position:relative;transition:width .2s ease-in,gap .2s ease-in,background-color .2s ease-in;visibility:hidden}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children:before{background-color:#1f2b4d;border-radius:0 4px 4px 0;content:"";height:var(--before-height);left:24px;position:absolute;top:0;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{align-items:center;display:flex;flex-shrink:0;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-iconsvg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-label{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-hidden-list{height:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out;visibility:hidden}.impact-sidebar-container .show-hidden-menu{height:100%;opacity:1;visibility:visible}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon{align-items:center;display:flex;flex-shrink:0;gap:20px;height:48px;overflow:hidden;padding:14px 20px;transition:width 50ms ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon svg{color:#3bb273;transition:transform .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon span{flex-shrink:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .show-hidden-menu-icon svg{transform:rotate(-180deg)}.impact-sidebar-container .impact-sidebar-actions-container{bottom:0;display:flex;flex-direction:column;justify-content:center;margin:0 -12px;position:absolute;width:inherit}.impact-sidebar-container .impact-sidebar-actions-container:before{background-color:#31416e;content:"";height:1px;left:0;position:absolute;top:-12px;width:100%}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-routes-list{margin:0}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item{align-items:center;display:flex;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item .impact-sidebar-actions-list-item-label{font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .impact-sidebar-actions-container .logout-container{color:#3bb273}.impact-sidebar-container .impact-sidebar-actions-container .logout-container:hover{background-color:#31416e;cursor:pointer}.impact-sidebar-container .impact-sidebar-actions-container .logout-container .logout-container-img{width:20px}.sidebar-open{width:280px}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item-children-indicator-horizontal{transform:rotate(90deg)}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-hidden-list-icon{width:100%}.sidebar-open .impact-sidebar-routes-list .child-route-visible{height:var(--before-height);min-height:var(--before-height);opacity:1;visibility:visible}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:hover{background-color:#31416e;cursor:pointer}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:before{background-color:#3bb273;content:"";height:0;left:1px;position:absolute;top:0;width:3px}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active{color:#3bb273;cursor:pointer;position:relative}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon svg{color:#3bb273}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(52%) sepia(87%) saturate(322%) hue-rotate(96deg) brightness(97%) contrast(86%)}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active:before{animation:childAnimation 1s forwards}@keyframes childAnimation{0%{height:0}to{height:100%}}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled{color:#7a8294;pointer-events:none}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled svg{color:#7a8294}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.sidebar-open .impact-sidebar-actions-container:before{left:12px;width:calc(100% - 24px)}.sidebar-open .impact-sidebar-actions-container .impact-sidebar-actions-list-item{gap:22px;width:100%}.impact-sidebar-toggle-btns:hover{cursor:pointer}.impact-sidebar-toggle-btns{--ia-focus-ring-inset:-4px;position:relative}.impact-sidebar-toggle-btns:focus-visible{outline:none;position:relative;z-index:1}.impact-sidebar-toggle-btns:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-toggle-btns:focus:not(:focus-visible){outline:none}.impact-sidebar-routes-list-item:focus-visible{outline:none;position:relative;z-index:1}.impact-sidebar-routes-list-item:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-routes-list-item:focus:not(:focus-visible){outline:none}.impact-sidebar-routes-list-item-children:focus-visible{outline:none;z-index:1}.impact-sidebar-routes-list-item-children:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-routes-list-item-children:focus:not(:focus-visible){outline:none}.impact-sidebar-routes-list-item-children:focus-visible{position:relative}.impact-sidebar-routes-hidden-list-icon{position:relative}.impact-sidebar-routes-hidden-list-icon:focus-visible{outline:none;position:relative;z-index:1}.impact-sidebar-routes-hidden-list-icon:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-routes-hidden-list-icon:focus:not(:focus-visible){outline:none}.impact-sidebar-actions-list-item:focus-visible{outline:none;z-index:1}.impact-sidebar-actions-list-item:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-actions-list-item:focus:not(:focus-visible){outline:none}.impact-sidebar-actions-list-item:focus-visible{position:relative}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode('.impact-sidebar-container{background-color:#0d152c;color:#fff;display:flex;flex-direction:column;height:100%;left:0;min-height:100vh;overflow:hidden;padding:12px;position:fixed;top:0;transition:all .2s ease-in;width:64px;z-index:1200}.impact-sidebar-container .impact-sidebar-toggle-btns{display:flex;justify-content:flex-start;width:40px}.impact-sidebar-container .impact-sidebar-routes-list{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:34px -12px 0;overflow-y:auto;scrollbar-width:none}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item-link{color:#fff;text-decoration:none;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item{align-items:center;display:flex;flex-shrink:0;gap:24px;height:48px;overflow:hidden;padding:14px 20px;position:relative;transition:width .2s ease-in,gap .2s ease-in,background-color .2s ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:before{background-color:#3bb273;border-radius:0 4px 4px 0;content:"";height:0;left:0;position:absolute;top:0;transition:height .2s linear;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal{transition:width .2s ease-in,gap .2s ease-in,background-color .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-children-indicator-horizontal svg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .indicator-turn-up{transform:rotate(-90deg)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-item .impact-sidebar-routes-list-item-label-text{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-list .route-active{background-color:#1f2b4d}.impact-sidebar-container .impact-sidebar-routes-list .route-active:before{height:100%}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled{color:#7a8294;pointer-events:none}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled svg{color:#7a8294}.impact-sidebar-container .impact-sidebar-routes-list .route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children{align-items:flex-start;display:flex;flex-direction:column;height:0;margin-top:8px;opacity:0;overflow:hidden;padding-left:24px;position:relative;transition:width .2s ease-in,gap .2s ease-in,background-color .2s ease-in;visibility:hidden}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children:before{background-color:#1f2b4d;border-radius:0 4px 4px 0;content:"";height:var(--before-height);left:24px;position:absolute;top:0;width:4px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{align-items:center;display:flex;flex-shrink:0;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-iconsvg{font-size:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(0) saturate(2%) hue-rotate(133deg) brightness(106%) contrast(101%);height:20px;width:20px}.impact-sidebar-container .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children .impact-sidebar-routes-list-item-child-label{flex-shrink:1;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.impact-sidebar-container .impact-sidebar-routes-hidden-list{height:0;opacity:0;overflow:hidden;transition:height .2s ease-in-out;visibility:hidden}.impact-sidebar-container .show-hidden-menu{height:100%;opacity:1;visibility:visible}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon{align-items:center;display:flex;flex-shrink:0;gap:20px;height:48px;overflow:hidden;padding:14px 20px;transition:width 50ms ease-in;width:64px}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon svg{color:#3bb273;transition:transform .2s ease-in}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon:hover{background-color:#1f2b4d;cursor:pointer}.impact-sidebar-container .impact-sidebar-routes-hidden-list-icon span{flex-shrink:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container>.impact-sidebar-routes-list{flex:1;min-height:0}.impact-sidebar-container .show-hidden-menu-icon svg{transform:rotate(-180deg)}.impact-sidebar-container .impact-sidebar-actions-container{background-color:#0d152c;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin:0 -12px;position:relative;width:inherit}.impact-sidebar-container .impact-sidebar-actions-container:before{background-color:#31416e;content:"";height:1px;left:0;position:absolute;top:0;width:100%}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-routes-list{margin:0}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item{align-items:center;display:flex;gap:22px;height:48px;overflow:hidden;padding:14px 20px;transition:all .2s ease-in;width:60px}.impact-sidebar-container .impact-sidebar-actions-container .impact-sidebar-actions-list-item .impact-sidebar-actions-list-item-label{font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:19.12px}.impact-sidebar-container .impact-sidebar-actions-container .logout-container{color:#3bb273}.impact-sidebar-container .impact-sidebar-actions-container .logout-container:hover{background-color:#31416e;cursor:pointer}.impact-sidebar-container .impact-sidebar-actions-container .logout-container .logout-container-img{width:20px}.sidebar-open{width:280px}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-item-children-indicator-horizontal{transform:rotate(90deg)}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-list-children .impact-sidebar-routes-list-item-children{gap:22px;width:100%}.sidebar-open .impact-sidebar-routes-list .impact-sidebar-routes-hidden-list-icon{width:100%}.sidebar-open .impact-sidebar-routes-list .child-route-visible{height:var(--before-height);min-height:var(--before-height);opacity:1;visibility:visible}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:hover{background-color:#31416e;cursor:pointer}.sidebar-open .impact-sidebar-routes-list .child-route-visible .impact-sidebar-routes-list-item-children:before{background-color:#3bb273;content:"";height:0;left:1px;position:absolute;top:0;width:3px}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active{color:#3bb273;cursor:pointer;position:relative}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon svg{color:#3bb273}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active .impact-sidebar-routes-list-item-child-icon img{filter:brightness(0) saturate(100%) invert(52%) sepia(87%) saturate(322%) hue-rotate(96deg) brightness(97%) contrast(86%)}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-active:before{animation:childAnimation 1s forwards}@keyframes childAnimation{0%{height:0}to{height:100%}}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled{color:#7a8294;pointer-events:none}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled svg{color:#7a8294}.sidebar-open .impact-sidebar-routes-list .child-route-visible .child-route-disabled img{filter:brightness(0) saturate(100%) invert(58%) sepia(7%) saturate(821%) hue-rotate(184deg) brightness(87%) contrast(84%)}.sidebar-open .impact-sidebar-actions-container:before{left:12px;width:calc(100% - 24px)}.sidebar-open .impact-sidebar-actions-container .impact-sidebar-actions-list-item{gap:22px;width:100%}.impact-sidebar-toggle-btns:hover{cursor:pointer}.impact-sidebar-toggle-btns{--ia-focus-ring-inset:-4px;position:relative}.impact-sidebar-toggle-btns:focus-visible{outline:none;position:relative;z-index:1}.impact-sidebar-toggle-btns:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-toggle-btns:focus:not(:focus-visible){outline:none}.impact-sidebar-routes-list-item:focus-visible{outline:none;position:relative;z-index:1}.impact-sidebar-routes-list-item:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-routes-list-item:focus:not(:focus-visible){outline:none}.impact-sidebar-routes-list-item-children:focus-visible{outline:none;z-index:1}.impact-sidebar-routes-list-item-children:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-routes-list-item-children:focus:not(:focus-visible){outline:none}.impact-sidebar-routes-list-item-children:focus-visible{position:relative}.impact-sidebar-routes-hidden-list-icon{position:relative}.impact-sidebar-routes-hidden-list-icon:focus-visible{outline:none;position:relative;z-index:1}.impact-sidebar-routes-hidden-list-icon:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-routes-hidden-list-icon:focus:not(:focus-visible){outline:none}.impact-sidebar-actions-list-item:focus-visible{outline:none;z-index:1}.impact-sidebar-actions-list-item:focus-visible:after{border:2px solid var(--ia-focus-color,#4259ee);border-radius:12px;content:"";inset:var(--ia-focus-ring-inset,2px);pointer-events:none;position:absolute}.impact-sidebar-actions-list-item:focus:not(:focus-visible){outline:none}.impact-sidebar-actions-list-item:focus-visible{position:relative}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
|
|
2
2
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
3
3
|
import { useRef, useCallback, useEffect } from "react";
|
|
4
4
|
import { getAssetUrl } from "../../utils/assetBase.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-stepper{font-family:Manrope,sans-serif!important}.ia-styles.ia-stepper.MuiStepContent-root{border-left:none;bottom:0;margin-left:12px;padding-left:20px;padding-right:8px;position:absolute}.ia-styles.ia-stepper.MuiBox-root{max-width:none}.ia-styles.ia-stepper.ia-stepper{font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;height:44px;padding-left:12px;padding-right:12px;position:relative;width:100%}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;border-radius:8px;color:#4259ee}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff;font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#d9dde7;border-radius:8px;color:#d9dde7;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#7a8294;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273 url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg) no-repeat;background-position:50%;background-size:16px;border-radius:6px;color:#3bb273;position:relative}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;color:#4259ee;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#7a8294;color:#7a8294;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#fff;font-weight:700}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273;background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;color:#3bb273;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label{font-family:Manrope,sans-serif;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label.Mui-completed{color:#3bb273}.ia-styles.ia-stepper .MuiTypography-caption{font-family:Manrope,sans-serif}.ia-styles.ia-stepper .MuiStepLabel-label.Mui-completed+.MuiTypography-root.MuiTypography-caption{color:#3bb273}.ia-styles.ia-stepper .MuiStepConnector-root{margin-left:20px}.ia-styles.ia-stepper .MuiStepConnector-root .MuiStepConnector-line{border-color:#b4bac7;border-style:dashed;width:23px}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active){border-bottom:2px solid #4259ee!important}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active):before{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-triangle.svg) no-repeat;background-size:13px;bottom:-10px;content:" ";height:10px;left:18px;position:absolute;width:13px}.ia-styles.ia-stepper .MuiStep-root:has(.Mui-completed){border-bottom:2px solid #108431!important}.ia-styles.ia-stepper .MuiStep-vertical{border-radius:8px;padding:8px;position:relative}.ia-styles.ia-stepper .MuiStep-vertical.Mui-completed{background:#ebf7f1;border:1px solid #ebf7f1!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active){background:#eceefd;border:1px solid #eceefd!important}.ia-styles.ia-stepper .MuiStepLabel-vertical{padding:0!important}.ia-styles.ia-stepper.progress .progress-steps{display:flex;gap:8px;margin-bottom:0}.ia-styles.ia-stepper.progress .progress-steps .step{background-color:#eceefd;border-radius:4px;height:8px;transition:background-color .3s ease;width:132px}.ia-styles.ia-stepper.progress .progress-steps .step.active,.ia-styles.ia-stepper.progress .progress-steps .step.completed{background-color:#4259ee}.ia-styles.ia-stepper.progress .step-labels{display:flex;justify-content:space-between}.ia-styles.ia-stepper.progress .step-labels .step-label{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.ia-styles.ia-stepper.progress .step-labels .step-label.active,.ia-styles.ia-stepper.progress .step-labels .step-label.completed{color:#3649c6}.ia-styles.ia-stepper.numbered .numbered-steps{align-items:center;display:flex;gap:16px;margin-bottom:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step.active{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.numbered .numbered-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";height:2px;position:absolute;right:-16px;width:16px}.ia-styles.ia-stepper.labeled .labeled-steps{align-items:center;display:flex;gap:24px;margin-bottom:32px}.ia-styles.ia-stepper.labeled .labeled-steps .step{align-items:center;display:flex;gap:8px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-number{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease;width:24px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-label{color:#666;font-size:14px;transition:color .3s ease}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-number{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-label{color:#1a1a1a;font-weight:600}.ia-styles.ia-stepper.labeled .labeled-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";display:block;height:1px;margin-left:8px;width:24px}.ia-styles.ia-stepper .status-config{flex:1}.ia-styles.ia-stepper .status-config .MuiStepLabel-label{align-items:center;display:flex;justify-content:space-between;max-width:none!important}.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#0d152c}.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#4259ee}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-stepper{font-family:Manrope,sans-serif!important}.ia-styles.ia-stepper.MuiStepContent-root{border-left:none;bottom:0;margin-left:12px;padding-left:20px;padding-right:8px;position:absolute}.ia-styles.ia-stepper.MuiBox-root{max-width:none}.ia-styles.ia-stepper.ia-stepper{font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal{align-items:center;background:#fff;border-radius:8px;cursor:pointer;display:flex;height:44px;padding-left:12px;padding-right:12px;position:relative;width:100%}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-stepper.ia-stepper .MuiStep-horizontal:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;border-radius:8px;color:#4259ee}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff;font-family:Manrope,sans-serif}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#d9dde7;border-radius:8px;color:#d9dde7;height:24px;width:24px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#7a8294;font-family:Manrope,sans-serif;font-weight:800}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273 url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg) no-repeat;background-position:50%;background-size:16px;border-radius:6px;color:#3bb273;position:relative}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active{background:#4259ee;color:#4259ee;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-active .MuiStepIcon-text{fill:#fff}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root{background:#7a8294;color:#7a8294;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root .MuiStepIcon-text{fill:#fff;font-weight:700}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-vertical .MuiStepLabel-iconContainer .MuiSvgIcon-root.Mui-completed{background:#3bb273;background-image:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/checkmark.svg);background-position:50%;background-repeat:no-repeat;background-size:12px;color:#3bb273;height:20px;width:20px}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label{font-family:Manrope,sans-serif;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-styles.ia-stepper.ia-stepper .MuiStepLabel-labelContainer .MuiStepLabel-label.Mui-completed{color:#3bb273}.ia-styles.ia-stepper .MuiTypography-caption{font-family:Manrope,sans-serif}.ia-styles.ia-stepper .MuiStepLabel-label.Mui-completed+.MuiTypography-root.MuiTypography-caption{color:#3bb273}.ia-styles.ia-stepper .MuiStepConnector-root.MuiStepConnector-vertical{margin-left:20px}.ia-styles.ia-stepper .MuiStepConnector-root .MuiStepConnector-line{border-color:#b4bac7;border-style:dashed;width:24px}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active){border-bottom:2px solid #4259ee!important}.ia-styles.ia-stepper .MuiStep-horizontal:has(.Mui-active):before{background:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/stepper-triangle.svg) no-repeat;background-size:13px;bottom:-10px;content:" ";height:10px;left:18px;position:absolute;width:13px}.ia-styles.ia-stepper .MuiStep-root:has(.Mui-completed){border-bottom:2px solid #108431!important}.ia-styles.ia-stepper .MuiStep-vertical{border-radius:8px;padding:8px;position:relative}.ia-styles.ia-stepper .MuiStep-vertical.Mui-completed{background:#ebf7f1;border:1px solid #ebf7f1!important}.ia-styles.ia-stepper .MuiStep-vertical:has(.Mui-active){background:#eceefd;border:1px solid #eceefd!important}.ia-styles.ia-stepper .MuiStepLabel-vertical{padding:0!important}.ia-styles.ia-stepper.progress .progress-steps{display:flex;gap:8px;margin-bottom:0}.ia-styles.ia-stepper.progress .progress-steps .step{background-color:#eceefd;border-radius:4px;height:8px;transition:background-color .3s ease;width:132px}.ia-styles.ia-stepper.progress .progress-steps .step.active,.ia-styles.ia-stepper.progress .progress-steps .step.completed{background-color:#4259ee}.ia-styles.ia-stepper.progress .step-labels{display:flex;justify-content:space-between}.ia-styles.ia-stepper.progress .step-labels .step-label{color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:color .3s ease}.ia-styles.ia-stepper.progress .step-labels .step-label.active,.ia-styles.ia-stepper.progress .step-labels .step-label.completed{color:#3649c6}.ia-styles.ia-stepper.numbered .numbered-steps{align-items:center;display:flex;gap:16px;margin-bottom:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ia-styles.ia-stepper.numbered .numbered-steps .step.active{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.numbered .numbered-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";height:2px;position:absolute;right:-16px;width:16px}.ia-styles.ia-stepper.labeled .labeled-steps{align-items:center;display:flex;gap:24px;margin-bottom:32px}.ia-styles.ia-stepper.labeled .labeled-steps .step{align-items:center;display:flex;gap:8px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-number{align-items:center;background-color:#e8e8e8;border-radius:50%;color:#666;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;transition:all .3s ease;width:24px}.ia-styles.ia-stepper.labeled .labeled-steps .step .step-label{color:#666;font-size:14px;transition:color .3s ease}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-number{background-color:#3649c6;color:#fff}.ia-styles.ia-stepper.labeled .labeled-steps .step.active .step-label{color:#1a1a1a;font-weight:600}.ia-styles.ia-stepper.labeled .labeled-steps .step:not(:last-child):after{background-color:#e8e8e8;content:"";display:block;height:1px;margin-left:8px;width:24px}.ia-styles.ia-stepper .status-config{flex:1}.ia-styles.ia-stepper .status-config .MuiStepLabel-label{align-items:center;display:flex;justify-content:space-between;max-width:none!important}.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-horizontal .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#0d152c}.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active,.ia-stepper.MuiStepper-vertical .MuiStepLabel-label.Mui-active+.MuiTypography-root.MuiTypography-caption{color:#4259ee}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Badge } from "../Badge/index.js";
|
|
4
4
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;CAwB/B,4CAmUA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdvanceSortModal.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AdvanceSortModal.tsx"],"names":[],"mappings":"AAuKA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAY,EAAE,SAAc,EAAE,OAAO,EAAE;;;;;;CAAA,2CAkJhG"}
|