sccoreui 6.2.17 → 6.2.19
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 +4 -0
- package/dist/components/ag-grid/AgGrid.js +1 -1
- package/dist/components/ag-grid/advancedFeature/column-group.js +100 -45
- package/dist/components/ag-grid/advancedFeature/hide-column.js +2 -2
- package/dist/components/ag-grid/context-provider.js +6 -3
- package/dist/components/ag-grid/helper.js +147 -70
- package/dist/components/ag-grid/parent-for-grid.js +54 -57
- package/dist/components/ag-grid/utilComponents.js +7 -1
- package/dist/components/formula-template/FormulaCoponent.js +2 -2
- package/dist/components/multi-select-dropdown/multi-select-dropdown.js +4 -2
- package/dist/types/components/ag-grid/Types.d.ts +3 -0
- package/dist/types/components/ag-grid/context-provider.d.ts +2 -0
- package/dist/types/components/ag-grid/helper.d.ts +4 -3
- package/dist/types/components/ag-grid/utilComponents.d.ts +1 -0
- package/package.json +1 -1
- package/dist/pages/aggrid/AgGrid.js +0 -606
- package/dist/pages/aggrid/BulkAction.js +0 -7
- package/dist/pages/aggrid/RowGroupTrail.js +0 -114
- package/dist/pages/aggrid/fakeServer.js +0 -95
- package/dist/pages/aggrid/id-cell.js +0 -9
- package/dist/pages/aggrid/interface.js +0 -2
- package/dist/pages/avatar/avatar.js +0 -338
- package/dist/pages/badges/badge.js +0 -73
- package/dist/pages/breadcrumb/breadcrumb.js +0 -14
- package/dist/pages/button/button.js +0 -10
- package/dist/pages/button-group/button-group.js +0 -10
- package/dist/pages/chart/chart.js +0 -257
- package/dist/pages/checkbox/checkbox.js +0 -26
- package/dist/pages/checkbox-group/checkbox-group-component.js +0 -21
- package/dist/pages/color-picker/color-picker.js +0 -13
- package/dist/pages/content-dividers/content-dividers.js +0 -11
- package/dist/pages/custom-color-picker/custom-color-picker.js +0 -12
- package/dist/pages/custom-multiselect/CustomMultiSelect.js +0 -37
- package/dist/pages/date-picker/date-picker.js +0 -20
- package/dist/pages/dropdown/dropdown-component.js +0 -39
- package/dist/pages/file-upload/file-upload.js +0 -34
- package/dist/pages/flex.js +0 -15
- package/dist/pages/formulaTemplate/formulaTemplate.js +0 -154
- package/dist/pages/frolaTextEditor/froala-text-editor.js +0 -12
- package/dist/pages/home.js +0 -49
- package/dist/pages/input/input-text.js +0 -112
- package/dist/pages/list-box-dropdown/listboxdropdown.js +0 -55
- package/dist/pages/loader-indicator/loader-indicator.js +0 -10
- package/dist/pages/mega-mennu/mega-menu.js +0 -84
- package/dist/pages/multi-select-dropdown/multi-select-dropdown.js +0 -51
- package/dist/pages/not-found/not-found.js +0 -10
- package/dist/pages/paginator/pagination.js +0 -122
- package/dist/pages/progress-bar/progress-bar.js +0 -27
- package/dist/pages/progress-steps/progress-steps.js +0 -24
- package/dist/pages/radio-button/radio-button-component.js +0 -11
- package/dist/pages/shadows/shadows.js +0 -7
- package/dist/pages/slideout-menus/slideout-menus.js +0 -104
- package/dist/pages/sliders/slider.js +0 -39
- package/dist/pages/tabels/table-data.js +0 -2193
- package/dist/pages/tabels/table.js +0 -98
- package/dist/pages/tabs/tabs.js +0 -9
- package/dist/pages/tags/tags.js +0 -70
- package/dist/pages/toast/toast.js +0 -47
- package/dist/pages/toggle/toggle.js +0 -10
- package/dist/pages/tooltip/tooltip.js +0 -13
- package/dist/pages/treeDropdownSelect/treedropdowselect.js +0 -34
- package/dist/pages/types/type.js +0 -2
- package/dist/types/pages/aggrid/AgGrid.d.ts +0 -2
- package/dist/types/pages/aggrid/BulkAction.d.ts +0 -2
- package/dist/types/pages/aggrid/RowGroupTrail.d.ts +0 -4
- package/dist/types/pages/aggrid/fakeServer.d.ts +0 -7
- package/dist/types/pages/aggrid/id-cell.d.ts +0 -2
- package/dist/types/pages/aggrid/interface.d.ts +0 -12
- package/dist/types/pages/avatar/avatar.d.ts +0 -2
- package/dist/types/pages/badges/badge.d.ts +0 -3
- package/dist/types/pages/breadcrumb/breadcrumb.d.ts +0 -2
- package/dist/types/pages/button/button.d.ts +0 -2
- package/dist/types/pages/button-group/button-group.d.ts +0 -2
- package/dist/types/pages/chart/chart.d.ts +0 -2
- package/dist/types/pages/checkbox/checkbox.d.ts +0 -2
- package/dist/types/pages/checkbox-group/checkbox-group-component.d.ts +0 -3
- package/dist/types/pages/color-picker/color-picker.d.ts +0 -2
- package/dist/types/pages/content-dividers/content-dividers.d.ts +0 -2
- package/dist/types/pages/custom-color-picker/custom-color-picker.d.ts +0 -2
- package/dist/types/pages/custom-multiselect/CustomMultiSelect.d.ts +0 -2
- package/dist/types/pages/date-picker/date-picker.d.ts +0 -2
- package/dist/types/pages/dropdown/dropdown-component.d.ts +0 -2
- package/dist/types/pages/file-upload/file-upload.d.ts +0 -3
- package/dist/types/pages/flex.d.ts +0 -2
- package/dist/types/pages/formulaTemplate/formulaTemplate.d.ts +0 -2
- package/dist/types/pages/frolaTextEditor/froala-text-editor.d.ts +0 -2
- package/dist/types/pages/home.d.ts +0 -2
- package/dist/types/pages/input/input-text.d.ts +0 -3
- package/dist/types/pages/list-box-dropdown/listboxdropdown.d.ts +0 -2
- package/dist/types/pages/loader-indicator/loader-indicator.d.ts +0 -3
- package/dist/types/pages/mega-mennu/mega-menu.d.ts +0 -2
- package/dist/types/pages/multi-select-dropdown/multi-select-dropdown.d.ts +0 -2
- package/dist/types/pages/not-found/not-found.d.ts +0 -2
- package/dist/types/pages/paginator/pagination.d.ts +0 -2
- package/dist/types/pages/progress-bar/progress-bar.d.ts +0 -3
- package/dist/types/pages/progress-steps/progress-steps.d.ts +0 -2
- package/dist/types/pages/radio-button/radio-button-component.d.ts +0 -2
- package/dist/types/pages/shadows/shadows.d.ts +0 -2
- package/dist/types/pages/slideout-menus/slideout-menus.d.ts +0 -2
- package/dist/types/pages/sliders/slider.d.ts +0 -1
- package/dist/types/pages/tabels/table-data.d.ts +0 -3
- package/dist/types/pages/tabels/table.d.ts +0 -2
- package/dist/types/pages/tabs/tabs.d.ts +0 -3
- package/dist/types/pages/tags/tags.d.ts +0 -3
- package/dist/types/pages/toast/toast.d.ts +0 -2
- package/dist/types/pages/toggle/toggle.d.ts +0 -2
- package/dist/types/pages/tooltip/tooltip.d.ts +0 -2
- package/dist/types/pages/treeDropdownSelect/treedropdowselect.d.ts +0 -2
- package/dist/types/pages/types/type.d.ts +0 -64
|
@@ -1,606 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const constants_1 = require("../../components/ag-grid/constants");
|
|
6
|
-
const react_1 = require("react");
|
|
7
|
-
const BulkAction_1 = tslib_1.__importDefault(require("./BulkAction"));
|
|
8
|
-
const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
|
|
9
|
-
const axios_1 = tslib_1.__importDefault(require("axios"));
|
|
10
|
-
// import { Dropdown } from "primereact/dropdown";
|
|
11
|
-
// import CustomDropDown from "../../components/ag-grid/custom-dropdown";
|
|
12
|
-
// import { FakeServer } from "./fakeServer";
|
|
13
|
-
// import IdCell from "./id-cell";
|
|
14
|
-
// import { Dropdown } from "primereact/dropdown";
|
|
15
|
-
// import { FilterDataType } from "../../components/ag-grid/constants";
|
|
16
|
-
const AgGridPage = () => {
|
|
17
|
-
const [rowData, setRowData] = (0, react_1.useState)([]);
|
|
18
|
-
const [shouldRefetch, setShouldRefetch] = (0, react_1.useState)(false);
|
|
19
|
-
const [defaultFilters, setDefaultFilters] = (0, react_1.useState)([]);
|
|
20
|
-
const [storeResult, setStoreResult] = (0, react_1.useState)();
|
|
21
|
-
const [updateRowData, setUpdateRowData] = (0, react_1.useState)({ rowData: [], shouldUpdate: false });
|
|
22
|
-
const [editMode, setEditMode] = (0, react_1.useState)(false);
|
|
23
|
-
const [editedRecords, setEditedRecords] = (0, react_1.useState)([]);
|
|
24
|
-
const [emptyCheckboxStatus, setEmptyCheckboxStatus] = (0, react_1.useState)(false);
|
|
25
|
-
// const deleteComponent = () => {
|
|
26
|
-
// return (
|
|
27
|
-
// <div>
|
|
28
|
-
// <button className="bg-white" onClick={() => setShouldRefetch(true)}>
|
|
29
|
-
// Delete
|
|
30
|
-
// </button>
|
|
31
|
-
// </div>
|
|
32
|
-
// );
|
|
33
|
-
// };
|
|
34
|
-
const AdvancedFilter = () => {
|
|
35
|
-
return (0, jsx_runtime_1.jsx)("p", { children: "Advnaced Filter" });
|
|
36
|
-
};
|
|
37
|
-
const initialConditions = {
|
|
38
|
-
displayFilter: true,
|
|
39
|
-
displayAdvancedFilter: true,
|
|
40
|
-
displaySort: true,
|
|
41
|
-
displaySearch: true,
|
|
42
|
-
displayRefresh: true,
|
|
43
|
-
displayRemoveItems: true,
|
|
44
|
-
displayBulkAction: true,
|
|
45
|
-
enableViewCreate: true,
|
|
46
|
-
displaySidePanel: true,
|
|
47
|
-
enableFillHandle: true,
|
|
48
|
-
displayBulkEdit: true,
|
|
49
|
-
displayDiscardEdit: false,
|
|
50
|
-
displaySaveEditButton: false,
|
|
51
|
-
displayRecords: false,
|
|
52
|
-
displayEditHeading: false,
|
|
53
|
-
displayFeaturesHeader: true,
|
|
54
|
-
displayCheckboxOnRight: false,
|
|
55
|
-
displayGroupCount: true,
|
|
56
|
-
displayCheckboxForGroupChild: true,
|
|
57
|
-
displayCheckboxForGroups: true,
|
|
58
|
-
displayRowGroupingElement: true
|
|
59
|
-
};
|
|
60
|
-
const [conditionsToDisplay, setConditionsToDisplay] = (0, react_1.useState)(initialConditions);
|
|
61
|
-
// const updateRows = (row) => {
|
|
62
|
-
// setUpdateRowData({ rowData: row, shouldUpdate: true })
|
|
63
|
-
// }
|
|
64
|
-
// const statusDropDwon = (params) => {
|
|
65
|
-
// return <Dropdown
|
|
66
|
-
// onChange={(e) => { params.data.status = e.value, console.log(e.value, 'value updating on change'), updateRows(params.data) }}
|
|
67
|
-
// value={params.data?.status}
|
|
68
|
-
// options={[{ id: 1, label: "Draft", value: 1 },
|
|
69
|
-
// { id: 2, label: "Active", value: 2 },
|
|
70
|
-
// {
|
|
71
|
-
// id: 3,
|
|
72
|
-
// label: "Inactive",
|
|
73
|
-
// value: 3,
|
|
74
|
-
// }]}
|
|
75
|
-
// />
|
|
76
|
-
// }
|
|
77
|
-
const [shouldClearFilters, setShouldClearFilters] = (0, react_1.useState)(false);
|
|
78
|
-
// Callback for remove button click
|
|
79
|
-
const removeCallBack = (featureDetails) => {
|
|
80
|
-
console.log(featureDetails, 'feature details in products on remove click');
|
|
81
|
-
};
|
|
82
|
-
const groupColumns = [
|
|
83
|
-
{
|
|
84
|
-
id: "1",
|
|
85
|
-
seq: 1,
|
|
86
|
-
field: "rank",
|
|
87
|
-
headerName: "rank",
|
|
88
|
-
rowGroup: true
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
id: "2",
|
|
92
|
-
seq: 2,
|
|
93
|
-
field: "name",
|
|
94
|
-
headerName: "Name",
|
|
95
|
-
}
|
|
96
|
-
];
|
|
97
|
-
const [columnDefs] = (0, react_1.useState)(
|
|
98
|
-
// [
|
|
99
|
-
// {
|
|
100
|
-
// seq: 1,
|
|
101
|
-
// // pinned: "left",
|
|
102
|
-
// // lockPosition: "left",
|
|
103
|
-
// // cellClass: "lock-pinned",
|
|
104
|
-
// // suppressMovable: true,
|
|
105
|
-
// enableHeaderCheckbox: true,
|
|
106
|
-
// hide: false,
|
|
107
|
-
// enableChildCheckbox: true,
|
|
108
|
-
// id: "101",
|
|
109
|
-
// headerName: "ID",
|
|
110
|
-
// field: "id",
|
|
111
|
-
// isSortable: false,
|
|
112
|
-
// code: 1,
|
|
113
|
-
// dataType: FilterDataType.STRING,
|
|
114
|
-
// editable: true,
|
|
115
|
-
// isFilterable: false,
|
|
116
|
-
// cellStyle: { borderRight: "1px solid #ccc" },
|
|
117
|
-
// visibleInPanel: true,
|
|
118
|
-
// cellRendererSelector: (params) => {
|
|
119
|
-
// if (params.node.rowPinned) {
|
|
120
|
-
// return {
|
|
121
|
-
// component: CustomDropDown,
|
|
122
|
-
// params: {
|
|
123
|
-
// style: { color: "#5577CC" },
|
|
124
|
-
// },
|
|
125
|
-
// };
|
|
126
|
-
// } else {
|
|
127
|
-
// return undefined;
|
|
128
|
-
// }
|
|
129
|
-
// },
|
|
130
|
-
// suppressFillHandle: true,
|
|
131
|
-
// isEditable: false
|
|
132
|
-
// },
|
|
133
|
-
// {
|
|
134
|
-
// id: "111",
|
|
135
|
-
// seq: 3,
|
|
136
|
-
// headerName: "Email",
|
|
137
|
-
// dataType: FilterDataType.STRING,
|
|
138
|
-
// editable: true,
|
|
139
|
-
// visibleInPanel: true,
|
|
140
|
-
// isFilterable: false,
|
|
141
|
-
// field: "email",
|
|
142
|
-
// suppressFillHandle: false,
|
|
143
|
-
// isEditable: true,
|
|
144
|
-
// filter: "agTextColumnFilter",
|
|
145
|
-
// },
|
|
146
|
-
// {
|
|
147
|
-
// seq: 3,
|
|
148
|
-
// filter: "agTextColumnFilter",
|
|
149
|
-
// // lockPinned: true,
|
|
150
|
-
// hide: false,
|
|
151
|
-
// id: "102",
|
|
152
|
-
// headerName: "Title",
|
|
153
|
-
// cellRendererSelector: (params) => {
|
|
154
|
-
// if (params.node.rowPinned) {
|
|
155
|
-
// return {
|
|
156
|
-
// component: CustomDropDown,
|
|
157
|
-
// params: {
|
|
158
|
-
// style: { color: "#5577CC" },
|
|
159
|
-
// },
|
|
160
|
-
// };
|
|
161
|
-
// } else {
|
|
162
|
-
// return undefined;
|
|
163
|
-
// }
|
|
164
|
-
// },
|
|
165
|
-
// field: "name",
|
|
166
|
-
// isSortable: true,
|
|
167
|
-
// code: 1,
|
|
168
|
-
// dataType: FilterDataType.STRING,
|
|
169
|
-
// editable: true,
|
|
170
|
-
// visibleInPanel: true,
|
|
171
|
-
// isFilterable: false,
|
|
172
|
-
// suppressFillHandle: false,
|
|
173
|
-
// isEditable: true
|
|
174
|
-
// },
|
|
175
|
-
// {
|
|
176
|
-
// seq: 2,
|
|
177
|
-
// hide: true,
|
|
178
|
-
// // lockPinned: true,
|
|
179
|
-
// id: "103",
|
|
180
|
-
// headerName: "Body",
|
|
181
|
-
// field: "body",
|
|
182
|
-
// isSortable: true,
|
|
183
|
-
// code: 1,
|
|
184
|
-
// dataType: FilterDataType.STRING,
|
|
185
|
-
// editable: true,
|
|
186
|
-
// visibleInPanel: true,
|
|
187
|
-
// isFilterable: true,
|
|
188
|
-
// suppressFillHandle: false,
|
|
189
|
-
// isEditable: true,
|
|
190
|
-
// filter: "agTextColumnFilter",
|
|
191
|
-
// },
|
|
192
|
-
// {
|
|
193
|
-
// seq: 4,
|
|
194
|
-
// hide: false,
|
|
195
|
-
// id: "104",
|
|
196
|
-
// headerName: "Status",
|
|
197
|
-
// field: "status",
|
|
198
|
-
// isSortable: true,
|
|
199
|
-
// visibleInPanel: true,
|
|
200
|
-
// columnType: "single",
|
|
201
|
-
// filter: true,
|
|
202
|
-
// rowGroup: false,
|
|
203
|
-
// filterParams: {
|
|
204
|
-
// values: [
|
|
205
|
-
// 1,
|
|
206
|
-
// 2,
|
|
207
|
-
// 3
|
|
208
|
-
// ]
|
|
209
|
-
// },
|
|
210
|
-
// options: [
|
|
211
|
-
// { id: 1, label: "Draft", value: 1 },
|
|
212
|
-
// { id: 2, label: "Active", value: 2 },
|
|
213
|
-
// { id: 3, label: "Inactive", value: 3 },
|
|
214
|
-
// ],
|
|
215
|
-
// code: 1,
|
|
216
|
-
// dataType: FilterDataType.SELECT,
|
|
217
|
-
// editable: false,
|
|
218
|
-
// isFilterable: true,
|
|
219
|
-
// cellRenderer: statusDropDwon,
|
|
220
|
-
// suppressFillHandle: false,
|
|
221
|
-
// isEditable: true
|
|
222
|
-
// },
|
|
223
|
-
// {
|
|
224
|
-
// seq: 6,
|
|
225
|
-
// hide: false,
|
|
226
|
-
// // lockPinned: true,
|
|
227
|
-
// id: "555",
|
|
228
|
-
// headerName: "Price",
|
|
229
|
-
// field: "price",
|
|
230
|
-
// isSortable: true,
|
|
231
|
-
// code: 1,
|
|
232
|
-
// dataType: FilterDataType.INTEGER,
|
|
233
|
-
// editable: true,
|
|
234
|
-
// visibleInPanel: true,
|
|
235
|
-
// isFilterable: true,
|
|
236
|
-
// suppressFillHandle: false,
|
|
237
|
-
// isEditable: true,
|
|
238
|
-
// filter: "agNumberColumnFilter",
|
|
239
|
-
// },
|
|
240
|
-
// {
|
|
241
|
-
// seq: 6,
|
|
242
|
-
// hide: false,
|
|
243
|
-
// // lockPinned: true,
|
|
244
|
-
// id: "666",
|
|
245
|
-
// headerName: "Date",
|
|
246
|
-
// field: "date",
|
|
247
|
-
// isSortable: true,
|
|
248
|
-
// code: 1,
|
|
249
|
-
// dataType: FilterDataType.DATE,
|
|
250
|
-
// editable: false,
|
|
251
|
-
// visibleInPanel: true,
|
|
252
|
-
// isFilterable: true,
|
|
253
|
-
// suppressFillHandle: false,
|
|
254
|
-
// isEditable: true,
|
|
255
|
-
// filter: true,
|
|
256
|
-
// },
|
|
257
|
-
// {
|
|
258
|
-
// seq: 5,
|
|
259
|
-
// id: "105",
|
|
260
|
-
// hide: false,
|
|
261
|
-
// isEditable: false,
|
|
262
|
-
// // pinned: "right",
|
|
263
|
-
// // lockPosition: "rigth",
|
|
264
|
-
// // cellClass: "lock-pinned",
|
|
265
|
-
// visibleInPanel: false,
|
|
266
|
-
// suppressFillHandle: true,
|
|
267
|
-
// cellRendererSelector: (params) => {
|
|
268
|
-
// if (params.node.rowPinned) {
|
|
269
|
-
// return () => null;
|
|
270
|
-
// } else {
|
|
271
|
-
// return { component: deleteComponent };
|
|
272
|
-
// }
|
|
273
|
-
// },
|
|
274
|
-
// },
|
|
275
|
-
// ]
|
|
276
|
-
[]);
|
|
277
|
-
const [columnsToDisplay, setColumnsToDisplay] = (0, react_1.useState)([]);
|
|
278
|
-
const commonFieldsTemplate = (row, field) => {
|
|
279
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ title: row[field], className: "overflow-hidden white-space-nowrap text-overflow-ellipsis max-w-16rem text-base line-heignt-3" }, { children: row[field] ? row[field] : "--" })));
|
|
280
|
-
};
|
|
281
|
-
const fillDynamicColumns = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
282
|
-
const result = yield axios_1.default.get('https://productservice.easyfastnow.com/getgridcolumns?gridType=1');
|
|
283
|
-
let x = result.data.response[0].gridColumns.map((col, index) => {
|
|
284
|
-
console.log(col, 'columns in page for status');
|
|
285
|
-
let obj = {
|
|
286
|
-
headerName: (col.fieldDisplayName),
|
|
287
|
-
suppressMovable: true,
|
|
288
|
-
enableHeaderCheckbox: col.enableHeaderCheckbox,
|
|
289
|
-
enableChildCheckbox: col.enableChildCheckbox,
|
|
290
|
-
hide: col.fieldName === "status" ? false : col.hide,
|
|
291
|
-
isFilterable: col.isFilterable,
|
|
292
|
-
isSortable: col.isSortable,
|
|
293
|
-
field: col.fieldName,
|
|
294
|
-
visibleInPanel: true,
|
|
295
|
-
dataType: col.datatype,
|
|
296
|
-
id: index + index,
|
|
297
|
-
seq: index,
|
|
298
|
-
body: (data) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: commonFieldsTemplate(data.data, col.fieldName) })
|
|
299
|
-
};
|
|
300
|
-
if (col.pinned) {
|
|
301
|
-
obj = Object.assign(Object.assign({}, obj), { pinned: "left", lockPosition: "left", cellClass: "lock-pinned", minWidth: 350 });
|
|
302
|
-
}
|
|
303
|
-
if (col.datatype === 14 || col.datatype === 12) {
|
|
304
|
-
obj['options'] = [
|
|
305
|
-
{ id: 1, label: "Draft", value: "DRAFT" },
|
|
306
|
-
{ id: 2, label: "Active", value: "Active" },
|
|
307
|
-
{ id: 3, label: "Inactive", value: "Inactive", },
|
|
308
|
-
];
|
|
309
|
-
}
|
|
310
|
-
return obj;
|
|
311
|
-
});
|
|
312
|
-
x.splice(6, x.length - 1);
|
|
313
|
-
setColumnsToDisplay(x);
|
|
314
|
-
});
|
|
315
|
-
(0, react_1.useEffect)(() => {
|
|
316
|
-
fillDynamicColumns();
|
|
317
|
-
}, []);
|
|
318
|
-
const noRowsOverlayComponent = () => {
|
|
319
|
-
return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", { children: "No Rows, message from products" }) }));
|
|
320
|
-
};
|
|
321
|
-
const updateCell = (selectedRowsToUpdate) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
322
|
-
console.log(selectedRowsToUpdate, 'selected rows to update');
|
|
323
|
-
setRowData(rowData);
|
|
324
|
-
setStoreResult(rowData);
|
|
325
|
-
const output = {
|
|
326
|
-
isSuccess: true,
|
|
327
|
-
};
|
|
328
|
-
return output;
|
|
329
|
-
});
|
|
330
|
-
// const [selectedCity, setSelectedCity] = useState(null);
|
|
331
|
-
const pinnedTopRowData = (0, react_1.useMemo)(() => {
|
|
332
|
-
return [{ id: "1", name: "nitesh", body: "working out" }];
|
|
333
|
-
}, []);
|
|
334
|
-
// Update columns based on hide panel
|
|
335
|
-
const updateColumns = (updatedColumns) => {
|
|
336
|
-
console.log(updatedColumns, 'updated columns in products');
|
|
337
|
-
setColumnsToDisplay(updatedColumns.columns);
|
|
338
|
-
};
|
|
339
|
-
console.log(setColumnsToDisplay);
|
|
340
|
-
// Remove items from - button
|
|
341
|
-
// const removeItem = (checkboxSelectionDetails) => {
|
|
342
|
-
// const unSelectedData = checkboxSelectionDetails?.excludedRecords;
|
|
343
|
-
// const selectedData = checkboxSelectionDetails?.includedRecords;
|
|
344
|
-
// const isIternminite = checkboxSelectionDetails?.isIndeterminate;
|
|
345
|
-
// console.log(checkboxSelectionDetails, "coming in remove item products");
|
|
346
|
-
// let updatedRowData = [];
|
|
347
|
-
// if (isIternminite) {
|
|
348
|
-
// updatedRowData = unSelectedData;
|
|
349
|
-
// } else if (selectedData?.length && !isIternminite) {
|
|
350
|
-
// const childIds = new Set(selectedData?.map((child) => child.id));
|
|
351
|
-
// updatedRowData = rowData.filter((parent) => !childIds.has(parent.id));
|
|
352
|
-
// }
|
|
353
|
-
// console.log(updatedRowData, "result data from remove items in products");
|
|
354
|
-
// return updatedRowData;
|
|
355
|
-
// };
|
|
356
|
-
const getCheckedRows = (checkedRows) => {
|
|
357
|
-
console.log(checkedRows, "checked rows in products");
|
|
358
|
-
};
|
|
359
|
-
// const updateForFillOperation =(fillSelected)=>{
|
|
360
|
-
// console.log('store row data in update fill',storeResult,fillSelected)
|
|
361
|
-
// const updatedResult = JSON.parse(JSON.stringify(storeResult.rowData))?.map((item)=>{
|
|
362
|
-
// fillSelected.childRows?.filter((fillItem)=>{
|
|
363
|
-
// console.log(item.id ,fillItem.id)
|
|
364
|
-
// if(item.id===fillItem.id){
|
|
365
|
-
// console.log('coming in satisfied item')
|
|
366
|
-
// console.log(item[fillSelected.column.field],fillItem[fillSelected.column.field],'field in item and fill item')
|
|
367
|
-
// item[fillSelected.column.field] = fillSelected.parentRow[fillSelected.column.field]
|
|
368
|
-
// }
|
|
369
|
-
// })
|
|
370
|
-
// return item
|
|
371
|
-
// })
|
|
372
|
-
// const newOutput = {
|
|
373
|
-
// rowData : updatedResult,
|
|
374
|
-
// totalRecords:storeResult.totalRecords
|
|
375
|
-
// }
|
|
376
|
-
// console.log(updatedResult,'updated result on fill')
|
|
377
|
-
// return newOutput
|
|
378
|
-
// // const updatedRowData = storeResult.rowData.map
|
|
379
|
-
// }
|
|
380
|
-
const SaveEdit = (params) => {
|
|
381
|
-
console.log(params, 'params in save edit');
|
|
382
|
-
console.log(editedRecords, 'edited records in page');
|
|
383
|
-
const saveChanges = () => {
|
|
384
|
-
setEmptyCheckboxStatus(true);
|
|
385
|
-
console.log('changes saved', editedRecords);
|
|
386
|
-
setColumnsToDisplay(columnDefs);
|
|
387
|
-
setShouldRefetch(true);
|
|
388
|
-
setEditMode(false);
|
|
389
|
-
setConditionsToDisplay(initialConditions);
|
|
390
|
-
};
|
|
391
|
-
return (0, jsx_runtime_1.jsx)("button", Object.assign({ disabled: !editedRecords.length, onClick: saveChanges, className: "bg-white" }, { children: "Save Changes" }));
|
|
392
|
-
};
|
|
393
|
-
// Discard component for bulk edit
|
|
394
|
-
const DiscardEdit = () => {
|
|
395
|
-
const discard = () => {
|
|
396
|
-
setColumnsToDisplay(columnDefs);
|
|
397
|
-
setShouldRefetch(true);
|
|
398
|
-
setEditMode(false);
|
|
399
|
-
setConditionsToDisplay(initialConditions);
|
|
400
|
-
};
|
|
401
|
-
return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", Object.assign({ onClick: discard }, { children: "Discard" })) });
|
|
402
|
-
};
|
|
403
|
-
// Edit headeing details
|
|
404
|
-
const EditHeadingDetails = () => {
|
|
405
|
-
return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", { children: "Bulk Edit 4 products 4 variants" }) });
|
|
406
|
-
};
|
|
407
|
-
// Bulk edit component
|
|
408
|
-
const BulkEdit = () => {
|
|
409
|
-
const updateColumns = () => {
|
|
410
|
-
const tempColumns = [...columnsToDisplay].filter((column) => column.isEditable);
|
|
411
|
-
console.log(tempColumns, 'temp columsn');
|
|
412
|
-
setColumnsToDisplay(tempColumns);
|
|
413
|
-
setShouldRefetch(true);
|
|
414
|
-
setEditMode(true);
|
|
415
|
-
const tempConditions = conditionsToDisplay;
|
|
416
|
-
tempConditions.displayFilter = false;
|
|
417
|
-
tempConditions.displaySort = false;
|
|
418
|
-
tempConditions.displayBulkAction = false;
|
|
419
|
-
tempConditions.enableFillHandle = true;
|
|
420
|
-
tempConditions.displayDiscardEdit = true;
|
|
421
|
-
tempConditions.displayRefresh = false;
|
|
422
|
-
tempConditions.displayRemoveItems = false;
|
|
423
|
-
tempConditions.displayBulkEdit = false;
|
|
424
|
-
tempConditions.displaySaveEditButton = true;
|
|
425
|
-
tempConditions.displayEditHeading = true;
|
|
426
|
-
setConditionsToDisplay(tempConditions);
|
|
427
|
-
};
|
|
428
|
-
return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", Object.assign({ onClick: updateColumns }, { children: "Bulk Edit" })) });
|
|
429
|
-
};
|
|
430
|
-
// const getRowData = async (startRow, endRow, featureDetails, params?: any) => {
|
|
431
|
-
const getRowData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
432
|
-
// const dummyRecordForGroup = [
|
|
433
|
-
// {name:"nitesh",rank:1,id:"01"},
|
|
434
|
-
// {name:"pawan",rank:1,id:"02"},
|
|
435
|
-
// {name:"harish",rank:2,id:"03"},
|
|
436
|
-
// {name:"nitesh",rank:3,id:"04"},
|
|
437
|
-
// {name:"nitesh",rank:2,id:"05"},
|
|
438
|
-
// {name:"nitesh",rank:3,id:"06"},
|
|
439
|
-
// {name:"nitesh",rank:3,id:"07"},
|
|
440
|
-
// {name:"nitesh",rank:3,id:"08"},
|
|
441
|
-
// ]
|
|
442
|
-
// console.log(params, "params in page");
|
|
443
|
-
// console.log(featureDetails, "feature details in page for filter queries");
|
|
444
|
-
var _a, _b, _c, _d, _e;
|
|
445
|
-
// if(featureDetails?.fillSelected?.childRows?.length){
|
|
446
|
-
// return updateForFillOperation(featureDetails.fillSelected)
|
|
447
|
-
// }
|
|
448
|
-
// const features: Features = featureDetails;
|
|
449
|
-
// const conditionToRemoveItem = features.checkBoxSelection.allBoxChecked || features.checkBoxSelection.isIndeterminate || features.checkBoxSelection.includedRecords.length || features.checkBoxSelection.excludedRecords.length
|
|
450
|
-
// if (featureDetails.isRemoveClicked) {
|
|
451
|
-
// const result = removeItem(features.checkBoxSelection);
|
|
452
|
-
// const output = {
|
|
453
|
-
// totalRecords: result.length,
|
|
454
|
-
// rowData: result,
|
|
455
|
-
// };
|
|
456
|
-
// return await output;
|
|
457
|
-
// }
|
|
458
|
-
// let totalRecords = 500;
|
|
459
|
-
// const serverSideUrl = `https://jsonplaceholder.typicode.com/comments?_start=${startRow}&_end=${endRow}`;
|
|
460
|
-
// const clientSideUrl = "https://jsonplaceholder.typicode.com/comments?_limit=200";
|
|
461
|
-
// console.log(serverSideUrl, clientSideUrl);
|
|
462
|
-
const result = yield axios_1.default.post('https://productservice.easyfastnow.com/products/search', {});
|
|
463
|
-
console.log("resulttt in ag grid", result);
|
|
464
|
-
const treeData = (_c = (_b = (_a = result === null || result === void 0 ? void 0 : result.data) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.map((row, idx) => {
|
|
465
|
-
// row.orgHierarchy = [row.id]
|
|
466
|
-
if (idx < 4) {
|
|
467
|
-
row.orgHierarchy = [row.id];
|
|
468
|
-
}
|
|
469
|
-
else {
|
|
470
|
-
row.orgHierarchy = [row.id];
|
|
471
|
-
}
|
|
472
|
-
return row;
|
|
473
|
-
});
|
|
474
|
-
console.log(result, treeData, 'row data api call');
|
|
475
|
-
// debugger
|
|
476
|
-
// Enable row group local server
|
|
477
|
-
// const grouping = false;
|
|
478
|
-
// const outputData = result?.data
|
|
479
|
-
// .map((item, idx) => {
|
|
480
|
-
// if (idx == 2 || idx == 3) {
|
|
481
|
-
// item.type = 2
|
|
482
|
-
// item.price = "--"
|
|
483
|
-
// } else {
|
|
484
|
-
// item.type = 1
|
|
485
|
-
// item.status = 3
|
|
486
|
-
// item.price = 500;
|
|
487
|
-
// }
|
|
488
|
-
// delete item.postId;
|
|
489
|
-
// return item;
|
|
490
|
-
// });
|
|
491
|
-
// const dummyData = [
|
|
492
|
-
// {status:3,name:"product 1", id:1},
|
|
493
|
-
// {status:4,name:"product 2", id:2},
|
|
494
|
-
// {status:5,name:"product 3", id:3},
|
|
495
|
-
// {status:2,name:"product 4", id:4},
|
|
496
|
-
// {status:1,name:"product 5", id:5},
|
|
497
|
-
// {status:3,name:"product 6", id:6},
|
|
498
|
-
// ]
|
|
499
|
-
let output = {
|
|
500
|
-
totalRecords: ((_e = (_d = result === null || result === void 0 ? void 0 : result.data) === null || _d === void 0 ? void 0 : _d.response) === null || _e === void 0 ? void 0 : _e.totalRecords) || [],
|
|
501
|
-
rowData: treeData,
|
|
502
|
-
};
|
|
503
|
-
// Performs when grouping is present
|
|
504
|
-
// if (grouping) {
|
|
505
|
-
// const result: any = await axios.get(serverSideUrl);
|
|
506
|
-
// result?.data.map((item) => {
|
|
507
|
-
// item.status = "Active";
|
|
508
|
-
// return item;
|
|
509
|
-
// });
|
|
510
|
-
// let fakeServer = FakeServer(result.data, ["status"]);
|
|
511
|
-
// const groupingResponse = fakeServer.getData(params);
|
|
512
|
-
// console.log(groupingResponse, 'grouping response')
|
|
513
|
-
// const lastRow =
|
|
514
|
-
// params.groupKeys?.length == 0
|
|
515
|
-
// ? groupingResponse?.lastRow
|
|
516
|
-
// : totalRecords;
|
|
517
|
-
// output.rowData = groupingResponse.rows;
|
|
518
|
-
// output.totalRecords = lastRow;
|
|
519
|
-
// }
|
|
520
|
-
setStoreResult(output);
|
|
521
|
-
setRowData(result.data);
|
|
522
|
-
setShouldRefetch(false);
|
|
523
|
-
setShouldClearFilters(false);
|
|
524
|
-
return output;
|
|
525
|
-
});
|
|
526
|
-
const style = {
|
|
527
|
-
height: "900px",
|
|
528
|
-
width: "100%",
|
|
529
|
-
};
|
|
530
|
-
console.log(pinnedTopRowData, defaultFilters);
|
|
531
|
-
const createView = (viewDetails) => {
|
|
532
|
-
console.log(viewDetails, "parsed value for create view");
|
|
533
|
-
};
|
|
534
|
-
console.log(storeResult, "sotred result");
|
|
535
|
-
const selectFilter = () => {
|
|
536
|
-
const defaultFilters = [
|
|
537
|
-
{
|
|
538
|
-
columnName: {
|
|
539
|
-
name: "Body",
|
|
540
|
-
code: "body",
|
|
541
|
-
dataType: "string",
|
|
542
|
-
},
|
|
543
|
-
condition: 5,
|
|
544
|
-
value: "data",
|
|
545
|
-
id: "0.028544677566825438",
|
|
546
|
-
isActive: true,
|
|
547
|
-
logicalOperator: 1, // number
|
|
548
|
-
},
|
|
549
|
-
];
|
|
550
|
-
setShouldRefetch(true);
|
|
551
|
-
setDefaultFilters(defaultFilters);
|
|
552
|
-
};
|
|
553
|
-
const dynamicText = {
|
|
554
|
-
filterModelText: {
|
|
555
|
-
header: "Filter",
|
|
556
|
-
subHeader: "Streamline Your Search With Filters",
|
|
557
|
-
resetFilterAction: "Reset Filter",
|
|
558
|
-
createViewInputPlaceHolder: "Enter",
|
|
559
|
-
createViewAction: "Create View",
|
|
560
|
-
applyAction: "Apply",
|
|
561
|
-
elementOnePlaceHolder: "Select",
|
|
562
|
-
elementTwoPlaceHolder: "Select",
|
|
563
|
-
elementThreePlaceHolder_Input: "Enter Text",
|
|
564
|
-
elementThreePlaceHolder_Input_Number: "Enter Number",
|
|
565
|
-
elementThreePlaceHolder_DropDown: "Select",
|
|
566
|
-
elementThreePlaceHolder_MultiSelect: "Select",
|
|
567
|
-
elementThreePlaceHolder_Calender: "Select Date",
|
|
568
|
-
onSelectedFilter: "Selected",
|
|
569
|
-
},
|
|
570
|
-
sortModelText: {
|
|
571
|
-
header: "Column Sorting",
|
|
572
|
-
clearAction: "Clear",
|
|
573
|
-
applyAction: "Apply",
|
|
574
|
-
onSelectedSort: "Selected",
|
|
575
|
-
},
|
|
576
|
-
recordDetailModelText: {
|
|
577
|
-
totalRecordHeader: "Total Records",
|
|
578
|
-
},
|
|
579
|
-
sidePanelText: {
|
|
580
|
-
header: "Configure Columns",
|
|
581
|
-
disacrd_button: "Discard",
|
|
582
|
-
update_button: "Update",
|
|
583
|
-
apply_to_all_views: "Apply to all views",
|
|
584
|
-
apply_subHeading: "Apply the chosen column selection to all available views",
|
|
585
|
-
search_placeHolder: "Search by column name",
|
|
586
|
-
selected_attributes: "Selected Attributes",
|
|
587
|
-
unselected_attributes: "Unselected Attributes"
|
|
588
|
-
},
|
|
589
|
-
bulkEditAction: {
|
|
590
|
-
discard: "Discard",
|
|
591
|
-
save: "Save Changes"
|
|
592
|
-
}
|
|
593
|
-
};
|
|
594
|
-
const GroupHeaderComponent = (params) => {
|
|
595
|
-
console.log(params);
|
|
596
|
-
return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Products " }), " "] });
|
|
597
|
-
};
|
|
598
|
-
console.log(conditionsToDisplay, groupColumns, 'columns to display in page');
|
|
599
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: selectFilter }, { children: "Select Filter" })), (0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: () => setShouldClearFilters(true) }, { children: "clear filter" })), columnsToDisplay.length > 0 && (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { columnData: columnsToDisplay, style: style, getRowData: getRowData, conditionsToDisplay: conditionsToDisplay, rowModelType: constants_1.ROWMODELTYPE.CLIENT_SIDE,
|
|
600
|
-
// pinnedTopRowData={pinnedTopRowData}
|
|
601
|
-
bulkActionComponent: BulkAction_1.default, getCheckedRows: getCheckedRows, shouldRefetch: shouldRefetch, noRowsOverlayComponent: noRowsOverlayComponent, defaultFilters: defaultFilters, createView: createView, dynamicText: dynamicText, sortOptions: constants_1.COLUMN_SORT_OPTIONS, filterConditions: [
|
|
602
|
-
{ id: 1, label: "AND" },
|
|
603
|
-
{ id: 2, label: "OR" },
|
|
604
|
-
], enableManageColumnsCallback: true, clearFilters: shouldClearFilters, updateColumnsForGrid: updateColumns, updateCell: updateCell, BulkEditComponent: BulkEdit, updateRowData: updateRowData, setUpdateRowData: setUpdateRowData, editMode: editMode, discardEditComponent: DiscardEdit, SaveEdit: SaveEdit, setEditedRecords: setEditedRecords, editedRecords: editedRecords, emptyCheckboxStatus: emptyCheckboxStatus, EditHeadingDetails: EditHeadingDetails, groupName: "status", enableTree: false, treeHeaderName: "Product Name", groupField: "name", GroupHeaderComponent: GroupHeaderComponent, enableCheckboxForGroupHeader: true, AdvancedFilter: AdvancedFilter, removeCallBack: removeCallBack })] }));
|
|
605
|
-
};
|
|
606
|
-
exports.default = AgGridPage;
|