sccoreui 6.4.32 → 6.4.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.scss +16 -0
- package/dist/assets/sccoreui.css +2 -2
- package/dist/components/ag-grid/advancedFeature/custom-sort.js +2 -3
- package/dist/components/ag-grid/advancedFeature/global-search.js +5 -3
- package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js +14 -1
- package/dist/components/ag-grid/constants.js +6 -14
- package/dist/components/ag-grid/context-provider.js +1 -7
- package/dist/components/ag-grid/helper.js +20 -25
- package/dist/components/ag-grid/parent-for-grid.js +5 -8
- package/dist/components/form/form-fields/FieldLabel.js +1 -1
- package/dist/components/form/form-fields/form-fields.js +1 -1
- package/dist/components/list-box-dropdown/virtualization-component.js +21 -19
- package/dist/components/virtual-scroll-list-box/VirtualScrollListBox.js +12 -12
- package/dist/directives/svg-icons.js +2 -12
- package/dist/types/components/ag-grid/constants.d.ts +1 -1
- package/dist/types/components/ag-grid/helper.d.ts +1 -1
- package/package.json +2 -2
package/dist/App.scss
CHANGED
|
@@ -1245,6 +1245,13 @@ button[aria-expanded="true"] {
|
|
|
1245
1245
|
}
|
|
1246
1246
|
}
|
|
1247
1247
|
|
|
1248
|
+
.listbox_label {
|
|
1249
|
+
display: -webkit-box;
|
|
1250
|
+
-webkit-box-orient: vertical;
|
|
1251
|
+
-webkit-line-clamp: 1;
|
|
1252
|
+
white-space: normal;
|
|
1253
|
+
}
|
|
1254
|
+
|
|
1248
1255
|
.list_box_dropdown {
|
|
1249
1256
|
.p-listbox-header {
|
|
1250
1257
|
padding: 12px !important;
|
|
@@ -3018,6 +3025,15 @@ button[aria-expanded="true"] {
|
|
|
3018
3025
|
}
|
|
3019
3026
|
}
|
|
3020
3027
|
|
|
3028
|
+
.text_ellipsis {
|
|
3029
|
+
display: -webkit-box;
|
|
3030
|
+
-webkit-box-orient: vertical;
|
|
3031
|
+
-webkit-line-clamp: 1;
|
|
3032
|
+
line-clamp: 1;
|
|
3033
|
+
white-space: normal;
|
|
3034
|
+
overflow: hidden;
|
|
3035
|
+
}
|
|
3036
|
+
|
|
3021
3037
|
// button styles
|
|
3022
3038
|
// .p-button.sc_btn,
|
|
3023
3039
|
// div.sc_btn {
|
package/dist/assets/sccoreui.css
CHANGED
|
@@ -5786,7 +5786,7 @@ a {
|
|
|
5786
5786
|
|
|
5787
5787
|
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
|
|
5788
5788
|
background: #ffffff;
|
|
5789
|
-
color: var(--primary-
|
|
5789
|
+
color: var(--primary-400); /* color changed */
|
|
5790
5790
|
position: relative;
|
|
5791
5791
|
transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
|
|
5792
5792
|
}
|
|
@@ -8037,7 +8037,7 @@ a {
|
|
|
8037
8037
|
z-index: 1;
|
|
8038
8038
|
display: block;
|
|
8039
8039
|
position: absolute;
|
|
8040
|
-
background: var(--primary-
|
|
8040
|
+
background: var(--primary-400);
|
|
8041
8041
|
height: 2px;
|
|
8042
8042
|
bottom: 0;
|
|
8043
8043
|
|
|
@@ -12,7 +12,6 @@ const context_provider_1 = require("../context-provider");
|
|
|
12
12
|
const helper_1 = require("../helper");
|
|
13
13
|
const utilComponents_1 = require("../utilComponents");
|
|
14
14
|
const FeatureSkeleton_1 = tslib_1.__importDefault(require("../../skeletons/FeatureSkeleton"));
|
|
15
|
-
const constants_1 = tslib_1.__importDefault(require("../constants"));
|
|
16
15
|
function Sort() {
|
|
17
16
|
var _a, _b;
|
|
18
17
|
const { sortValue, setSortValue, sortBy, setSortBy, isOverlayOpened, setIsOverlayOpened, featureDetails, callGrid, columnData, sortModelText, sortOptions, conditionsToDisplay, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
|
|
@@ -58,7 +57,7 @@ function Sort() {
|
|
|
58
57
|
if (!((sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.isSortable) && (sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.columnToSort) && (sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.orderToSort))) {
|
|
59
58
|
return;
|
|
60
59
|
}
|
|
61
|
-
const currentFeature = Object.assign(
|
|
60
|
+
const currentFeature = Object.assign({}, featureDetails);
|
|
62
61
|
currentFeature.sort = sortInfo;
|
|
63
62
|
return currentFeature;
|
|
64
63
|
};
|
|
@@ -79,7 +78,7 @@ function Sort() {
|
|
|
79
78
|
columnToSort: "",
|
|
80
79
|
orderToSort: "",
|
|
81
80
|
};
|
|
82
|
-
const currentFeatureDetails = Object.assign(
|
|
81
|
+
const currentFeatureDetails = Object.assign({}, featureDetails);
|
|
83
82
|
currentFeatureDetails.sort = sortDetails;
|
|
84
83
|
callGrid(currentFeatureDetails);
|
|
85
84
|
};
|
|
@@ -6,12 +6,14 @@ const inputtext_1 = require("primereact/inputtext");
|
|
|
6
6
|
const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const context_provider_1 = require("../context-provider");
|
|
9
|
-
const
|
|
9
|
+
const hooks_1 = require("primereact/hooks");
|
|
10
|
+
const constants_1 = require("../constants");
|
|
10
11
|
const helper_1 = require("../helper");
|
|
11
12
|
const utilComponents_1 = require("../utilComponents");
|
|
12
13
|
const skeleton_1 = require("primereact/skeleton");
|
|
13
14
|
function Search({ searchPlaceHolder }) {
|
|
14
|
-
const { featureDetails, setFeatureDetails, rowModelType, gridApi, quickSearch, conditionsToDisplay, setGridViewData, gridView,
|
|
15
|
+
const { featureDetails, setFeatureDetails, rowModelType, gridApi, quickSearch, conditionsToDisplay, setGridViewData, gridView, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
|
|
16
|
+
const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
|
|
15
17
|
const isDisabled = (0, helper_1.isComponentDisable)(conditionsToDisplay.displaySearch);
|
|
16
18
|
(0, react_1.useEffect)(() => {
|
|
17
19
|
var _a, _b, _c;
|
|
@@ -31,7 +33,7 @@ function Search({ searchPlaceHolder }) {
|
|
|
31
33
|
}
|
|
32
34
|
}
|
|
33
35
|
else {
|
|
34
|
-
setFeatureDetails(Object.assign(Object.assign({}, featureDetails), {
|
|
36
|
+
setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { searchedText: deboucedValue }));
|
|
35
37
|
}
|
|
36
38
|
}, [deboucedValue]);
|
|
37
39
|
return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "336px" })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `p-input-icon-left ${inputValue.length > 0 ? "p-input-icon-right" : ""}` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix zoom_animate" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { color: "#667085", icon: "search-lg", size: 18, disabled: isDisabled }) })), inputValue.length > 0 && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer zoom_animate", onClick: () => {
|
|
@@ -53,10 +53,23 @@ const TableFilter = () => {
|
|
|
53
53
|
};
|
|
54
54
|
return queryToAdd;
|
|
55
55
|
});
|
|
56
|
+
const requestFilters = allQueries.map((element) => {
|
|
57
|
+
var _a, _b, _c, _d, _e;
|
|
58
|
+
return ({
|
|
59
|
+
fieldName: (_b = (_a = element === null || element === void 0 ? void 0 : element.selectedColumn) === null || _a === void 0 ? void 0 : _a.code) === null || _b === void 0 ? void 0 : _b.code,
|
|
60
|
+
fieldValue: element === null || element === void 0 ? void 0 : element.value.toString(),
|
|
61
|
+
conditionalOperator: element === null || element === void 0 ? void 0 : element.selectedOperation,
|
|
62
|
+
logicalOperator: element.logicalOperator,
|
|
63
|
+
attributeType: ((_d = (_c = element === null || element === void 0 ? void 0 : element.selectedColumn) === null || _c === void 0 ? void 0 : _c.code) === null || _d === void 0 ? void 0 : _d.attributeType)
|
|
64
|
+
? (_e = element === null || element === void 0 ? void 0 : element.selectedColumn) === null || _e === void 0 ? void 0 : _e.code.attributeType
|
|
65
|
+
: 1,
|
|
66
|
+
});
|
|
67
|
+
});
|
|
56
68
|
setGlobalFilters(array);
|
|
57
69
|
const currentFeature = Object.assign({}, featureDetails);
|
|
58
70
|
currentFeature.filterQueries = allQueries;
|
|
59
|
-
setFeatureDetails(Object.assign(Object.assign({}, featureDetails), {
|
|
71
|
+
setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { filterQueries: allQueries }));
|
|
72
|
+
console.log("payload", requestFilters);
|
|
60
73
|
callGrid(currentFeature);
|
|
61
74
|
return [];
|
|
62
75
|
};
|
|
@@ -415,19 +415,6 @@ const accessBasedOnDataType = [
|
|
|
415
415
|
];
|
|
416
416
|
const defaultOptionValueColumn = { order: 1, labelName: "", value: "", upload: "", actions: "" };
|
|
417
417
|
const columnSortTypes = [{ id: 1, label: "Low - High", sortId: 1, dataType: "integer" }, { id: 2, label: "High - Low", sortId: 2, dataType: "integer" }, { id: 3, label: "A - Z", sortId: 1, dataType: "string" }, { id: 4, label: "Z - A", sortId: 2, dataType: "string" }, { id: 5, sortId: 1, label: "Min -Max", dataType: "date" }, { id: 6, sortId: 2, label: "Max - Min", dataType: "date" }];
|
|
418
|
-
var GRID_CHECKBOX_STATUS;
|
|
419
|
-
(function (GRID_CHECKBOX_STATUS) {
|
|
420
|
-
GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["NEUTRAL"] = 1] = "NEUTRAL";
|
|
421
|
-
GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["CHECKED"] = 2] = "CHECKED";
|
|
422
|
-
GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["UNCHECKED"] = 3] = "UNCHECKED";
|
|
423
|
-
})(GRID_CHECKBOX_STATUS = exports.GRID_CHECKBOX_STATUS || (exports.GRID_CHECKBOX_STATUS = {}));
|
|
424
|
-
const initialCheckBoxState = {
|
|
425
|
-
allBoxChecked: false,
|
|
426
|
-
isIndeterminate: false,
|
|
427
|
-
includedRecords: [],
|
|
428
|
-
excludedRecords: [],
|
|
429
|
-
headerCheckBoxStatus: GRID_CHECKBOX_STATUS.NEUTRAL,
|
|
430
|
-
};
|
|
431
418
|
const constants = {
|
|
432
419
|
maxCodeLength,
|
|
433
420
|
maxNameLength,
|
|
@@ -437,7 +424,12 @@ const constants = {
|
|
|
437
424
|
maxSortInputLength,
|
|
438
425
|
accessBasedOnDataType,
|
|
439
426
|
minSortInputLength,
|
|
440
|
-
initialCheckBoxState
|
|
441
427
|
};
|
|
428
|
+
var GRID_CHECKBOX_STATUS;
|
|
429
|
+
(function (GRID_CHECKBOX_STATUS) {
|
|
430
|
+
GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["NEUTRAL"] = 1] = "NEUTRAL";
|
|
431
|
+
GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["CHECKED"] = 2] = "CHECKED";
|
|
432
|
+
GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["UNCHECKED"] = 3] = "UNCHECKED";
|
|
433
|
+
})(GRID_CHECKBOX_STATUS = exports.GRID_CHECKBOX_STATUS || (exports.GRID_CHECKBOX_STATUS = {}));
|
|
442
434
|
exports.EMPTY_RECORD = "--";
|
|
443
435
|
exports.default = constants;
|
|
@@ -4,7 +4,6 @@ exports.FeatureContext = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const helper_1 = require("./helper");
|
|
7
|
-
const hooks_1 = require("primereact/hooks");
|
|
8
7
|
exports.FeatureContext = (0, react_1.createContext)(null);
|
|
9
8
|
function MyProvider({ children, value }) {
|
|
10
9
|
const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView } = value;
|
|
@@ -14,7 +13,6 @@ function MyProvider({ children, value }) {
|
|
|
14
13
|
const [sortBy, setSortBy] = (0, react_1.useState)({});
|
|
15
14
|
const [isOverlayOpened, setIsOverlayOpened] = (0, react_1.useState)(false);
|
|
16
15
|
const [viewName, setViewName] = (0, react_1.useState)("");
|
|
17
|
-
const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
|
|
18
16
|
// States for filter
|
|
19
17
|
const [queries, setQueries] = (0, react_1.useState)(() => {
|
|
20
18
|
var _a;
|
|
@@ -44,7 +42,6 @@ function MyProvider({ children, value }) {
|
|
|
44
42
|
setSortBy({});
|
|
45
43
|
setSortValue({});
|
|
46
44
|
callGrid(emptyFeatures);
|
|
47
|
-
setInputValue("");
|
|
48
45
|
};
|
|
49
46
|
(0, react_1.useEffect)(() => {
|
|
50
47
|
if (defaultFilters.length) {
|
|
@@ -115,10 +112,7 @@ function MyProvider({ children, value }) {
|
|
|
115
112
|
gridViewFun,
|
|
116
113
|
gridViewData,
|
|
117
114
|
setGridViewData,
|
|
118
|
-
gridView
|
|
119
|
-
inputValue,
|
|
120
|
-
deboucedValue,
|
|
121
|
-
setInputValue
|
|
115
|
+
gridView
|
|
122
116
|
} }, { children: children })));
|
|
123
117
|
}
|
|
124
118
|
exports.default = MyProvider;
|
|
@@ -62,22 +62,21 @@ const sortColumns = (columns) => {
|
|
|
62
62
|
};
|
|
63
63
|
exports.sortColumns = sortColumns;
|
|
64
64
|
// Give checkbox checked status
|
|
65
|
-
const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS) => {
|
|
65
|
+
const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS, setFeatureDetails) => {
|
|
66
66
|
const { allBoxChecked, excludedRecords, includedRecords, headerCheckBoxStatus, } = featureDetails.checkBoxSelection;
|
|
67
|
-
const isExcluded = excludedRecords.some(r => r.id === row.id);
|
|
68
|
-
const isIncluded = includedRecords.some(r => r.id === row.id);
|
|
69
67
|
if (allBoxChecked) {
|
|
70
|
-
return !
|
|
68
|
+
return !excludedRecords.includes(row);
|
|
71
69
|
}
|
|
72
70
|
else {
|
|
73
71
|
if (headerCheckBoxStatus === GRID_CHECKBOX_STATUS.NEUTRAL &&
|
|
74
72
|
(row === null || row === void 0 ? void 0 : row.isSelected)) {
|
|
75
|
-
if (!
|
|
76
|
-
|
|
73
|
+
if (!includedRecords.includes(row)) {
|
|
74
|
+
includedRecords.push(row);
|
|
75
|
+
setFeatureDetails((prev) => (Object.assign(Object.assign({}, prev), { checkBoxSelection: Object.assign(Object.assign({}, prev.checkBoxSelection), { includedRecords: [...includedRecords] }) })));
|
|
77
76
|
}
|
|
78
77
|
return true;
|
|
79
78
|
}
|
|
80
|
-
return
|
|
79
|
+
return includedRecords.includes(row);
|
|
81
80
|
}
|
|
82
81
|
};
|
|
83
82
|
exports.getCheckedStatus = getCheckedStatus;
|
|
@@ -227,14 +226,14 @@ exports.autoGroupColumnDef = autoGroupColumnDef;
|
|
|
227
226
|
// This function determines how to update `includedRecords` and `excludedRecords`
|
|
228
227
|
// depending on whether all checkboxes are checked or not (`allBoxChecked` state)
|
|
229
228
|
const updateRecords = (rowData, featureDetails, gridData) => {
|
|
230
|
-
var _a, _b;
|
|
229
|
+
var _a, _b, _c;
|
|
231
230
|
const { excludedRecords, includedRecords, allBoxChecked } = featureDetails.checkBoxSelection;
|
|
232
231
|
let newExcludedRecords = [...excludedRecords];
|
|
233
232
|
let newIncludedRecords = [...includedRecords];
|
|
234
233
|
// When all checkboxes are checked
|
|
235
234
|
if (allBoxChecked) {
|
|
236
235
|
// Update excluded records: add or remove the current rowData
|
|
237
|
-
newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.
|
|
236
|
+
newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(rowData))
|
|
238
237
|
? excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id))
|
|
239
238
|
: [...excludedRecords, rowData];
|
|
240
239
|
// Check if all records are excluded; reset if so
|
|
@@ -249,7 +248,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
|
|
|
249
248
|
// When not all checkboxes are checked
|
|
250
249
|
else {
|
|
251
250
|
// Update included records: add or remove the current rowData
|
|
252
|
-
newIncludedRecords = (includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.
|
|
251
|
+
newIncludedRecords = (includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.includes(rowData))
|
|
253
252
|
? includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.filter((item) => {
|
|
254
253
|
if ((item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id)) {
|
|
255
254
|
return item;
|
|
@@ -259,27 +258,23 @@ const updateRecords = (rowData, featureDetails, gridData) => {
|
|
|
259
258
|
return false; // Exclude this item from the new array
|
|
260
259
|
}
|
|
261
260
|
})
|
|
262
|
-
:
|
|
263
|
-
newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.some((x) => (x === null || x === void 0 ? void 0 : x.id) === (rowData === null || rowData === void 0 ? void 0 : rowData.id)))
|
|
264
|
-
? excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id))
|
|
265
|
-
: (rowData === null || rowData === void 0 ? void 0 : rowData.isSelected) ? [...excludedRecords, rowData] : excludedRecords;
|
|
261
|
+
: [...includedRecords, rowData]; // Add rowData if it's not already included
|
|
266
262
|
// Check if all records are included; reset if so
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
// }
|
|
263
|
+
if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
|
|
264
|
+
return {
|
|
265
|
+
excludedRecords: [],
|
|
266
|
+
includedRecords: [],
|
|
267
|
+
isIndeterminate: false,
|
|
268
|
+
allBoxChecked: true,
|
|
269
|
+
};
|
|
270
|
+
}
|
|
276
271
|
// Check if all records are excluded; reset if so
|
|
277
|
-
if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((
|
|
272
|
+
else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_c = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _c === void 0 ? void 0 : _c.length)) {
|
|
278
273
|
return exports.initialCheckBoxData;
|
|
279
274
|
}
|
|
280
275
|
// Otherwise, update the included records
|
|
281
276
|
else {
|
|
282
|
-
return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords
|
|
277
|
+
return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords });
|
|
283
278
|
}
|
|
284
279
|
}
|
|
285
280
|
};
|
|
@@ -110,16 +110,13 @@ function ParentForGrid(props) {
|
|
|
110
110
|
? true
|
|
111
111
|
: false), shouldRenderOnRight: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.displayCheckboxOnRight }), HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-3" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName }))] })) })));
|
|
112
112
|
};
|
|
113
|
-
const onRowClickSelection = (data) => {
|
|
114
|
-
(0, helper_1.handleCheckboxClick)({ checked: true }, data, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns);
|
|
115
|
-
};
|
|
116
113
|
// JSX for rendering checkbox in cells
|
|
117
114
|
const cellCheckBoxRenderer = (params) => {
|
|
118
|
-
var _a, _b
|
|
115
|
+
var _a, _b;
|
|
119
116
|
const { data } = params;
|
|
120
117
|
// const { allBoxChecked, excludedRecords, includedRecords } = featureDetails.checkBoxSelection;
|
|
121
|
-
const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS);
|
|
122
|
-
return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked:
|
|
118
|
+
const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS, setFeatureDetails);
|
|
119
|
+
return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: isChecked, disabled: ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.tagged) || false, onChange: (e) => (0, helper_1.handleCheckboxClick)(e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns), isIndeterminate: false, shouldRenderOnRight: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight }));
|
|
123
120
|
};
|
|
124
121
|
// Callback to products for getting data
|
|
125
122
|
const getData = (startRow, endRow, currentFeatures, params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
|
|
@@ -352,7 +349,7 @@ function ParentForGrid(props) {
|
|
|
352
349
|
setGridViewData(Object.assign(Object.assign({}, gridViewData), { rowData: allData }));
|
|
353
350
|
};
|
|
354
351
|
// Options that grid should have
|
|
355
|
-
const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(
|
|
352
|
+
const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
|
|
356
353
|
var _a, _b;
|
|
357
354
|
if ((column === null || column === void 0 ? void 0 : column.enableChildCheckbox) && (column === null || column === void 0 ? void 0 : column.enableHeaderCheckbox)) {
|
|
358
355
|
return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params === null || params === void 0 ? void 0 : params.displayName, (column === null || column === void 0 ? void 0 : column.headerComponent) && ""), cellRenderer: (params) => (0, utilComponents_1.dataCellRenderer)(params, column, props), cellRendererParams: {
|
|
@@ -371,7 +368,7 @@ function ParentForGrid(props) {
|
|
|
371
368
|
dataTypeDefinitions: props === null || props === void 0 ? void 0 : props.dataTypeDefinitions,
|
|
372
369
|
})), { popupParent: popupParent }), ((props === null || props === void 0 ? void 0 : props.treeData) && { treeData: props === null || props === void 0 ? void 0 : props.treeData })), ((props === null || props === void 0 ? void 0 : props.groupDefaultExpanded) && {
|
|
373
370
|
groupDefaultExpanded: props === null || props === void 0 ? void 0 : props.groupDefaultExpanded, // to enable tree data
|
|
374
|
-
})), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.
|
|
371
|
+
})), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), {
|
|
375
372
|
// ...(props?.getDataPath && { getDataPath: props?.getDataPath }), // for clint side tree data enable fetuare
|
|
376
373
|
onGridPreDestroyed: onGridPreDestroyed }), ((props === null || props === void 0 ? void 0 : props.rowDragManaged) ? { rowDragManaged: props === null || props === void 0 ? void 0 : props.rowDragManaged } : {})), gridProps);
|
|
377
374
|
// Fucntion to call the grid
|
|
@@ -4,6 +4,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
4
4
|
const svg_1 = require("../../../assets/svg/svg");
|
|
5
5
|
const FieldLabel = (props) => {
|
|
6
6
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center", style: { gap: "2px" } }, { children: [(props === null || props === void 0 ? void 0 : props.isRequired) && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (!(props === null || props === void 0 ? void 0 : props.error) && (props === null || props === void 0 ? void 0 : props.touched)) ||
|
|
7
|
-
((props === null || props === void 0 ? void 0 : props.value) && !(props === null || props === void 0 ? void 0 : props.touched)) ? ((0, jsx_runtime_1.jsx)(svg_1.LightningGreen, {})) : (props === null || props === void 0 ? void 0 : props.error) && (props === null || props === void 0 ? void 0 : props.touched) ? ((0, jsx_runtime_1.jsx)(svg_1.LightningRed, {})) : ((0, jsx_runtime_1.jsx)(svg_1.Lightning, {})) })), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: props === null || props === void 0 ? void 0 : props.label, className: "mb-1" }, { children: props === null || props === void 0 ? void 0 : props.label }))] })) }));
|
|
7
|
+
((props === null || props === void 0 ? void 0 : props.value) && !(props === null || props === void 0 ? void 0 : props.touched)) ? ((0, jsx_runtime_1.jsx)(svg_1.LightningGreen, {})) : (props === null || props === void 0 ? void 0 : props.error) && (props === null || props === void 0 ? void 0 : props.touched) ? ((0, jsx_runtime_1.jsx)(svg_1.LightningRed, {})) : ((0, jsx_runtime_1.jsx)(svg_1.Lightning, {})) })), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: props === null || props === void 0 ? void 0 : props.label, className: "mb-1 text_ellipsis" }, { children: props === null || props === void 0 ? void 0 : props.label }))] })) }));
|
|
8
8
|
};
|
|
9
9
|
exports.default = FieldLabel;
|
|
@@ -63,7 +63,7 @@ const DropDownField = (props) => {
|
|
|
63
63
|
const { errors, touched, name, length, label, onFocus,
|
|
64
64
|
// onChange,
|
|
65
65
|
placeholder, panelClassName, showClear, options, optional, customSelectedTemplate, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, filter, panelStyle, isLoading, isRequired = false, value, filterPlaceholder, emptyMessage, emptyFilterMessage, } = props;
|
|
66
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
|
|
66
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between text_ellipsis", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
|
|
67
67
|
// <label className="font-medium text-base mb-1" htmlFor={name}>
|
|
68
68
|
// {label}
|
|
69
69
|
// </label>
|
|
@@ -10,15 +10,15 @@ const hooks_1 = require("primereact/hooks");
|
|
|
10
10
|
const skeleton_1 = require("primereact/skeleton");
|
|
11
11
|
function RowVirtualizerDynamic(props) {
|
|
12
12
|
var _a, _b;
|
|
13
|
-
const { optionTemplate, optionLabel, filterPlaceholder, matchKey = "id", values, multiple = false, onSelectionChange, fetchData, emptyMessage, emptyFilterMessage } = props;
|
|
13
|
+
const { optionTemplate, optionLabel, filterPlaceholder, matchKey = "id", values, multiple = false, onSelectionChange, fetchData, emptyMessage, emptyFilterMessage, } = props;
|
|
14
14
|
const parentRef = React.useRef(null);
|
|
15
|
-
const loadingRef = React.useRef(
|
|
15
|
+
const loadingRef = React.useRef(false);
|
|
16
16
|
const allCount = React.useRef(null);
|
|
17
17
|
const totalRecordsCount = React.useRef(null);
|
|
18
18
|
const initialFetch = {
|
|
19
19
|
pageIndex: 0,
|
|
20
20
|
pageSize: 100,
|
|
21
|
-
searchTerm: ""
|
|
21
|
+
searchTerm: "",
|
|
22
22
|
};
|
|
23
23
|
const [loading, setLoading] = React.useState(true);
|
|
24
24
|
const pageIndex = React.useRef(0);
|
|
@@ -38,7 +38,9 @@ function RowVirtualizerDynamic(props) {
|
|
|
38
38
|
return;
|
|
39
39
|
const scrollOffset = el.scrollTop + el.clientHeight;
|
|
40
40
|
const threshold = el.scrollHeight - 100;
|
|
41
|
-
const checCount = allCount.current
|
|
41
|
+
const checCount = allCount.current
|
|
42
|
+
? allCount.current > totalRecordsCount.current
|
|
43
|
+
: true;
|
|
42
44
|
if (scrollOffset >= threshold && !loadingRef.current && checCount) {
|
|
43
45
|
setLoading(true);
|
|
44
46
|
loadingRef.current = true;
|
|
@@ -53,12 +55,10 @@ function RowVirtualizerDynamic(props) {
|
|
|
53
55
|
loadingRef.current = false;
|
|
54
56
|
if ((props === null || props === void 0 ? void 0 : props.searchTerm) && (props === null || props === void 0 ? void 0 : props.searchTerm) !== "") {
|
|
55
57
|
totalRecordsCount.current = (_c = object === null || object === void 0 ? void 0 : object.data) === null || _c === void 0 ? void 0 : _c.length;
|
|
56
|
-
allCount.current = object === null || object === void 0 ? void 0 : object.totalRecords;
|
|
57
|
-
pageIndex.current = 0;
|
|
58
58
|
setData(object === null || object === void 0 ? void 0 : object.data);
|
|
59
59
|
}
|
|
60
60
|
else {
|
|
61
|
-
setData(prev => {
|
|
61
|
+
setData((prev) => {
|
|
62
62
|
const totalData = [...prev, ...object === null || object === void 0 ? void 0 : object.data];
|
|
63
63
|
totalRecordsCount.current = totalData.length;
|
|
64
64
|
return totalData;
|
|
@@ -82,8 +82,8 @@ function RowVirtualizerDynamic(props) {
|
|
|
82
82
|
}, [debouncedValue]);
|
|
83
83
|
React.useEffect(() => {
|
|
84
84
|
const el = parentRef.current;
|
|
85
|
-
el && el.addEventListener(
|
|
86
|
-
return () => el === null || el === void 0 ? void 0 : el.removeEventListener(
|
|
85
|
+
el && el.addEventListener("scroll", handleScroll);
|
|
86
|
+
return () => el === null || el === void 0 ? void 0 : el.removeEventListener("scroll", handleScroll);
|
|
87
87
|
}, []);
|
|
88
88
|
const items = virtualizer.getVirtualItems();
|
|
89
89
|
const handleSelect = (item) => {
|
|
@@ -101,30 +101,32 @@ function RowVirtualizerDynamic(props) {
|
|
|
101
101
|
};
|
|
102
102
|
// Render Skeletons
|
|
103
103
|
const renderSkeletons = () => {
|
|
104
|
-
return Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: "p-listbox-item cursor-pointer
|
|
104
|
+
return Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: "p-listbox-item cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" }) }), index)));
|
|
105
105
|
};
|
|
106
106
|
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-listbox" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-header", "data-pc-section": "header" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-filter-container", "data-pc-section": "filtercontainer" }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right flex-order-1" }, { children: [inputValue === "" ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md", size: 12 }) }))) : ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer", onClick: (e) => {
|
|
107
107
|
e.stopPropagation();
|
|
108
108
|
setInputValue("");
|
|
109
109
|
} }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 12 }) }))), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: inputValue, onChange: (e) => setInputValue(e.target.value), placeholder: filterPlaceholder, className: "w-full" })] })) })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: parentRef, className: "List virtual-box w-full bg-gray shadow-3", style: {
|
|
110
110
|
height: 400,
|
|
111
|
-
overflowY:
|
|
112
|
-
contain:
|
|
111
|
+
overflowY: "auto",
|
|
112
|
+
contain: "strict",
|
|
113
113
|
} }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
|
|
114
114
|
height: virtualizer.getTotalSize(),
|
|
115
|
-
width:
|
|
116
|
-
position:
|
|
117
|
-
}, className: `${data.length === 0
|
|
118
|
-
|
|
115
|
+
width: "100%",
|
|
116
|
+
position: "relative",
|
|
117
|
+
}, className: `${data.length === 0
|
|
118
|
+
? "flex-column flex justify-content-around align-items-center h-full w-full"
|
|
119
|
+
: ""}` }, { children: loadingRef.current && (data === null || data === void 0 ? void 0 : data.length) === 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list" }, { children: renderSkeletons() }))) : (data === null || data === void 0 ? void 0 : data.length) === 0 ? (debouncedValue && debouncedValue !== "" ? ((0, jsx_runtime_1.jsx)("span", { children: emptyFilterMessage })) : ((0, jsx_runtime_1.jsx)("span", { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list", style: {
|
|
120
|
+
position: "absolute",
|
|
119
121
|
top: 0,
|
|
120
122
|
left: 0,
|
|
121
|
-
width:
|
|
123
|
+
width: "100%",
|
|
122
124
|
transform: `translateY(${(_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.start) !== null && _b !== void 0 ? _b : 0}px)`,
|
|
123
125
|
} }, { children: items.map((virtualRow) => {
|
|
124
126
|
var _a;
|
|
125
|
-
return ((0, jsx_runtime_1.jsx)("li", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, onClick: () => handleSelect(data[virtualRow.index]), className: `p-listbox-item ${virtualRow.index % 2 ?
|
|
127
|
+
return ((0, jsx_runtime_1.jsx)("li", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, onClick: () => handleSelect(data[virtualRow.index]), className: `p-listbox-item ${virtualRow.index % 2 ? "ListItemOdd" : "ListItemEven"} ${values.some((y) => { var _a; return (y === null || y === void 0 ? void 0 : y[matchKey]) === ((_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[matchKey]); })
|
|
126
128
|
? "p-highlight"
|
|
127
|
-
: ""} cursor-pointer` }, { children: loading ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" })) :
|
|
129
|
+
: ""} cursor-pointer` }, { children: loading ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" })) : optionTemplate ? (optionTemplate(data[virtualRow.index])) : ((0, jsx_runtime_1.jsx)("div", { children: (_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[optionLabel] })) }), virtualRow.key));
|
|
128
130
|
}) }))) })) }))] })));
|
|
129
131
|
}
|
|
130
132
|
exports.default = RowVirtualizerDynamic;
|
|
@@ -8,7 +8,7 @@ function RowVirtualizerDynamic() {
|
|
|
8
8
|
var _a, _b;
|
|
9
9
|
const parentRef = React.useRef(null);
|
|
10
10
|
const [enabled] = React.useState(true);
|
|
11
|
-
const [data, setData] = React.useState(() => new Array(100).fill(
|
|
11
|
+
const [data, setData] = React.useState(() => new Array(100).fill("Initial row"));
|
|
12
12
|
const virtualizer = (0, react_virtual_1.useVirtualizer)({
|
|
13
13
|
count: data.length,
|
|
14
14
|
getScrollElement: () => parentRef.current,
|
|
@@ -28,33 +28,33 @@ function RowVirtualizerDynamic() {
|
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
const fetchMoreData = () => {
|
|
31
|
-
setData(prev => [
|
|
31
|
+
setData((prev) => [
|
|
32
32
|
...prev,
|
|
33
|
-
...new Array(50).fill(
|
|
33
|
+
...new Array(50).fill("New row added"), // simulate fetch
|
|
34
34
|
]);
|
|
35
35
|
};
|
|
36
36
|
// 👇 Attach scroll event
|
|
37
37
|
React.useEffect(() => {
|
|
38
38
|
const el = parentRef.current;
|
|
39
|
-
el && el.addEventListener(
|
|
40
|
-
return () => el.removeEventListener(
|
|
39
|
+
el && el.addEventListener("scroll", handleScroll);
|
|
40
|
+
return () => el.removeEventListener("scroll", handleScroll);
|
|
41
41
|
}, []);
|
|
42
42
|
const items = virtualizer.getVirtualItems();
|
|
43
43
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: parentRef, className: "List", style: {
|
|
44
44
|
height: 400,
|
|
45
45
|
width: 400,
|
|
46
|
-
overflowY:
|
|
47
|
-
contain:
|
|
46
|
+
overflowY: "auto",
|
|
47
|
+
contain: "strict",
|
|
48
48
|
} }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
|
|
49
49
|
height: virtualizer.getTotalSize(),
|
|
50
|
-
width:
|
|
51
|
-
position:
|
|
50
|
+
width: "100%",
|
|
51
|
+
position: "relative",
|
|
52
52
|
} }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: {
|
|
53
|
-
position:
|
|
53
|
+
position: "absolute",
|
|
54
54
|
top: 0,
|
|
55
55
|
left: 0,
|
|
56
|
-
width:
|
|
56
|
+
width: "100%",
|
|
57
57
|
transform: `translateY(${(_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.start) !== null && _b !== void 0 ? _b : 0}px)`,
|
|
58
|
-
} }, { children: items.map((virtualRow) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, className: virtualRow.index % 2 ?
|
|
58
|
+
} }, { children: items.map((virtualRow) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, className: virtualRow.index % 2 ? "ListItemOdd" : "ListItemEven" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { padding: "10px 0" } }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: ["Row ", virtualRow.index] }), (0, jsx_runtime_1.jsx)("div", { children: data[virtualRow.index] })] })) }), virtualRow.key))) })) })) })));
|
|
59
59
|
}
|
|
60
60
|
exports.default = RowVirtualizerDynamic;
|
|
@@ -9710,18 +9710,8 @@ exports.iconList = [
|
|
|
9710
9710
|
},
|
|
9711
9711
|
{
|
|
9712
9712
|
name: "products",
|
|
9713
|
-
svg: `<svg width="
|
|
9714
|
-
<
|
|
9715
|
-
<path d="M4.25 5.65625V14.5625C4.25 14.6868 4.29939 14.806 4.38729 14.894C4.4752 14.9819 4.59443 15.0312 4.71875 15.0312H11.2812C11.4056 15.0312 11.5248 14.9819 11.6127 14.894C11.7006 14.806 11.75 14.6868 11.75 14.5625V5.65625" stroke="#2B2D2F" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9716
|
-
<path d="M11.75 8.46875H14.0938C14.2181 8.46875 14.3373 8.41936 14.4252 8.33146C14.5131 8.24355 14.5625 8.12432 14.5625 8V4.71875C14.5625 3.72419 14.1674 2.77036 13.4642 2.0671C12.7609 1.36384 11.8071 0.96875 10.8125 0.96875H9.875C9.875 1.46603 9.67746 1.94294 9.32583 2.29458C8.97419 2.64621 8.49728 2.84375 8 2.84375C7.50272 2.84375 7.02581 2.64621 6.67417 2.29458C6.32254 1.94294 6.125 1.46603 6.125 0.96875H5.1875C4.19294 0.96875 3.23911 1.36384 2.53585 2.0671C1.83259 2.77036 1.4375 3.72419 1.4375 4.71875V8C1.4375 8.12432 1.48689 8.24355 1.57479 8.33146C1.6627 8.41936 1.78193 8.46875 1.90625 8.46875H4.25" stroke="#2B2D2F" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9717
|
-
<path d="M8 2.84375V4.71875" stroke="#2B2D2F" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9718
|
-
<path d="M9.875 6.59375H8.9375" stroke="#2B2D2F" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9719
|
-
</g>
|
|
9720
|
-
<defs>
|
|
9721
|
-
<clipPath id="clip0_118_1661">
|
|
9722
|
-
<rect width="16" height="16" fill="white"/>
|
|
9723
|
-
</clipPath>
|
|
9724
|
-
</defs>
|
|
9713
|
+
svg: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
9714
|
+
<path d="M3.55828 7.6L6.3875 6.06667V11.3333C6.07062 11.363 5.7613 11.4111 5.45951 11.4778C5.15773 11.5444 4.86349 11.637 4.5768 11.7556V9.08889L3.64881 9.57778C3.43756 9.6963 3.21122 9.72222 2.9698 9.65556C2.72837 9.58889 2.5473 9.45185 2.42659 9.24445L0.615885 6.15556C0.495171 5.94815 0.468765 5.72222 0.536667 5.47778C0.604568 5.23333 0.744143 5.05185 0.955392 4.93333L5.45951 2.37778C5.64058 2.27407 5.8292 2.18519 6.02536 2.11111C6.22152 2.03704 6.42522 2 6.63647 2C6.84772 2 7.02879 2.06296 7.17968 2.18889C7.33057 2.31481 7.44374 2.47407 7.51919 2.66667C7.73044 3.22963 8.00581 3.7037 8.34532 4.08889C8.68483 4.47407 9.23935 4.66667 10.0089 4.66667C10.7785 4.66667 11.333 4.47407 11.6725 4.08889C12.012 3.7037 12.2874 3.22963 12.4986 2.66667C12.5741 2.47407 12.691 2.31481 12.8494 2.18889C13.0079 2.06296 13.1927 2 13.404 2C13.6152 2 13.8152 2.03704 14.0038 2.11111C14.1924 2.18519 14.3772 2.27407 14.5583 2.37778L19.0624 4.93333C19.2737 5.06667 19.4095 5.25185 19.4698 5.48889C19.5302 5.72593 19.5 5.94815 19.3793 6.15556L17.5912 9.24445C17.4705 9.45185 17.2894 9.58889 17.048 9.65556C16.8066 9.72222 16.5802 9.6963 16.369 9.57778L15.441 9.08889V13.3556L14.0151 14.5778C13.9698 14.6074 13.9095 14.6444 13.834 14.6889C13.7586 14.7333 13.6907 14.7704 13.6303 14.8V6.06667L16.4595 7.6L17.3649 6.04444L13.9019 4.06667C13.5398 4.79259 13.0079 5.37037 12.3062 5.8C11.6046 6.22963 10.8388 6.44444 10.0089 6.44444C9.179 6.44444 8.41322 6.22963 7.71157 5.8C7.00993 5.37037 6.47803 4.79259 6.11589 4.06667L2.63029 6.04444L3.55828 7.6ZM6.727 14.4444C6.47049 14.4444 6.21775 14.4852 5.96877 14.5667C5.7198 14.6481 5.50478 14.763 5.32371 14.9111L4.03359 15.9778C3.83743 16.1407 3.61863 16.2148 3.37721 16.2C3.13578 16.1852 2.93207 16.0815 2.76609 15.8889C2.60011 15.6963 2.52844 15.4778 2.55107 15.2333C2.57371 14.9889 2.6831 14.7852 2.87926 14.6222L4.14675 13.5556C4.49381 13.2593 4.8899 13.0333 5.33503 12.8778C5.78016 12.7222 6.24415 12.6444 6.727 12.6444C7.20986 12.6444 7.67008 12.7222 8.10767 12.8778C8.54525 13.0333 8.93757 13.2593 9.28462 13.5556L11.9101 15.7556C12.0912 15.9037 12.3062 16.0185 12.5552 16.1C12.8042 16.1815 13.0569 16.2222 13.3134 16.2222C13.585 16.2222 13.8378 16.1852 14.0717 16.1111C14.3055 16.037 14.513 15.9185 14.6941 15.7556L15.9616 14.6889C16.1577 14.5259 16.3803 14.4519 16.6293 14.4667C16.8783 14.4815 17.0857 14.5852 17.2517 14.7778C17.4177 14.9704 17.4894 15.1889 17.4667 15.4333C17.4441 15.6778 17.3347 15.8815 17.1385 16.0444L15.8711 17.1111C15.524 17.4074 15.1317 17.6296 14.6941 17.7778C14.2565 17.9259 13.7963 18 13.3134 18C12.8306 18 12.3666 17.9259 11.9215 17.7778C11.4763 17.6296 11.0802 17.4074 10.7332 17.1111L8.10767 14.9111C7.9266 14.763 7.71912 14.6481 7.48524 14.5667C7.25135 14.4852 6.99861 14.4444 6.727 14.4444Z" fill="white"/>
|
|
9725
9715
|
</svg>
|
|
9726
9716
|
`,
|
|
9727
9717
|
},
|
|
@@ -18,12 +18,12 @@ declare enum DEFAULTS {
|
|
|
18
18
|
TIMEFORMAT = 7,
|
|
19
19
|
TIMEZONE = 8
|
|
20
20
|
}
|
|
21
|
+
declare const constants: any;
|
|
21
22
|
export declare enum GRID_CHECKBOX_STATUS {
|
|
22
23
|
NEUTRAL = 1,
|
|
23
24
|
CHECKED = 2,
|
|
24
25
|
UNCHECKED = 3
|
|
25
26
|
}
|
|
26
|
-
declare const constants: any;
|
|
27
27
|
export declare const EMPTY_RECORD = "--";
|
|
28
28
|
export { DEFAULTS };
|
|
29
29
|
export default constants;
|
|
@@ -5,7 +5,7 @@ export declare const isComponentDisable: (state?: string) => boolean;
|
|
|
5
5
|
export declare const applyDefaultFilters: (defaultFilters: any) => any;
|
|
6
6
|
export declare const parseIfNeeded: (value: any) => any;
|
|
7
7
|
export declare const sortColumns: (columns: any) => any;
|
|
8
|
-
export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: any) => any;
|
|
8
|
+
export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: any, setFeatureDetails: any) => any;
|
|
9
9
|
export declare const updateCells: (updatedRowData: any, setUpdateRowData: any, api: any) => void;
|
|
10
10
|
export declare const fillOperation: (params: any, api: any, editedRecords: any, setEditedRecords: any) => Promise<void>;
|
|
11
11
|
export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: string, groupField: string, GroupHeaderComponent: React.FC, headerCheckboxRenderer: React.FC, enableCheckboxForGroupHeader: boolean, displayGroupCount: boolean, rowGroupColumnWidth: number, ChildRendererForGroup?: React.FC, HeaderRendererForGroup?: React.FC) => {
|