impact-ui 4.0.1-alpha.20 → 4.0.1-alpha.21

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 (82) hide show
  1. package/dist/_virtual/index13.js +2 -2
  2. package/dist/_virtual/index14.js +2 -2
  3. package/dist/_virtual/index15.js +2 -2
  4. package/dist/_virtual/index16.js +2 -2
  5. package/dist/components/DateRangePicker/index.d.ts.map +1 -1
  6. package/dist/components/DateRangePicker/index.js +4 -0
  7. package/dist/components/Modal/Modal.types.d.ts +1 -1
  8. package/dist/components/Modal/Modal.types.d.ts.map +1 -1
  9. package/dist/components/Modal/index.js +1 -1
  10. package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.d.ts.map +1 -1
  11. package/dist/components/Notification/NotificationBody/NotificationList/NotificationListItem.js +4 -1
  12. package/dist/components/Table/index.js +1 -1
  13. package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType /ChatEditedMessageType.d.ts.map +1 -0
  14. package/dist/components/TableChat/components/TableChatRightSection/ChatMessages/ChatMessage.js +1 -1
  15. package/dist/components/TableOld/index.js +1 -1
  16. package/dist/components/index.d.ts +0 -1
  17. package/dist/components/index.d.ts.map +1 -1
  18. package/dist/components/index.js +0 -2
  19. package/dist/mcp-component-registry.json +1 -1
  20. package/dist/node_modules/call-bind/index.js +1 -1
  21. package/dist/node_modules/hoist-non-react-statics/node_modules/react-is/index.js +1 -1
  22. package/dist/node_modules/is-symbol/index.js +1 -1
  23. package/dist/node_modules/react-with-styles-interface-css/dist/index.js +1 -1
  24. package/package.json +5 -5
  25. package/dist/components/TableChat/components/TableChatRightSection/ChatEditedMessageType/ChatEditedMessageType.d.ts.map +0 -1
  26. package/dist/components/TableV36/AdvanceSearchModalItem.d.ts +0 -27
  27. package/dist/components/TableV36/AdvanceSearchModalItem.d.ts.map +0 -1
  28. package/dist/components/TableV36/AdvanceSortModal.d.ts +0 -8
  29. package/dist/components/TableV36/AdvanceSortModal.d.ts.map +0 -1
  30. package/dist/components/TableV36/AdvanceSortModal.js +0 -297
  31. package/dist/components/TableV36/AgGridHeader.d.ts +0 -13
  32. package/dist/components/TableV36/AgGridHeader.d.ts.map +0 -1
  33. package/dist/components/TableV36/AgGridHeader.js +0 -781
  34. package/dist/components/TableV36/CommentsPortal.d.ts +0 -31
  35. package/dist/components/TableV36/CommentsPortal.d.ts.map +0 -1
  36. package/dist/components/TableV36/CommentsPortal.js +0 -362
  37. package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts +0 -13
  38. package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.d.ts.map +0 -1
  39. package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModal.js +0 -282
  40. package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts +0 -16
  41. package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.d.ts.map +0 -1
  42. package/dist/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.js +0 -302
  43. package/dist/components/TableV36/NoComments.d.ts +0 -16
  44. package/dist/components/TableV36/NoComments.d.ts.map +0 -1
  45. package/dist/components/TableV36/NoComments.js +0 -237
  46. package/dist/components/TableV36/Table.types.d.ts +0 -45
  47. package/dist/components/TableV36/Table.types.d.ts.map +0 -1
  48. package/dist/components/TableV36/actionBar.d.ts +0 -7
  49. package/dist/components/TableV36/actionBar.d.ts.map +0 -1
  50. package/dist/components/TableV36/actionBar.js +0 -31
  51. package/dist/components/TableV36/advanceSearchModal.d.ts +0 -20
  52. package/dist/components/TableV36/advanceSearchModal.d.ts.map +0 -1
  53. package/dist/components/TableV36/filterUtils.d.ts +0 -133
  54. package/dist/components/TableV36/filterUtils.d.ts.map +0 -1
  55. package/dist/components/TableV36/filterUtils.js +0 -478
  56. package/dist/components/TableV36/index.d.ts +0 -3
  57. package/dist/components/TableV36/index.d.ts.map +0 -1
  58. package/dist/components/TableV36/index.js +0 -1430
  59. package/dist/components/TableV36/mockData.d.ts +0 -39
  60. package/dist/components/TableV36/mockData.d.ts.map +0 -1
  61. package/dist/components/TableV36/tableFunctions.d.ts +0 -63
  62. package/dist/components/TableV36/tableFunctions.d.ts.map +0 -1
  63. package/dist/components/TableV36/tableFunctions.js +0 -1384
  64. package/dist/components/TableV36/tableHeader.d.ts +0 -80
  65. package/dist/components/TableV36/tableHeader.d.ts.map +0 -1
  66. package/dist/components/TableV36/tableHeader.js +0 -396
  67. package/dist/components/TableV36/tableIcons.d.ts +0 -3
  68. package/dist/components/TableV36/tableIcons.d.ts.map +0 -1
  69. package/dist/components/TableV36/tableMoreOptions.d.ts +0 -52
  70. package/dist/components/TableV36/tableMoreOptions.d.ts.map +0 -1
  71. package/dist/components/TableV36/tableMoreOptions.js +0 -324
  72. package/dist/components/TableV36/tablePagination.d.ts +0 -7
  73. package/dist/components/TableV36/tablePagination.d.ts.map +0 -1
  74. package/dist/components/TableV36/tablePagination.js +0 -67
  75. package/dist/components/TableV36/tableSettings.d.ts +0 -41
  76. package/dist/components/TableV36/tableSettings.d.ts.map +0 -1
  77. package/dist/components/TableV36/tableSettings.js +0 -278
  78. package/dist/components/TableV36/withCommentIcon.d.ts +0 -2
  79. package/dist/components/TableV36/withCommentIcon.d.ts.map +0 -1
  80. package/dist/components/TableV36/withCommentIcon.js +0 -83
  81. /package/dist/components/TableChat/components/TableChatRightSection/{ChatEditedMessageType → ChatEditedMessageType }/ChatEditedMessageType.d.ts +0 -0
  82. /package/dist/components/TableChat/components/TableChatRightSection/{ChatEditedMessageType → ChatEditedMessageType }/ChatEditedMessageType.js +0 -0
