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.
Files changed (109) hide show
  1. package/dist/App.scss +4 -0
  2. package/dist/components/ag-grid/AgGrid.js +1 -1
  3. package/dist/components/ag-grid/advancedFeature/column-group.js +100 -45
  4. package/dist/components/ag-grid/advancedFeature/hide-column.js +2 -2
  5. package/dist/components/ag-grid/context-provider.js +6 -3
  6. package/dist/components/ag-grid/helper.js +147 -70
  7. package/dist/components/ag-grid/parent-for-grid.js +54 -57
  8. package/dist/components/ag-grid/utilComponents.js +7 -1
  9. package/dist/components/formula-template/FormulaCoponent.js +2 -2
  10. package/dist/components/multi-select-dropdown/multi-select-dropdown.js +4 -2
  11. package/dist/types/components/ag-grid/Types.d.ts +3 -0
  12. package/dist/types/components/ag-grid/context-provider.d.ts +2 -0
  13. package/dist/types/components/ag-grid/helper.d.ts +4 -3
  14. package/dist/types/components/ag-grid/utilComponents.d.ts +1 -0
  15. package/package.json +1 -1
  16. package/dist/pages/aggrid/AgGrid.js +0 -606
  17. package/dist/pages/aggrid/BulkAction.js +0 -7
  18. package/dist/pages/aggrid/RowGroupTrail.js +0 -114
  19. package/dist/pages/aggrid/fakeServer.js +0 -95
  20. package/dist/pages/aggrid/id-cell.js +0 -9
  21. package/dist/pages/aggrid/interface.js +0 -2
  22. package/dist/pages/avatar/avatar.js +0 -338
  23. package/dist/pages/badges/badge.js +0 -73
  24. package/dist/pages/breadcrumb/breadcrumb.js +0 -14
  25. package/dist/pages/button/button.js +0 -10
  26. package/dist/pages/button-group/button-group.js +0 -10
  27. package/dist/pages/chart/chart.js +0 -257
  28. package/dist/pages/checkbox/checkbox.js +0 -26
  29. package/dist/pages/checkbox-group/checkbox-group-component.js +0 -21
  30. package/dist/pages/color-picker/color-picker.js +0 -13
  31. package/dist/pages/content-dividers/content-dividers.js +0 -11
  32. package/dist/pages/custom-color-picker/custom-color-picker.js +0 -12
  33. package/dist/pages/custom-multiselect/CustomMultiSelect.js +0 -37
  34. package/dist/pages/date-picker/date-picker.js +0 -20
  35. package/dist/pages/dropdown/dropdown-component.js +0 -39
  36. package/dist/pages/file-upload/file-upload.js +0 -34
  37. package/dist/pages/flex.js +0 -15
  38. package/dist/pages/formulaTemplate/formulaTemplate.js +0 -154
  39. package/dist/pages/frolaTextEditor/froala-text-editor.js +0 -12
  40. package/dist/pages/home.js +0 -49
  41. package/dist/pages/input/input-text.js +0 -112
  42. package/dist/pages/list-box-dropdown/listboxdropdown.js +0 -55
  43. package/dist/pages/loader-indicator/loader-indicator.js +0 -10
  44. package/dist/pages/mega-mennu/mega-menu.js +0 -84
  45. package/dist/pages/multi-select-dropdown/multi-select-dropdown.js +0 -51
  46. package/dist/pages/not-found/not-found.js +0 -10
  47. package/dist/pages/paginator/pagination.js +0 -122
  48. package/dist/pages/progress-bar/progress-bar.js +0 -27
  49. package/dist/pages/progress-steps/progress-steps.js +0 -24
  50. package/dist/pages/radio-button/radio-button-component.js +0 -11
  51. package/dist/pages/shadows/shadows.js +0 -7
  52. package/dist/pages/slideout-menus/slideout-menus.js +0 -104
  53. package/dist/pages/sliders/slider.js +0 -39
  54. package/dist/pages/tabels/table-data.js +0 -2193
  55. package/dist/pages/tabels/table.js +0 -98
  56. package/dist/pages/tabs/tabs.js +0 -9
  57. package/dist/pages/tags/tags.js +0 -70
  58. package/dist/pages/toast/toast.js +0 -47
  59. package/dist/pages/toggle/toggle.js +0 -10
  60. package/dist/pages/tooltip/tooltip.js +0 -13
  61. package/dist/pages/treeDropdownSelect/treedropdowselect.js +0 -34
  62. package/dist/pages/types/type.js +0 -2
  63. package/dist/types/pages/aggrid/AgGrid.d.ts +0 -2
  64. package/dist/types/pages/aggrid/BulkAction.d.ts +0 -2
  65. package/dist/types/pages/aggrid/RowGroupTrail.d.ts +0 -4
  66. package/dist/types/pages/aggrid/fakeServer.d.ts +0 -7
  67. package/dist/types/pages/aggrid/id-cell.d.ts +0 -2
  68. package/dist/types/pages/aggrid/interface.d.ts +0 -12
  69. package/dist/types/pages/avatar/avatar.d.ts +0 -2
  70. package/dist/types/pages/badges/badge.d.ts +0 -3
  71. package/dist/types/pages/breadcrumb/breadcrumb.d.ts +0 -2
  72. package/dist/types/pages/button/button.d.ts +0 -2
  73. package/dist/types/pages/button-group/button-group.d.ts +0 -2
  74. package/dist/types/pages/chart/chart.d.ts +0 -2
  75. package/dist/types/pages/checkbox/checkbox.d.ts +0 -2
  76. package/dist/types/pages/checkbox-group/checkbox-group-component.d.ts +0 -3
  77. package/dist/types/pages/color-picker/color-picker.d.ts +0 -2
  78. package/dist/types/pages/content-dividers/content-dividers.d.ts +0 -2
  79. package/dist/types/pages/custom-color-picker/custom-color-picker.d.ts +0 -2
  80. package/dist/types/pages/custom-multiselect/CustomMultiSelect.d.ts +0 -2
  81. package/dist/types/pages/date-picker/date-picker.d.ts +0 -2
  82. package/dist/types/pages/dropdown/dropdown-component.d.ts +0 -2
  83. package/dist/types/pages/file-upload/file-upload.d.ts +0 -3
  84. package/dist/types/pages/flex.d.ts +0 -2
  85. package/dist/types/pages/formulaTemplate/formulaTemplate.d.ts +0 -2
  86. package/dist/types/pages/frolaTextEditor/froala-text-editor.d.ts +0 -2
  87. package/dist/types/pages/home.d.ts +0 -2
  88. package/dist/types/pages/input/input-text.d.ts +0 -3
  89. package/dist/types/pages/list-box-dropdown/listboxdropdown.d.ts +0 -2
  90. package/dist/types/pages/loader-indicator/loader-indicator.d.ts +0 -3
  91. package/dist/types/pages/mega-mennu/mega-menu.d.ts +0 -2
  92. package/dist/types/pages/multi-select-dropdown/multi-select-dropdown.d.ts +0 -2
  93. package/dist/types/pages/not-found/not-found.d.ts +0 -2
  94. package/dist/types/pages/paginator/pagination.d.ts +0 -2
  95. package/dist/types/pages/progress-bar/progress-bar.d.ts +0 -3
  96. package/dist/types/pages/progress-steps/progress-steps.d.ts +0 -2
  97. package/dist/types/pages/radio-button/radio-button-component.d.ts +0 -2
  98. package/dist/types/pages/shadows/shadows.d.ts +0 -2
  99. package/dist/types/pages/slideout-menus/slideout-menus.d.ts +0 -2
  100. package/dist/types/pages/sliders/slider.d.ts +0 -1
  101. package/dist/types/pages/tabels/table-data.d.ts +0 -3
  102. package/dist/types/pages/tabels/table.d.ts +0 -2
  103. package/dist/types/pages/tabs/tabs.d.ts +0 -3
  104. package/dist/types/pages/tags/tags.d.ts +0 -3
  105. package/dist/types/pages/toast/toast.d.ts +0 -2
  106. package/dist/types/pages/toggle/toggle.d.ts +0 -2
  107. package/dist/types/pages/tooltip/tooltip.d.ts +0 -2
  108. package/dist/types/pages/treeDropdownSelect/treedropdowselect.d.ts +0 -2
  109. 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;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- function BulkAction() {
5
- return ((0, jsx_runtime_1.jsx)("div", { children: "Bulk Action " }));
6
- }
7
- exports.default = BulkAction;