impact-ui 4.0.18 → 5.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/README.md +8 -9
  2. package/dist/_virtual/_commonjsHelpers.js +0 -2
  3. package/dist/components/Input/index.js +2 -2
  4. package/dist/components/KeyboardShortCuts/ShortcutLandingPage.js +1 -1
  5. package/dist/components/KeyboardShortCuts/ShortcutModal.js +1 -1
  6. package/dist/components/KeyboardShortCuts/allSetBox.js +1 -1
  7. package/dist/components/KeyboardShortCuts/index.d.ts.map +1 -1
  8. package/dist/components/KeyboardShortCuts/index.js +38 -112
  9. package/dist/components/KeyboardShortCuts/tutorial.js +1 -1
  10. package/dist/components/OnboardingTour/index.d.ts +61 -0
  11. package/dist/components/OnboardingTour/index.d.ts.map +1 -0
  12. package/dist/components/OnboardingTour/index.js +232 -0
  13. package/dist/components/OnboardingTour/productTourList.d.ts +39 -0
  14. package/dist/components/OnboardingTour/productTourList.d.ts.map +1 -0
  15. package/dist/components/OnboardingTour/productTourList.js +86 -0
  16. package/dist/components/OnboardingTour/tooltipCard.d.ts +45 -0
  17. package/dist/components/OnboardingTour/tooltipCard.d.ts.map +1 -0
  18. package/dist/components/OnboardingTour/tooltipCard.js +96 -0
  19. package/dist/components/OnboardingTour/useTooltipCardPosition.d.ts +29 -0
  20. package/dist/components/OnboardingTour/useTooltipCardPosition.d.ts.map +1 -0
  21. package/dist/components/OnboardingTour/useTooltipCardPosition.js +221 -0
  22. package/dist/components/Select/index.d.ts.map +1 -1
  23. package/dist/components/Select/index.js +14 -5
  24. package/dist/components/{Table → TableV36}/AdvanceSearchModalItem.d.ts +3 -1
  25. package/dist/components/TableV36/AdvanceSearchModalItem.d.ts.map +1 -0
  26. package/dist/components/{Table → TableV36}/AdvanceSortModal.d.ts +3 -1
  27. package/dist/components/TableV36/AdvanceSortModal.d.ts.map +1 -0
  28. package/dist/components/{Table → TableV36}/AdvanceSortModal.js +41 -37
  29. package/dist/components/{Table → TableV36}/AgGridHeader.d.ts +2 -1
  30. package/dist/components/TableV36/AgGridHeader.d.ts.map +1 -0
  31. package/dist/components/{Table → TableV36}/AgGridHeader.js +93 -105
  32. package/dist/components/TableV36/AgGridHeaderGroup.d.ts +3 -0
  33. package/dist/components/TableV36/AgGridHeaderGroup.d.ts.map +1 -0
  34. package/dist/components/TableV36/AgGridHeaderGroup.js +29 -0
  35. package/dist/components/TableV36/CellTooltip.d.ts +14 -0
  36. package/dist/components/TableV36/CellTooltip.d.ts.map +1 -0
  37. package/dist/components/TableV36/CellTooltip.js +11 -0
  38. package/dist/components/{Table → TableV36}/CommentsPortal.d.ts +5 -3
  39. package/dist/components/TableV36/CommentsPortal.d.ts.map +1 -0
  40. package/dist/components/{Table → TableV36}/CommentsPortal.js +6 -10
  41. package/dist/components/TableV36/HighlightedText.d.ts +11 -0
  42. package/dist/components/TableV36/HighlightedText.d.ts.map +1 -0
  43. package/dist/components/TableV36/HighlightedText.js +20 -0
  44. package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +1 -0
  45. package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModal.js +26 -26
  46. package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts +5 -4
  47. package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +1 -0
  48. package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +19 -43
  49. package/dist/components/{Table → TableV36}/NoComments.d.ts +3 -1
  50. package/dist/components/TableV36/NoComments.d.ts.map +1 -0
  51. package/dist/components/{Table → TableV36}/NoComments.js +3 -5
  52. package/dist/components/TableV36/Table.types.d.ts +127 -0
  53. package/dist/components/TableV36/Table.types.d.ts.map +1 -0
  54. package/dist/components/TableV36/TableSkeletonCell.d.ts +18 -0
  55. package/dist/components/TableV36/TableSkeletonCell.d.ts.map +1 -0
  56. package/dist/components/TableV36/TableSkeletonCell.js +38 -0
  57. package/dist/components/TableV36/TableV36PortalContext.d.ts +6 -0
  58. package/dist/components/TableV36/TableV36PortalContext.d.ts.map +1 -0
  59. package/dist/components/TableV36/TableV36PortalContext.js +10 -0
  60. package/dist/components/{TableOld → TableV36}/actionBar.d.ts +3 -1
  61. package/dist/components/TableV36/actionBar.d.ts.map +1 -0
  62. package/dist/components/{Table → TableV36}/actionBar.js +1 -5
  63. package/dist/components/{Table → TableV36}/advanceSearchModal.d.ts +3 -1
  64. package/dist/components/TableV36/advanceSearchModal.d.ts.map +1 -0
  65. package/dist/components/{Table → TableV36}/filterUtils.d.ts +2 -56
  66. package/dist/components/TableV36/filterUtils.d.ts.map +1 -0
  67. package/dist/components/{Table → TableV36}/filterUtils.js +17 -100
  68. package/dist/components/TableV36/index.d.ts +3 -0
  69. package/dist/components/TableV36/index.d.ts.map +1 -0
  70. package/dist/components/TableV36/index.js +1858 -0
  71. package/dist/components/TableV36/mockData.d.ts.map +1 -0
  72. package/dist/components/TableV36/resolveTableLoadingOptions.d.ts +62 -0
  73. package/dist/components/TableV36/resolveTableLoadingOptions.d.ts.map +1 -0
  74. package/dist/components/TableV36/resolveTableLoadingOptions.js +52 -0
  75. package/dist/components/TableV36/resolveTableLoadingOptions.test.d.ts +2 -0
  76. package/dist/components/TableV36/resolveTableLoadingOptions.test.d.ts.map +1 -0
  77. package/dist/components/{TableOld → TableV36}/tableFunctions.d.ts +14 -10
  78. package/dist/components/TableV36/tableFunctions.d.ts.map +1 -0
  79. package/dist/components/{shared/tableColumnSettings/columnsTabV36.js → TableV36/tableFunctions.js} +666 -292
  80. package/dist/components/{Table → TableV36}/tableHeader.d.ts +7 -3
  81. package/dist/components/TableV36/tableHeader.d.ts.map +1 -0
  82. package/dist/components/{Table → TableV36}/tableHeader.js +26 -30
  83. package/dist/components/{TableOld → TableV36}/tableIcons.d.ts.map +1 -1
  84. package/dist/components/{Table → TableV36}/tableMoreOptions.d.ts +7 -3
  85. package/dist/components/TableV36/tableMoreOptions.d.ts.map +1 -0
  86. package/dist/components/{Table → TableV36}/tableMoreOptions.js +66 -86
  87. package/dist/components/{Table → TableV36}/tablePagination.d.ts +3 -1
  88. package/dist/components/TableV36/tablePagination.d.ts.map +1 -0
  89. package/dist/components/{Table → TableV36}/tablePagination.js +9 -16
  90. package/dist/components/{Table → TableV36}/tableSettings.d.ts +6 -3
  91. package/dist/components/TableV36/tableSettings.d.ts.map +1 -0
  92. package/dist/components/{shared/tableColumnSettings/tableSettingsV36.js → TableV36/tableSettings.js} +34 -40
  93. package/dist/components/TableV36/tableUtils.d.ts +17 -0
  94. package/dist/components/TableV36/tableUtils.d.ts.map +1 -0
  95. package/dist/components/TableV36/tableUtils.js +60 -0
  96. package/dist/components/TableV36/withCommentIcon.d.ts +13 -0
  97. package/dist/components/TableV36/withCommentIcon.d.ts.map +1 -0
  98. package/dist/components/TableV36/withCommentIcon.js +134 -0
  99. package/dist/components/TextArea/index.js +1 -1
  100. package/dist/components/index.d.ts +3 -2
  101. package/dist/components/index.d.ts.map +1 -1
  102. package/dist/components/index.js +4 -4
  103. package/dist/components/shared/tableColumnSettings/agGridColumnSettingsApi.d.ts +2 -4
  104. package/dist/components/shared/tableColumnSettings/agGridColumnSettingsApi.d.ts.map +1 -1
  105. package/dist/mcp-component-registry.json +268 -337
  106. package/dist/node_modules/@impactsmartsuite/impact-icons/dist/index.js +250 -115
  107. package/dist/stories/tableStoryDefaults.d.ts +1 -1
  108. package/dist/stories/tableStoryDefaults.d.ts.map +1 -1
  109. package/dist/stories/tableStoryManyColumns.d.ts +1 -1
  110. package/dist/stories/tableV36ChatApiMock.d.ts +420 -0
  111. package/dist/stories/tableV36ChatApiMock.d.ts.map +1 -0
  112. package/dist/utils/helper.js +0 -60
  113. package/package.json +8 -8
  114. package/dist/_virtual/lodash.js +0 -4
  115. package/dist/components/Table/AdvanceSearchModalItem.d.ts.map +0 -1
  116. package/dist/components/Table/AdvanceSearchModalItem.js +0 -313
  117. package/dist/components/Table/AdvanceSortModal.d.ts.map +0 -1
  118. package/dist/components/Table/AgGridHeader.d.ts.map +0 -1
  119. package/dist/components/Table/CommentsPortal.d.ts.map +0 -1
  120. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +0 -1
  121. package/dist/components/Table/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +0 -1
  122. package/dist/components/Table/NoComments.d.ts.map +0 -1
  123. package/dist/components/Table/Table.types.d.ts +0 -40
  124. package/dist/components/Table/Table.types.d.ts.map +0 -1
  125. package/dist/components/Table/actionBar.d.ts +0 -7
  126. package/dist/components/Table/actionBar.d.ts.map +0 -1
  127. package/dist/components/Table/advanceSearchModal.d.ts.map +0 -1
  128. package/dist/components/Table/advanceSearchModal.js +0 -601
  129. package/dist/components/Table/agGridLocale.d.ts +0 -33
  130. package/dist/components/Table/agGridLocale.d.ts.map +0 -1
  131. package/dist/components/Table/agGridLocale.js +0 -59
  132. package/dist/components/Table/filterUtils.d.ts.map +0 -1
  133. package/dist/components/Table/filterUtils.test.d.ts +0 -2
  134. package/dist/components/Table/filterUtils.test.d.ts.map +0 -1
  135. package/dist/components/Table/index.d.ts +0 -4
  136. package/dist/components/Table/index.d.ts.map +0 -1
  137. package/dist/components/Table/index.js +0 -1441
  138. package/dist/components/Table/mockData.d.ts.map +0 -1
  139. package/dist/components/Table/tableFunctions.d.ts +0 -57
  140. package/dist/components/Table/tableFunctions.d.ts.map +0 -1
  141. package/dist/components/Table/tableFunctions.js +0 -1317
  142. package/dist/components/Table/tableHeader.d.ts.map +0 -1
  143. package/dist/components/Table/tableIcons.d.ts.map +0 -1
  144. package/dist/components/Table/tableMoreOptions.d.ts.map +0 -1
  145. package/dist/components/Table/tablePagination.d.ts.map +0 -1
  146. package/dist/components/Table/tableSettings.d.ts.map +0 -1
  147. package/dist/components/Table/tableSettings.js +0 -282
  148. package/dist/components/Table/withCommentIcon.d.ts +0 -2
  149. package/dist/components/Table/withCommentIcon.d.ts.map +0 -1
  150. package/dist/components/Table/withCommentIcon.js +0 -88
  151. package/dist/components/TableOld/AgGridHeader.d.ts +0 -14
  152. package/dist/components/TableOld/AgGridHeader.d.ts.map +0 -1
  153. package/dist/components/TableOld/AgGridHeader.js +0 -496
  154. package/dist/components/TableOld/actionBar.d.ts.map +0 -1
  155. package/dist/components/TableOld/actionBar.js +0 -35
  156. package/dist/components/TableOld/index.d.ts +0 -3
  157. package/dist/components/TableOld/index.d.ts.map +0 -1
  158. package/dist/components/TableOld/index.js +0 -645
  159. package/dist/components/TableOld/mockData.d.ts +0 -39
  160. package/dist/components/TableOld/mockData.d.ts.map +0 -1
  161. package/dist/components/TableOld/tableFunctions.d.ts.map +0 -1
  162. package/dist/components/TableOld/tableFunctions.js +0 -1321
  163. package/dist/components/TableOld/tableHeader.d.ts +0 -53
  164. package/dist/components/TableOld/tableHeader.d.ts.map +0 -1
  165. package/dist/components/TableOld/tableHeader.js +0 -229
  166. package/dist/components/TableOld/tableIcons.d.ts +0 -5
  167. package/dist/components/TableOld/tablePagination.d.ts +0 -8
  168. package/dist/components/TableOld/tablePagination.d.ts.map +0 -1
  169. package/dist/components/TableOld/tablePagination.js +0 -80
  170. package/dist/components/TableOld/tableSettings.d.ts +0 -11
  171. package/dist/components/TableOld/tableSettings.d.ts.map +0 -1
  172. package/dist/components/shared/tableColumnSettings/agGridColumnSettingsApi.js +0 -52
  173. package/dist/components/shared/tableColumnSettings/columnsSettingsColumnRow.js +0 -264
  174. package/dist/components/shared/tableColumnSettings/columnsSettingsVirtualList.js +0 -298
  175. package/dist/node_modules/lodash/lodash.js +0 -5486
  176. /package/dist/components/{Table → TableV36}/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts +0 -0
  177. /package/dist/components/{Table → TableV36}/mockData.d.ts +0 -0
  178. /package/dist/components/{Table → TableV36}/tableIcons.d.ts +0 -0