@@ -1,282 +0,0 @@
1
- import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
- import React__default, { useState, useMemo, useEffect } from "react";
3
- import { useForm, useFieldArray } from "react-hook-form";
4
- import NewAdvanceSearchModalItem from "./NewAdvanceSearchModalItem.js";
5
- import { convertToOptions } from "../../../utils/helper.js";
6
- import { Button } from "../../Button/index.js";
7
- import { ButtonGroup } from "../../ButtonGroup/index.js";
8
- import { Modal } from "../../Modal/index.js";
9
- import AddOutlined from "../../../node_modules/@mui/icons-material/esm/AddOutlined.js";
10
- const filterInitialValues = {
11
- column: { label: "", value: "", type: "text" },
12
- operation: null,
13
- value: null
14
- };
15
- const NewAdvanceSearchModal = ({
16
- isAdvanceSearch,
17
- actualRef,
18
- onSearchApplyClick,
19
- toggleAdvanceSearch,
20
- initialFilters,
21
- setInitialFilters,
22
- colDefs = [],
23
- currentColumnId,
24
- ...args
25
- }) => {
26
- const [activeSearchType, setActiveSearchType] = useState("advanceSearch");
27
- const onChangeSearchType = (e, val) => {
28
- e.preventDefault();
29
- setActiveSearchType(val);
30
- };
31
- const formMethods = useForm({
32
- defaultValues: {
33
- filters: initialFilters
34
- },
35
- rules: {
36
- required: true
37
- }
38
- });
39
- const {
40
- control,
41
- handleSubmit,
42
- watch,
43
- formState: { isValid: isFormValid },
44
- setValue,
45
- getValues,
46
- reset
47
- } = formMethods;
48
- const { fields, append, remove } = useFieldArray({
49
- control,
50
- name: "filters",
51
- keyName: "fieldId"
52
- });
53
- const formValues = watch();
54
- const filteredColumnsInitialOptions = useMemo(() => {
55
- const selectedValues = (formValues.filters || []).map((f) => {
56
- var _a;
57
- return (_a = f == null ? void 0 : f.column) == null ? void 0 : _a.value;
58
- }).filter(Boolean);
59
- return convertToOptions(colDefs || []).filter((opt) => !selectedValues.includes(opt.value));
60
- }, [colDefs, formValues.filters]);
61
- const [hasInitializedWithColumnId, setHasInitializedWithColumnId] = useState(false);
62
- const prevIsAdvanceSearchRef = React__default.useRef(false);
63
- useEffect(() => {
64
- const isOpening = isAdvanceSearch && !prevIsAdvanceSearchRef.current;
65
- if (isOpening && initialFilters !== void 0) {
66
- const validInitialFilters = (initialFilters || []).filter((f) => {
67
- var _a;
68
- return (_a = f == null ? void 0 : f.column) == null ? void 0 : _a.value;
69
- });
70
- reset({
71
- filters: validInitialFilters.length > 0 ? validInitialFilters : [filterInitialValues]
72
- });
73
- setHasInitializedWithColumnId(false);
74
- }
75
- prevIsAdvanceSearchRef.current = isAdvanceSearch;
76
- }, [isAdvanceSearch, initialFilters, reset]);
77
- useEffect(() => {
78
- var _a, _b;
79
- if (isAdvanceSearch && currentColumnId && !hasInitializedWithColumnId && initialFilters) {
80
- const hasValidFilters = initialFilters.some(
81
- (f) => {
82
- var _a2, _b2, _c;
83
- return ((_a2 = f == null ? void 0 : f.column) == null ? void 0 : _a2.value) && ((_b2 = f == null ? void 0 : f.column) == null ? void 0 : _b2.value) !== null && ((_c = f == null ? void 0 : f.column) == null ? void 0 : _c.value) !== "";
84
- }
85
- );
86
- if (!hasValidFilters) {
87
- const formValues2 = getValues();
88
- const existingFilters = formValues2.filters || [];
89
- const columnExists = existingFilters.some(
90
- (filter) => {
91
- var _a2;
92
- return ((_a2 = filter == null ? void 0 : filter.column) == null ? void 0 : _a2.value) === currentColumnId;
93
- }
94
- );
95
- if (!columnExists) {
96
- const columnOption = convertToOptions(colDefs || []).find(
97
- (opt) => opt.value === currentColumnId
98
- );
99
- if (columnOption) {
100
- if (existingFilters.length > 0 && !((_b = (_a = existingFilters[0]) == null ? void 0 : _a.column) == null ? void 0 : _b.value)) {
101
- setValue(`filters.0.column`, columnOption);
102
- } else {
103
- append({
104
- column: columnOption,
105
- operation: null,
106
- value: null
107
- });
108
- }
109
- }
110
- }
111
- }
112
- setHasInitializedWithColumnId(true);
113
- }
114
- }, [
115
- isAdvanceSearch,
116
- currentColumnId,
117
- colDefs,
118
- getValues,
119
- setValue,
120
- append,
121
- hasInitializedWithColumnId,
122
- initialFilters
123
- ]);
124
- useEffect(() => {
125
- if (!isAdvanceSearch) {
126
- setHasInitializedWithColumnId(false);
127
- }
128
- }, [isAdvanceSearch]);
129
- const onCloseModal = () => {
130
- toggleAdvanceSearch();
131
- };
132
- const handleSearchApplyClick = () => {
133
- const formValues2 = formMethods.getValues().filters || [];
134
- const validFilters = formValues2.filter((filter) => {
135
- var _a, _b, _c, _d, _e, _f;
136
- const hasColumn = ((_a = filter == null ? void 0 : filter.column) == null ? void 0 : _a.value) && ((_b = filter == null ? void 0 : filter.column) == null ? void 0 : _b.value) !== null && ((_c = filter == null ? void 0 : filter.column) == null ? void 0 : _c.value) !== "";
137
- if (activeSearchType === "advanceSearch") {
138
- return hasColumn && ((_d = filter == null ? void 0 : filter.operation) == null ? void 0 : _d.value) && ((_e = filter == null ? void 0 : filter.operation) == null ? void 0 : _e.value) !== null && ((_f = filter == null ? void 0 : filter.operation) == null ? void 0 : _f.value) !== "";
139
- }
140
- return hasColumn;
141
- });
142
- onSearchApplyClick(validFilters);
143
- };
144
- const onClearAttributeValue = () => {
145
- const updatedFilters = formMethods.getValues().filters.map((filter) => ({ ...filter, value: null }));
146
- formMethods.reset({
147
- filters: updatedFilters
148
- });
149
- };
150
- const onClearAll = () => {
151
- formMethods.reset({
152
- filters: [filterInitialValues]
153
- });
154
- };
155
- return /* @__PURE__ */ jsxs(
156
- Modal,
157
- {
158
- className: "ia-table-search-modal",
159
- height: 400,
160
- open: isAdvanceSearch,
161
- primaryButtonLabel: "Apply",
162
- primaryButtonProps: {
163
- type: "submit"
164
- // disabled: !isFormValid,
165
- },
166
- secondaryButtonLabel: args.onSearchSaveClick ? "Save search" : null,
167
- secondaryButtonProps: {
168
- disabled: !isFormValid
169
- },
170
- size: "small",
171
- title: "Search",
172
- width: 850,
173
- onClose: onCloseModal,
174
- onPrimaryButtonClick: handleSearchApplyClick,
175
- onSecondaryButtonClick: (e) => {
176
- e.preventDefault();
177
- onCloseModal();
178
- },
179
- children: [
180
- /* @__PURE__ */ jsxs("div", { className: "ia-table-search-header", children: [
181
- /* @__PURE__ */ jsx(
182
- ButtonGroup,
183
- {
184
- options: [
185
- {
186
- label: "Search",
187
- value: "search"
188
- },
189
- {
190
- label: "Advance Search",
191
- value: "advanceSearch"
192
- }
193
- ],
194
- selectedOption: activeSearchType,
195
- onChange: (e, val) => {
196
- var _a, _b;
197
- e.preventDefault();
198
- onChangeSearchType(e, val);
199
- (_b = (_a = actualRef == null ? void 0 : actualRef.current) == null ? void 0 : _a.api) == null ? void 0 : _b.destroyFilter(null);
200
- }
201
- }
202
- ),
203
- /* @__PURE__ */ jsx(
204
- Button,
205
- {
206
- size: "small",
207
- type: "button",
208
- variant: "url",
209
- onClick: (e) => {
210
- e.preventDefault();
211
- onClearAll();
212
- },
213
- children: "Clear all"
214
- }
215
- )
216
- ] }),
217
- /* @__PURE__ */ jsxs(
218
- "form",
219
- {
220
- className: "ia-table-search-content",
221
- onSubmit: (e) => {
222
- e.preventDefault();
223
- handleSearchApplyClick();
224
- },
225
- children: [
226
- /* @__PURE__ */ jsx("div", { className: "ia-table-search-content-title", children: "Match all of the following rules" }),
227
- /* @__PURE__ */ jsx(Fragment, { children: fields.map((field, index) => /* @__PURE__ */ jsx(
228
- NewAdvanceSearchModalItem,
229
- {
230
- activeSearchType,
231
- colDefs,
232
- control,
233
- currentColumnId,
234
- field,
235
- fields,
236
- filteredColumnsInitialOptions,
237
- getValues,
238
- index,
239
- isLastVisible: fields.length === 1,
240
- remove
241
- },
242
- field.fieldId || field.id
243
- )) }),
244
- /* @__PURE__ */ jsxs("div", { className: "ia-table-search-content-footer", children: [
245
- /* @__PURE__ */ jsx(
246
- Button,
247
- {
248
- size: "large",
249
- variant: "secondary",
250
- onClick: onClearAttributeValue,
251
- type: "button",
252
- children: "Clear values"
253
- }
254
- ),
255
- /* @__PURE__ */ jsx(
256
- Button,
257
- {
258
- icon: /* @__PURE__ */ jsx(AddOutlined, {}),
259
- size: "large",
260
- type: "button",
261
- onClick: () => {
262
- append({
263
- column: null,
264
- operation: null,
265
- value: null
266
- });
267
- },
268
- variant: "tertiary",
269
- children: "Add attribute"
270
- }
271
- )
272
- ] })
273
- ]
274
- }
275
- )
276
- ]
277
- }
278
- );
279
- };
280
- export {
281
- NewAdvanceSearchModal as default
282
- };
@@ -1,16 +0,0 @@
1
- declare const NewAdvanceSearchModalItem: ({ colDefs, control, index, field, remove, filteredColumnsInitialOptions, activeSearchType, isLastVisible, currentColumnId, getValues, fields, ...args }: {
2
- [x: string]: any;
3
- colDefs: any;
4
- control: any;
5
- index: any;
6
- field: any;
7
- remove: any;
8
- filteredColumnsInitialOptions: any;
9
- activeSearchType: any;
10
- isLastVisible: any;
11
- currentColumnId: any;
12
- getValues: any;
13
- fields: any;
14
- }) => import("react/jsx-runtime").JSX.Element;
15
- export default NewAdvanceSearchModalItem;
16
- //# sourceMappingURL=NewAdvanceSearchModalItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NewAdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../../src/components/TableV36/NewAdvanceSearchModal/NewAdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAsBA,QAAA,MAAM,yBAAyB,GAAI;;;;;;;;;;;;;CAalC,4CA4ZA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
@@ -1,302 +0,0 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- import { useState, useEffect } from "react";
3
- import default_1 from "../../../node_modules/@mui/icons-material/DeleteOutlineOutlined.js";
4
- import moment from "moment";
5
- import { useController } from "react-hook-form";
6
- import { convertToOptions } from "../../../utils/helper.js";
7
- import { Button } from "../../Button/index.js";
8
- import { DatePicker } from "../../DatePicker/index.js";
9
- import { DateRangePicker } from "../../DateRangePicker/index.js";
10
- import { Input } from "../../Input/index.js";
11
- import { Select } from "../../Select/index.js";
12
- import { findColumnDef, getOperatorListForColumn, getDefaultOperationForColumn } from "../filterUtils.js";
13
- const NewAdvanceSearchModalItem = ({
14
- colDefs,
15
- control,
16
- index,
17
- field,
18
- remove,
19
- filteredColumnsInitialOptions,
20
- activeSearchType,
21
- isLastVisible,
22
- currentColumnId,
23
- getValues,
24
- fields,
25
- ...args
26
- }) => {
27
- var _a, _b, _c, _d;
28
- const [isColumnOptionsOpen, setIsColumnOptionsOpen] = useState(false);
29
- const [isOperationOptionsOpen, setIsOperationOptionsOpen] = useState(false);
30
- const [isThirdOptionDropdownOpen, setIsThirdOptionDropdownOpen] = useState(false);
31
- const [currentOperationOptions, setCurrentOperationOptions] = useState([]);
32
- const [currentThirdOptionDropdownOptions, setCurrentThirdOptionDropdownOptions] = useState([]);
33
- const [currentColumnDef, setCurrentColumnDef] = useState(null);
34
- const [isSelectAll, setIsSelectAll] = useState(false);
35
- const { field: columnField } = useController({
36
- name: `filters.${index}.column`,
37
- control,
38
- rules: {
39
- required: true
40
- }
41
- });
42
- const { field: operationField } = useController({
43
- name: `filters.${index}.operation`,
44
- control,
45
- rules: { required: activeSearchType !== "advanceSearch" && true }
46
- });
47
- const { field: valueField } = useController({
48
- name: `filters.${index}.value`,
49
- control,
50
- rules: {
51
- required: true
52
- }
53
- });
54
- useEffect(() => {
55
- var _a2;
56
- if (!((_a2 = columnField.value) == null ? void 0 : _a2.value)) return;
57
- const columnDef = findColumnDef(colDefs, columnField.value.value);
58
- setCurrentColumnDef(columnDef);
59
- const operatorList = getOperatorListForColumn(columnDef);
60
- setCurrentOperationOptions(operatorList);
61
- const shouldAutoSelect = activeSearchType === "advanceSearch" && (operatorList == null ? void 0 : operatorList.length) > 0 && !operationField.value;
62
- if (shouldAutoSelect) {
63
- const defaultOperation = getDefaultOperationForColumn(columnDef);
64
- operationField.onChange(defaultOperation);
65
- }
66
- }, [columnField.value, colDefs, activeSearchType]);
67
- useEffect(() => {
68
- var _a2;
69
- if ((currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDropdown) && operationField.value) {
70
- if (currentColumnDef.toShowDuplicateColumnInAdvanceSearch) {
71
- const currentOptions = ((_a2 = currentColumnDef.currentColumnField) == null ? void 0 : _a2.endsWith("1")) ? currentColumnDef.thirdOptionDropdownOptions1 : currentColumnDef.thirdOptionDropdownOptions2;
72
- setCurrentThirdOptionDropdownOptions(currentOptions);
73
- } else {
74
- setCurrentThirdOptionDropdownOptions(currentColumnDef.thirdOptionDropdownOptions);
75
- }
76
- }
77
- }, [currentColumnDef, operationField]);
78
- useEffect(() => {
79
- if (activeSearchType === "search" && !operationField.value && columnField.value && currentOperationOptions.length > 0) {
80
- if (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) {
81
- operationField.onChange({ label: "In range", value: "inRange" });
82
- } else if ((currentColumnDef == null ? void 0 : currentColumnDef.filter) === "agDateColumnFilter") {
83
- const equalsOption = currentOperationOptions.find((opt) => opt.value === "equals");
84
- if (equalsOption) {
85
- operationField.onChange(equalsOption);
86
- } else {
87
- operationField.onChange(currentOperationOptions[0]);
88
- }
89
- } else {
90
- const containsOption = currentOperationOptions.find((opt) => opt.value === "contains");
91
- if (containsOption) {
92
- operationField.onChange(containsOption);
93
- } else {
94
- operationField.onChange(currentOperationOptions[0]);
95
- }
96
- }
97
- }
98
- }, [columnField.value, currentOperationOptions, activeSearchType, currentColumnDef]);
99
- useEffect(() => {
100
- var _a2;
101
- if (currentColumnId && index === 0 && // Only auto-select for the first filter
102
- !columnField.value && ((_a2 = columnField.value) == null ? void 0 : _a2.value) !== currentColumnId) {
103
- const columnOption = filteredColumnsInitialOptions == null ? void 0 : filteredColumnsInitialOptions.find(
104
- (opt) => opt.value === currentColumnId
105
- );
106
- const allOptions = convertToOptions(colDefs || []);
107
- const columnOptionFromAll = allOptions.find((opt) => opt.value === currentColumnId);
108
- const optionToSelect = columnOption || columnOptionFromAll;
109
- if (optionToSelect) {
110
- columnField.onChange(optionToSelect);
111
- }
112
- }
113
- }, [currentColumnId, index, columnField.value, filteredColumnsInitialOptions, colDefs]);
114
- const handleClickOutside = (event) => {
115
- if (isColumnOptionsOpen || isThirdOptionDropdownOpen || isOperationOptionsOpen && !event.target.closest(".ia-table-search-content-body")) {
116
- setIsColumnOptionsOpen(false);
117
- setIsOperationOptionsOpen(false);
118
- }
119
- };
120
- useEffect(() => {
121
- document.addEventListener("click", handleClickOutside);
122
- return () => {
123
- document.removeEventListener("click", handleClickOutside);
124
- };
125
- }, [isColumnOptionsOpen, isThirdOptionDropdownOpen, isOperationOptionsOpen]);
126
- return /* @__PURE__ */ jsxs("div", { className: "ia-table-search-content-body", children: [
127
- /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
128
- Select,
129
- {
130
- currentOptions: filteredColumnsInitialOptions || [],
131
- initialOptions: filteredColumnsInitialOptions || [],
132
- isOpen: isColumnOptionsOpen,
133
- minWidth: activeSearchType !== "advanceSearch" ? 400 : void 0,
134
- name: `filters.${index}.column`,
135
- placeholder: "Select",
136
- selectedOptions: columnField.value || null,
137
- setCurrentOptions: () => {
138
- },
139
- setIsOpen: setIsColumnOptionsOpen,
140
- setSelectedOptions: (option) => {
141
- if (option && getValues) {
142
- const formValues = getValues();
143
- const existingFilters = (formValues == null ? void 0 : formValues.filters) || [];
144
- const isDuplicate = existingFilters.some(
145
- (filter, idx) => {
146
- var _a2, _b2, _c2;
147
- return idx !== index && ((_a2 = filter == null ? void 0 : filter.column) == null ? void 0 : _a2.value) === option.value && ((_b2 = filter == null ? void 0 : filter.column) == null ? void 0 : _b2.value) !== null && ((_c2 = filter == null ? void 0 : filter.column) == null ? void 0 : _c2.value) !== "";
148
- }
149
- );
150
- if (isDuplicate) {
151
- return;
152
- }
153
- }
154
- columnField.onChange(option);
155
- operationField.onChange(null);
156
- valueField.onChange("");
157
- },
158
- withPortal: true,
159
- onClick: (e) => {
160
- e.preventDefault();
161
- e.stopPropagation();
162
- }
163
- }
164
- ) }),
165
- activeSearchType === "advanceSearch" && /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
166
- Select,
167
- {
168
- currentOptions: currentOperationOptions,
169
- disabled: !columnField.value,
170
- initialOptions: currentOperationOptions,
171
- isDisabled: (currentColumnDef == null ? void 0 : currentColumnDef.isThirdOptionDropdownIsBoolean) || (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) ? true : !columnField.value,
172
- isOpen: isOperationOptionsOpen,
173
- name: `filters.${index}.operation`,
174
- placeholder: "Select",
175
- selectedOptions: operationField.value || null,
176
- setCurrentOptions: setCurrentOperationOptions,
177
- setIsOpen: setIsOperationOptionsOpen,
178
- setSelectedOptions: (option) => {
179
- operationField.onChange(option);
180
- },
181
- withPortal: true,
182
- onClick: (e) => {
183
- e.preventDefault();
184
- e.stopPropagation();
185
- }
186
- }
187
- ) }),
188
- /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", flex: 1 }, children: (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDropdown) ? /* @__PURE__ */ jsx(
189
- Select,
190
- {
191
- currentOptions: currentThirdOptionDropdownOptions,
192
- initialOptions: currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionDropdownOptions,
193
- isDisabled: !operationField.value,
194
- isMulti: currentColumnDef == null ? void 0 : currentColumnDef.enableMultiSelect,
195
- isOpen: isThirdOptionDropdownOpen,
196
- isSelectAll,
197
- isWithSearch: currentColumnDef == null ? void 0 : currentColumnDef.enableSearch,
198
- minWidth: activeSearchType !== "advanceSearch" ? 344 : void 0,
199
- name: `filters.${index}.value`,
200
- placeholder: "Select value",
201
- selectedOptions: (valueField == null ? void 0 : valueField.value) || [],
202
- setCurrentOptions: setCurrentThirdOptionDropdownOptions,
203
- setIsOpen: setIsThirdOptionDropdownOpen,
204
- setSelectedOptions: (option) => {
205
- valueField.onChange(option);
206
- },
207
- toggleSelectAll: currentColumnDef == null ? void 0 : currentColumnDef.enableMultiSelect,
208
- withPortal: true,
209
- onClick: (e) => {
210
- e.preventDefault();
211
- e.stopPropagation();
212
- },
213
- setIsSelectAll
214
- }
215
- ) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDatePicker) || (currentColumnDef == null ? void 0 : currentColumnDef.filter) === "agDateColumnFilter" && !currentColumnDef.thirdOptionAsDateRangePicker ? /* @__PURE__ */ jsx(
216
- DatePicker,
217
- {
218
- fullWidth: true,
219
- showMonthYearSelect: true,
220
- displayFormat: currentColumnDef.displayFormat || "MM-DD-YYYY",
221
- isDisabled: !operationField.value,
222
- name: `filters.${index}.value`,
223
- placeholder: "Select date",
224
- selectedDate: valueField.value ? moment(valueField.value) : void 0,
225
- setSelectedDate: (date) => {
226
- valueField.onChange(date);
227
- },
228
- withPortal: true,
229
- ...currentColumnDef.thirdOptionAsDatePickerProps
230
- }
231
- ) : (currentColumnDef == null ? void 0 : currentColumnDef.thirdOptionAsDateRangePicker) ? /* @__PURE__ */ jsx(
232
- DateRangePicker,
233
- {
234
- fullWidth: true,
235
- endDate: ((_a = valueField.value) == null ? void 0 : _a.endDate) ? moment.isMoment(valueField.value.endDate) ? valueField.value.endDate : moment(valueField.value.endDate) : ((_b = currentColumnDef.thirdOptionAsDateRangePickerProps) == null ? void 0 : _b.endDate) ? moment.isMoment(currentColumnDef.thirdOptionAsDateRangePickerProps.endDate) ? currentColumnDef.thirdOptionAsDateRangePickerProps.endDate : moment(currentColumnDef.thirdOptionAsDateRangePickerProps.endDate) : null,
236
- handleDatesChange: (startDate, endDate) => {
237
- const formattedValue = {
238
- startDate: startDate ? moment.isMoment(startDate) ? startDate : moment(startDate) : null,
239
- endDate: endDate ? moment.isMoment(endDate) ? endDate : moment(endDate) : null
240
- };
241
- valueField.onChange(formattedValue);
242
- },
243
- isDisabled: !operationField.value,
244
- name: `filters.${index}.value`,
245
- setEndDate: () => {
246
- },
247
- setStartDate: () => {
248
- },
249
- startDate: ((_c = valueField.value) == null ? void 0 : _c.startDate) ? moment.isMoment(valueField.value.startDate) ? valueField.value.startDate : moment(valueField.value.startDate) : ((_d = currentColumnDef.thirdOptionAsDateRangePickerProps) == null ? void 0 : _d.startDate) ? moment.isMoment(currentColumnDef.thirdOptionAsDateRangePickerProps.startDate) ? currentColumnDef.thirdOptionAsDateRangePickerProps.startDate : moment(currentColumnDef.thirdOptionAsDateRangePickerProps.startDate) : null,
250
- withPortal: true,
251
- onResetClick: () => {
252
- valueField.onChange({ startDate: null, endDate: null });
253
- },
254
- ...(() => {
255
- const {
256
- startDate: _,
257
- endDate: __,
258
- ...restProps
259
- } = currentColumnDef.thirdOptionAsDateRangePickerProps || {};
260
- return restProps;
261
- })()
262
- }
263
- ) : /* @__PURE__ */ jsx(
264
- Input,
265
- {
266
- isDisabled: activeSearchType === "advanceSearch" && !operationField.value,
267
- name: `filters.${index}.value`,
268
- placeholder: "Enter text",
269
- value: valueField.value || "",
270
- onChange: (e) => {
271
- valueField.onChange(e.target.value);
272
- }
273
- }
274
- ) }),
275
- /* @__PURE__ */ jsx(
276
- Button,
277
- {
278
- disabled: isLastVisible,
279
- size: "large",
280
- type: "button",
281
- variant: "tertiary",
282
- onClick: (e) => {
283
- e.preventDefault();
284
- e.stopPropagation();
285
- const fieldId = (field == null ? void 0 : field.fieldId) || (field == null ? void 0 : field.id);
286
- if (fieldId !== void 0) {
287
- const actualIndex = fields.findIndex((f) => (f.fieldId || f.id) === fieldId);
288
- if (actualIndex !== -1) {
289
- remove(actualIndex);
290
- }
291
- } else {
292
- remove(index);
293
- }
294
- },
295
- children: /* @__PURE__ */ jsx(default_1, {})
296
- }
297
- )
298
- ] });
299
- };
300
- export {
301
- NewAdvanceSearchModalItem as default
302
- };
@@ -1,16 +0,0 @@
1
- declare const NoComments: ({ onAddComment, cellId, position, isInsidePortal, editCommentText, isLoading, error, onClearError, isEditFlow, onUpdateComment, setEditingComment, loadParticipantsAvatar, }: {
2
- onAddComment: any;
3
- cellId: any;
4
- position: any;
5
- isInsidePortal?: boolean | undefined;
6
- editCommentText?: string | undefined;
7
- isLoading?: boolean | undefined;
8
- error?: null | undefined;
9
- onClearError: any;
10
- isEditFlow: any;
11
- onUpdateComment: any;
12
- setEditingComment: any;
13
- loadParticipantsAvatar: any;
14
- }) => import("react/jsx-runtime").JSX.Element;
15
- export default NoComments;
16
- //# sourceMappingURL=NoComments.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NoComments.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/NoComments.tsx"],"names":[],"mappings":"AA4CA,QAAA,MAAM,UAAU,GAAI;;;;;;;;;;;;;CAanB,4CAuOA,CAAC;AAEF,eAAe,UAAU,CAAC"}