@@ -1,496 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import React__default, { useRef, useState, useCallback, useEffect, Fragment } from "react";
3
- import default_1$1 from "../../node_modules/@mui/icons-material/Close.js";
4
- import default_1$2 from "../../node_modules/@mui/icons-material/Search.js";
5
- import default_1 from "../../node_modules/@mui/icons-material/Tune.js";
6
- import moment from "moment";
7
- import { getAssetUrl } from "../../utils/assetBase.js";
8
- import { debounce } from "../../utils/debounce.js";
9
- import { DatePicker } from "../DatePicker/index.js";
10
- import { Input } from "../Input/index.js";
11
- import { Tooltip } from "../Tooltip/index.js";
12
- import { useTranslation } from "../../i18n/useTranslation.js";
13
- import Badge from "../../node_modules/@mui/material/Badge/Badge.js";
14
- const TableSortIconUrl = getAssetUrl("icons/tableSortIcon.svg");
15
- const TableSortAscIcon = getAssetUrl("icons/Up.svg");
16
- const TableSortDescIcon = getAssetUrl("icons/Down.svg");
17
- function AgGridHeader({
18
- children,
19
- sortModel,
20
- handleInlineSearch,
21
- handleClearSearchInline,
22
- handleCloseInputField,
23
- debounceTime,
24
- enableHeaderTextWrap = true,
25
- ...rest
26
- }) {
27
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R;
28
- const { t } = useTranslation();
29
- const menuRef = useRef();
30
- useRef();
31
- const [showInputField, setShowInputField] = useState(false);
32
- const [searchText, setSearchText] = useState("");
33
- const [menuVisible, setMenuvisible] = useState(false);
34
- const [columnWidth, setColumnWidth] = useState({});
35
- const [currentSort, setCurrentSort] = useState(
36
- ((_c = (_b = (_a = rest.columnApi) == null ? void 0 : _a.getColumnState) == null ? void 0 : _b.call(_a).find((model) => model.colId === rest.column.colId)) == null ? void 0 : _c.sort) ?? null
37
- );
38
- const [hasActiveSearch, setHasActiveSearch] = useState(false);
39
- const [showDatePicker, setShowDatePicker] = useState(false);
40
- const [selectedDate, setSelectedDate] = useState(null);
41
- const [isInputFocused, setIsInputFocused] = useState(false);
42
- const originalSuppressHeaderKeyboardEventRef = useRef(
43
- (_e = (_d = rest.column) == null ? void 0 : _d.colDef) == null ? void 0 : _e.suppressHeaderKeyboardEvent
44
- );
45
- const [isOverflowText, setIsOverflowText] = useState(false);
46
- const headerTextRef = useRef(null);
47
- const [containerHeight, setContainerHeight] = useState(0);
48
- const containerRef = useRef(null);
49
- const onFilterChanged = useCallback(() => {
50
- var _a2, _b2, _c2, _d2;
51
- const newFilterModel = (_a2 = rest.api) == null ? void 0 : _a2.getFilterModel();
52
- if (newFilterModel) {
53
- const columnFilter = newFilterModel[(_b2 = rest.column) == null ? void 0 : _b2.colId];
54
- let filterValue;
55
- if (((_d2 = (_c2 = rest.column) == null ? void 0 : _c2.colDef) == null ? void 0 : _d2.filter) === "agDateColumnFilter") {
56
- const dateFrom = columnFilter == null ? void 0 : columnFilter.dateFrom;
57
- if (dateFrom) {
58
- filterValue = moment(dateFrom);
59
- setSelectedDate(filterValue);
60
- }
61
- } else {
62
- filterValue = columnFilter == null ? void 0 : columnFilter.filter;
63
- setSearchText(filterValue);
64
- }
65
- setHasActiveSearch(!!filterValue);
66
- }
67
- }, [rest.api, (_f = rest.column) == null ? void 0 : _f.colId]);
68
- useEffect(() => {
69
- var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
70
- const filterModel = ((_b2 = (_a2 = rest.api) == null ? void 0 : _a2.getFilterModel) == null ? void 0 : _b2.call(_a2)) ?? {};
71
- if (filterModel[(_c2 = rest.column) == null ? void 0 : _c2.colId]) {
72
- const columnFilter = filterModel[(_d2 = rest.column) == null ? void 0 : _d2.colId];
73
- let filterValue;
74
- if (((_f2 = (_e2 = rest.column) == null ? void 0 : _e2.colDef) == null ? void 0 : _f2.filter) === "agDateColumnFilter") {
75
- const dateFrom = columnFilter == null ? void 0 : columnFilter.dateFrom;
76
- if (dateFrom) {
77
- filterValue = moment(dateFrom);
78
- setSelectedDate(filterValue);
79
- }
80
- } else {
81
- filterValue = columnFilter == null ? void 0 : columnFilter.filter;
82
- setSearchText(filterValue);
83
- }
84
- setHasActiveSearch(!!filterValue);
85
- if (filterValue && ((_h2 = (_g2 = rest.column) == null ? void 0 : _g2.colDef) == null ? void 0 : _h2.isSearchable)) {
86
- if (((_j2 = (_i2 = rest.column) == null ? void 0 : _i2.colDef) == null ? void 0 : _j2.filter) === "agDateColumnFilter") {
87
- setShowDatePicker(true);
88
- } else {
89
- setShowInputField(true);
90
- }
91
- }
92
- } else {
93
- setSearchText("");
94
- setHasActiveSearch(false);
95
- }
96
- rest.api.addEventListener("filterChanged", onFilterChanged);
97
- return () => {
98
- rest.api.removeEventListener("filterChanged", onFilterChanged);
99
- };
100
- }, [rest.api, (_g = rest.column) == null ? void 0 : _g.colId, onFilterChanged]);
101
- const handleSearchChange = (value) => {
102
- var _a2, _b2;
103
- if (handleInlineSearch) {
104
- handleInlineSearch == null ? void 0 : handleInlineSearch(value);
105
- return;
106
- }
107
- ((_b2 = (_a2 = rest.column) == null ? void 0 : _a2.colDef) == null ? void 0 : _b2.filter) === "agNumberColumnFilter" ? parseFloat(value) : value;
108
- setTimeout(() => {
109
- var _a3, _b3, _c2, _d2, _e2, _f2, _g2, _h2;
110
- try {
111
- let inputValue2;
112
- let filterType = "contains";
113
- if (((_b3 = (_a3 = rest.column) == null ? void 0 : _a3.colDef) == null ? void 0 : _b3.filter) === "agDateColumnFilter") {
114
- filterType = "equals";
115
- inputValue2 = value ? value.format("YYYY-MM-DD") : null;
116
- } else if (((_d2 = (_c2 = rest.column) == null ? void 0 : _c2.colDef) == null ? void 0 : _d2.filter) === "agNumberColumnFilter") {
117
- inputValue2 = isNaN(parseFloat(value)) ? null : parseFloat(value);
118
- filterType = "equals";
119
- } else {
120
- inputValue2 = value;
121
- }
122
- const currentFilterModel = {
123
- ...rest.sortModel ? rest.sortModel : ((_f2 = (_e2 = rest.api) == null ? void 0 : _e2.getFilterModel) == null ? void 0 : _f2.call(_e2)) || {}
124
- };
125
- currentFilterModel[rest.column.colId] = inputValue2 != null && inputValue2.toString().trim() !== "" ? {
126
- type: filterType,
127
- filter: inputValue2,
128
- ...((_h2 = (_g2 = rest.column) == null ? void 0 : _g2.colDef) == null ? void 0 : _h2.filter) === "agDateColumnFilter" && {
129
- filterType: "date",
130
- dateFrom: inputValue2
131
- }
132
- } : void 0;
133
- rest.api.setFilterModel(currentFilterModel);
134
- Promise.resolve().then(() => {
135
- rest.api.onFilterChanged();
136
- }).catch((error) => {
137
- console.warn("Error during grid filter operation:", error);
138
- }).finally(() => {
139
- if (rest.onFilterChanged) {
140
- try {
141
- rest.onFilterChanged(rest);
142
- } catch (error) {
143
- console.warn("Error during external filter callback:", error);
144
- }
145
- }
146
- });
147
- } catch (error) {
148
- console.warn("Error during grid filter operation:", error);
149
- }
150
- }, 0);
151
- };
152
- const debouncedHandleSearchChange = useCallback(
153
- debounce((value) => {
154
- handleSearchChange(value);
155
- }, debounceTime),
156
- [debounceTime, rest.api, (_h = rest.column) == null ? void 0 : _h.colId, (_j = (_i = rest.column) == null ? void 0 : _i.colDef) == null ? void 0 : _j.filter, rest.onFilterChanged]
157
- );
158
- const handleSearch = (e) => {
159
- var _a2, _b2;
160
- e.stopPropagation();
161
- if (((_b2 = (_a2 = rest.column) == null ? void 0 : _a2.colDef) == null ? void 0 : _b2.filter) === "agDateColumnFilter") {
162
- setShowDatePicker((prev) => !prev);
163
- } else {
164
- setShowInputField((prev) => !prev);
165
- }
166
- setColumnWidth((prev) => {
167
- var _a3, _b3;
168
- return {
169
- ...prev,
170
- [(_a3 = rest.column) == null ? void 0 : _a3.colId]: (_b3 = rest.column) == null ? void 0 : _b3.actualWidth
171
- };
172
- });
173
- };
174
- const onCloseIconClick = (colId) => {
175
- setSearchText("");
176
- setHasActiveSearch(false);
177
- setTimeout(() => {
178
- try {
179
- rest.api.destroyFilter(colId);
180
- } catch (error) {
181
- console.warn("Error during filter destruction:", error);
182
- }
183
- }, 0);
184
- };
185
- const handleClickOutside = (event) => {
186
- setMenuvisible(false);
187
- };
188
- useEffect(() => {
189
- document.addEventListener("click", handleClickOutside);
190
- return () => {
191
- document.removeEventListener("click", handleClickOutside);
192
- };
193
- }, [menuVisible]);
194
- const onHeaderClick = () => {
195
- var _a2, _b2;
196
- if (rest.applySort) {
197
- rest.applySort(rest.column.colId);
198
- return;
199
- }
200
- if ((_b2 = (_a2 = rest.column) == null ? void 0 : _a2.colDef) == null ? void 0 : _b2.sortable) {
201
- setTimeout(() => {
202
- var _a3, _b3;
203
- try {
204
- const currentSortModel = (_a3 = rest.columnApi) == null ? void 0 : _a3.getColumnState();
205
- const currentSort2 = currentSortModel.find((model) => model.colId === rest.column.colId);
206
- const newSort = (currentSort2 == null ? void 0 : currentSort2.sort) === "asc" ? "desc" : "asc";
207
- setCurrentSort(newSort);
208
- (_b3 = rest.columnApi) == null ? void 0 : _b3.applyColumnState({
209
- state: [{ colId: rest.column.colId, sort: newSort }],
210
- defaultState: { sort: null }
211
- });
212
- } catch (error) {
213
- console.warn("Error during column sort operation:", error);
214
- }
215
- }, 0);
216
- }
217
- };
218
- const onColumnMoved = (params) => {
219
- var _a2;
220
- if (((_a2 = params == null ? void 0 : params.column) == null ? void 0 : _a2.colId) && (showInputField || showDatePicker)) {
221
- setColumnWidth((prev) => ({
222
- ...prev,
223
- [params.column.colId]: params.column.actualWidth
224
- }));
225
- setTimeout(() => {
226
- var _a3;
227
- try {
228
- (_a3 = rest.columnApi) == null ? void 0 : _a3.applyColumnState({
229
- state: [
230
- {
231
- colId: params.column.colId,
232
- width: params.column.actualWidth
233
- }
234
- ],
235
- defaultState: { width: null }
236
- });
237
- } catch (error) {
238
- console.warn("Error during column resize operation:", error);
239
- }
240
- }, 0);
241
- }
242
- };
243
- useEffect(() => {
244
- var _a2;
245
- if (rest) {
246
- (_a2 = rest.api) == null ? void 0 : _a2.addEventListener("columnResized", onColumnMoved);
247
- }
248
- return () => {
249
- var _a3;
250
- (_a3 = rest.api) == null ? void 0 : _a3.removeEventListener("columnResized", onColumnMoved);
251
- };
252
- }, [rest]);
253
- useEffect(() => {
254
- var _a2;
255
- const colDef = (_a2 = rest.column) == null ? void 0 : _a2.colDef;
256
- if (!colDef) return;
257
- if (isInputFocused) {
258
- if (originalSuppressHeaderKeyboardEventRef.current === void 0) {
259
- originalSuppressHeaderKeyboardEventRef.current = colDef.suppressHeaderKeyboardEvent;
260
- }
261
- colDef.suppressHeaderKeyboardEvent = () => true;
262
- } else {
263
- colDef.suppressHeaderKeyboardEvent = originalSuppressHeaderKeyboardEventRef.current;
264
- }
265
- return () => {
266
- if (colDef) {
267
- colDef.suppressHeaderKeyboardEvent = originalSuppressHeaderKeyboardEventRef.current;
268
- }
269
- };
270
- }, [isInputFocused, (_k = rest.column) == null ? void 0 : _k.colId]);
271
- useEffect(() => {
272
- if (containerRef.current) {
273
- setContainerHeight(containerRef.current.clientHeight);
274
- }
275
- }, []);
276
- return /* @__PURE__ */ jsx(
277
- "div",
278
- {
279
- ref: containerRef,
280
- className: `custom-ag-header-container ${((_m = (_l = rest.column) == null ? void 0 : _l.colDef) == null ? void 0 : _m.checkboxSelection) ? "checkbox-selection" : ""}`,
281
- onClick: () => rest.onClick(),
282
- children: showDatePicker ? /* @__PURE__ */ jsxs(
283
- "div",
284
- {
285
- className: `ia-search-input-field ${(columnWidth[(_n = rest.column) == null ? void 0 : _n.colId] ?? ((_o = rest.column) == null ? void 0 : _o.actualWidth)) < 200 ? "ia-search-input-narrow" : ""}`,
286
- children: [
287
- /* @__PURE__ */ jsx(
288
- DatePicker,
289
- {
290
- fullWidth: true,
291
- showMonthYearSelect: true,
292
- withPortal: true,
293
- customIcon: ((_q = (_p = rest.column) == null ? void 0 : _p.colDef) == null ? void 0 : _q.advanceSearchEnabled) && /* @__PURE__ */ jsx(
294
- default_1,
295
- {
296
- className: "ia-search-input-field-custom-icon",
297
- onClick: () => {
298
- if (rest.onAdvanceSearchClick) {
299
- rest.onAdvanceSearchClick(rest.column);
300
- return;
301
- }
302
- rest.toggleAdvanceSearch(rest.column.colId);
303
- }
304
- }
305
- ),
306
- displayFormat: ((_s = (_r = rest.column) == null ? void 0 : _r.colDef) == null ? void 0 : _s.displayFormat) || t("table.filter.dateFormat"),
307
- maxDate: /* @__PURE__ */ new Date("2100-12-31"),
308
- minDate: /* @__PURE__ */ new Date("2000-01-01"),
309
- placeholder: t("table.filter.selectDate"),
310
- selectedDate,
311
- setSelectedDate,
312
- onPrimaryButtonClick: () => {
313
- handleSearchChange(selectedDate);
314
- setShowDatePicker(false);
315
- },
316
- onSecondaryButtonClick: () => {
317
- setShowDatePicker(false);
318
- },
319
- onTertiaryButtonClick: () => {
320
- handleSearchChange(null);
321
- setShowDatePicker(false);
322
- }
323
- }
324
- ),
325
- /* @__PURE__ */ jsx(
326
- default_1$1,
327
- {
328
- className: "ia-search-input-field-close-icon",
329
- style: { cursor: "pointer" },
330
- onClick: () => {
331
- handleCloseInputField == null ? void 0 : handleCloseInputField();
332
- setShowDatePicker(false);
333
- }
334
- }
335
- )
336
- ]
337
- }
338
- ) : showInputField ? /* @__PURE__ */ jsxs(
339
- "div",
340
- {
341
- className: `ia-search-input-field ${(columnWidth[(_t = rest.column) == null ? void 0 : _t.colId] ?? ((_u = rest.column) == null ? void 0 : _u.actualWidth)) < 200 ? "ia-search-input-narrow" : ""}`,
342
- children: [
343
- /* @__PURE__ */ jsx(
344
- Input,
345
- {
346
- inputProps: ((_w = (_v = rest.column) == null ? void 0 : _v.colDef) == null ? void 0 : _w.inputProps) ?? {},
347
- placeholder: t("common.search"),
348
- rightIcon: /* @__PURE__ */ jsxs(Fragment, { children: [
349
- (searchText ?? "").toString().length > 0 && (columnWidth[(_x = rest.column) == null ? void 0 : _x.colId] ?? ((_y = rest.column) == null ? void 0 : _y.actualWidth)) >= 200 && /* @__PURE__ */ jsx(
350
- default_1$1,
351
- {
352
- onClick: () => {
353
- if (handleClearSearchInline) {
354
- handleClearSearchInline(rest);
355
- }
356
- onCloseIconClick(rest.column.colId);
357
- }
358
- }
359
- ),
360
- ((_A = (_z = rest.column) == null ? void 0 : _z.colDef) == null ? void 0 : _A.advanceSearchEnabled) && /* @__PURE__ */ jsx(
361
- default_1,
362
- {
363
- onClick: () => {
364
- if (rest.onAdvanceSearchClick) {
365
- rest.onAdvanceSearchClick(rest.column);
366
- return;
367
- }
368
- rest.toggleAdvanceSearch(rest.column.colId);
369
- }
370
- }
371
- )
372
- ] }),
373
- value: searchText,
374
- onBlur: () => {
375
- setIsInputFocused(false);
376
- },
377
- onChange: (e) => {
378
- const nextValue = e.target.value;
379
- setSearchText(nextValue);
380
- setHasActiveSearch(!!nextValue);
381
- debouncedHandleSearchChange(nextValue);
382
- },
383
- onFocus: () => {
384
- setIsInputFocused(true);
385
- }
386
- }
387
- ),
388
- /* @__PURE__ */ jsx(
389
- default_1$1,
390
- {
391
- className: "ia-search-input-field-close-icon",
392
- style: { cursor: "pointer" },
393
- onClick: () => {
394
- handleCloseInputField == null ? void 0 : handleCloseInputField();
395
- setShowInputField(false);
396
- }
397
- }
398
- )
399
- ]
400
- }
401
- ) : /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
402
- /* @__PURE__ */ jsxs(
403
- "div",
404
- {
405
- className: `ag-header-cell-text ${((_C = (_B = rest.column) == null ? void 0 : _B.colDef) == null ? void 0 : _C.sortable) ? "sortable" : ""} ${enableHeaderTextWrap ? "header-wrap-enabled" : ""}`,
406
- children: [
407
- ((_E = (_D = rest.column) == null ? void 0 : _D.colDef) == null ? void 0 : _E.field) === "Selection" || ((_G = (_F = rest.column) == null ? void 0 : _F.colDef) == null ? void 0 : _G.checkboxSelection) ? children : /* @__PURE__ */ jsx(
408
- "div",
409
- {
410
- ref: headerTextRef,
411
- className: "header-text-content",
412
- style: { WebkitLineClamp: containerHeight > 40 ? 4 : 2 },
413
- onMouseEnter: () => {
414
- var _a2, _b2, _c2, _d2;
415
- setIsOverflowText(
416
- ((_a2 = headerTextRef.current) == null ? void 0 : _a2.scrollWidth) > ((_b2 = headerTextRef.current) == null ? void 0 : _b2.clientWidth) || ((_c2 = headerTextRef.current) == null ? void 0 : _c2.scrollHeight) > ((_d2 = headerTextRef.current) == null ? void 0 : _d2.clientHeight) + 1
417
- );
418
- },
419
- children: /* @__PURE__ */ jsx(
420
- Tooltip,
421
- {
422
- orientation: "bottom",
423
- title: isOverflowText && children !== "Selection" ? children : "",
424
- variant: "tertiary",
425
- children
426
- }
427
- )
428
- }
429
- ),
430
- (_I = (_H = rest.column) == null ? void 0 : _H.colDef) == null ? void 0 : _I.headerIcons,
431
- ((_K = (_J = rest.column) == null ? void 0 : _J.colDef) == null ? void 0 : _K.sortable) && /* @__PURE__ */ jsx(
432
- "img",
433
- {
434
- alt: "TableSortIcon",
435
- className: "ia-table-sort-icon",
436
- src: currentSort === "asc" ? TableSortAscIcon : currentSort === "desc" ? TableSortDescIcon : TableSortIconUrl,
437
- onClick: onHeaderClick
438
- }
439
- )
440
- ]
441
- }
442
- ),
443
- /* @__PURE__ */ jsxs(
444
- "div",
445
- {
446
- className: `ia-icon-div ${hasActiveSearch ? "has-active-search" : ""} ${menuVisible ? "menu-visible" : ""}`,
447
- children: [
448
- (_N = (_M = (_L = rest.column) == null ? void 0 : _L.colDef) == null ? void 0 : _M.customHeaderIcons) == null ? void 0 : _N.map((icon) => {
449
- return icon;
450
- }),
451
- ((_P = (_O = rest.column) == null ? void 0 : _O.colDef) == null ? void 0 : _P.isSearchable) && (hasActiveSearch || !showInputField) && /* @__PURE__ */ jsx(Badge, { invisible: !hasActiveSearch, variant: "dot", children: /* @__PURE__ */ jsx(
452
- default_1$2,
453
- {
454
- fontSize: "small",
455
- style: {
456
- color: "#60697D",
457
- cursor: "pointer",
458
- backgroundColor: hasActiveSearch && "#ECEEFD",
459
- display: menuVisible && !hasActiveSearch ? "none" : "block"
460
- },
461
- onClick: rest.onColumnSearchClick ? () => {
462
- var _a2, _b2, _c2, _d2;
463
- rest.onColumnSearchClick(rest);
464
- setShowInputField(true);
465
- if (((_b2 = (_a2 = rest.column) == null ? void 0 : _a2.colDef) == null ? void 0 : _b2.filter) === "agDateColumnFilter") {
466
- setShowDatePicker(true);
467
- } else if ((_d2 = (_c2 = rest.column) == null ? void 0 : _c2.colDef) == null ? void 0 : _d2.thirdOptionAsDropdown) {
468
- setTimeout(() => {
469
- setIsDropdownOpen(true);
470
- }, 0);
471
- }
472
- } : handleSearch
473
- }
474
- ) }),
475
- !((_R = (_Q = rest.column) == null ? void 0 : _Q.colDef) == null ? void 0 : _R.suppressMenu) && /* @__PURE__ */ jsx("div", { className: "custom-ag-header-icons", children: /* @__PURE__ */ jsx(
476
- "button",
477
- {
478
- ref: menuRef,
479
- className: `custom-ag-menu-icon-button`,
480
- onClick: (e) => {
481
- e.stopPropagation();
482
- rest.showColumnMenu(menuRef.current);
483
- setMenuvisible(true);
484
- }
485
- }
486
- ) })
487
- ]
488
- }
489
- )
490
- ] })
491
- }
492
- );
493
- }
494
- export {
495
- AgGridHeader as default
496
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/actionBar.tsx"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,GACjB;;;;;CAAA,+BA8BA"}
@@ -1,35 +0,0 @@
1
- import { jsx, Fragment, jsxs } from "react/jsx-runtime";
2
- import default_1$1 from "../../node_modules/@mui/icons-material/CheckCircle.js";
3
- import default_1 from "../../node_modules/@mui/icons-material/Info.js";
4
- import { useTranslation } from "../../i18n/useTranslation.js";
5
- function BulkActionBar({
6
- showBulkActionBar,
7
- bulkActionBarProps,
8
- onSelectAllRows,
9
- onClearSelection
10
- }) {
11
- const { t } = useTranslation();
12
- return /* @__PURE__ */ jsx(Fragment, { children: showBulkActionBar && /* @__PURE__ */ jsxs("div", { className: "ia-bulk-action-bar", children: [
13
- /* @__PURE__ */ jsx("span", { className: "icon", children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? /* @__PURE__ */ jsx(default_1, {}) : /* @__PURE__ */ jsx(default_1$1, {}) }),
14
- /* @__PURE__ */ jsx("span", { className: "ia-bulk-action-bar-text", children: bulkActionBarProps == null ? void 0 : bulkActionBarProps.actionBarLabel }),
15
- /* @__PURE__ */ jsx(
16
- "span",
17
- {
18
- className: "ia-bulk-action-bar-select-text",
19
- onClick: () => {
20
- if (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) {
21
- onSelectAllRows == null ? void 0 : onSelectAllRows();
22
- } else {
23
- onClearSelection == null ? void 0 : onClearSelection();
24
- }
25
- },
26
- children: (bulkActionBarProps == null ? void 0 : bulkActionBarProps.enableSelectAll) ? t("table.selectAllRows", {
27
- count: bulkActionBarProps.totalRowCount
28
- }) : t("table.clearSelection")
29
- }
30
- )
31
- ] }) });
32
- }
33
- export {
34
- BulkActionBar as default
35
- };
@@ -1,3 +0,0 @@
1
-
2
- export declare const OldTable: import('react').ForwardRefExoticComponent<import('react').RefAttributes<unknown>>;
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableOld/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAK7B,eAAO,MAAM,QAAQ,mFA0rBpB,CAAC"}