sccoreui 6.5.1 → 6.5.12

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 (129) hide show
  1. package/dist/components/ag-grid/advancedFeature/custom-sort.js +6 -8
  2. package/dist/components/ag-grid/advancedFeature/hide-column.js +15 -42
  3. package/package.json +1 -1
  4. package/dist/pages/RowGroupingServerside/DragandDropFeatures.js +0 -49
  5. package/dist/pages/RowGroupingServerside/RowGroupingServerSide.js +0 -125
  6. package/dist/pages/RowGroupingServerside/dummyData.js +0 -226
  7. package/dist/pages/VirtualScrollDropDown/VirtualScrollDropDown.js +0 -9
  8. package/dist/pages/aggrid/AgGrid.js +0 -837
  9. package/dist/pages/aggrid/BulkAction.js +0 -9
  10. package/dist/pages/aggrid/ProductGrid.js +0 -73
  11. package/dist/pages/aggrid/RowGroupTrail.js +0 -125
  12. package/dist/pages/aggrid/Template.js +0 -11
  13. package/dist/pages/aggrid/TestingWIthAdminConfig.js +0 -359
  14. package/dist/pages/aggrid/TestingWithAdminClientSide.js +0 -459
  15. package/dist/pages/aggrid/dummyData.js +0 -83
  16. package/dist/pages/aggrid/fakeServer.js +0 -95
  17. package/dist/pages/aggrid/id-cell.js +0 -9
  18. package/dist/pages/aggrid/interface.js +0 -2
  19. package/dist/pages/aggrid/token.js +0 -4
  20. package/dist/pages/avatar/avatar.js +0 -338
  21. package/dist/pages/badges/badge.js +0 -73
  22. package/dist/pages/breadcrumb/breadcrumb.js +0 -14
  23. package/dist/pages/button/button.js +0 -10
  24. package/dist/pages/button-group/button-group.js +0 -10
  25. package/dist/pages/chart/chart.js +0 -257
  26. package/dist/pages/checkbox/checkbox.js +0 -26
  27. package/dist/pages/checkbox-group/checkbox-group-component.js +0 -21
  28. package/dist/pages/color-picker/color-picker.js +0 -13
  29. package/dist/pages/content-dividers/content-dividers.js +0 -11
  30. package/dist/pages/custom-color-picker/custom-color-picker.js +0 -12
  31. package/dist/pages/custom-multiselect/CustomMultiSelect.js +0 -37
  32. package/dist/pages/date-picker/date-picker.js +0 -20
  33. package/dist/pages/dropdown/dropdown-component.js +0 -39
  34. package/dist/pages/file-upload/file-upload.js +0 -34
  35. package/dist/pages/flex.js +0 -15
  36. package/dist/pages/formulaTemplate/formulaTemplate.js +0 -117
  37. package/dist/pages/frolaTextEditor/froala-text-editor.js +0 -14
  38. package/dist/pages/home.js +0 -59
  39. package/dist/pages/input/input-text.js +0 -112
  40. package/dist/pages/list-box-dropdown/listboxdropdown.js +0 -99
  41. package/dist/pages/list-box-dropdown/server.js +0 -20
  42. package/dist/pages/loader-indicator/loader-indicator.js +0 -10
  43. package/dist/pages/mega-mennu/mega-menu.js +0 -84
  44. package/dist/pages/multi-select-dropdown/multi-select-dropdown.js +0 -51
  45. package/dist/pages/not-found/not-found.js +0 -10
  46. package/dist/pages/paginator/pagination.js +0 -122
  47. package/dist/pages/progress-bar/progress-bar.js +0 -27
  48. package/dist/pages/progress-steps/progress-steps.js +0 -24
  49. package/dist/pages/radio-button/radio-button-component.js +0 -11
  50. package/dist/pages/service.js +0 -23
  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/testingcomponents/NormalAgGrid.js +0 -58
  59. package/dist/pages/testingcomponents/TestComponent.js +0 -69
  60. package/dist/pages/testingcomponents/data.js +0 -326
  61. package/dist/pages/testingcomponents/fom-feild-testing/MainformComp.js +0 -16
  62. package/dist/pages/toast/toast.js +0 -47
  63. package/dist/pages/toggle/toggle.js +0 -10
  64. package/dist/pages/tooltip/tooltip.js +0 -13
  65. package/dist/pages/treeDropdownSelect/treedropdowselect.js +0 -34
  66. package/dist/pages/types/type.js +0 -2
  67. package/dist/types/pages/RowGroupingServerside/DragandDropFeatures.d.ts +0 -4
  68. package/dist/types/pages/RowGroupingServerside/RowGroupingServerSide.d.ts +0 -4
  69. package/dist/types/pages/RowGroupingServerside/dummyData.d.ts +0 -9
  70. package/dist/types/pages/VirtualScrollDropDown/VirtualScrollDropDown.d.ts +0 -2
  71. package/dist/types/pages/aggrid/AgGrid.d.ts +0 -2
  72. package/dist/types/pages/aggrid/BulkAction.d.ts +0 -2
  73. package/dist/types/pages/aggrid/ProductGrid.d.ts +0 -2
  74. package/dist/types/pages/aggrid/RowGroupTrail.d.ts +0 -4
  75. package/dist/types/pages/aggrid/Template.d.ts +0 -2
  76. package/dist/types/pages/aggrid/TestingWIthAdminConfig.d.ts +0 -2
  77. package/dist/types/pages/aggrid/TestingWithAdminClientSide.d.ts +0 -2
  78. package/dist/types/pages/aggrid/dummyData.d.ts +0 -15
  79. package/dist/types/pages/aggrid/fakeServer.d.ts +0 -7
  80. package/dist/types/pages/aggrid/id-cell.d.ts +0 -2
  81. package/dist/types/pages/aggrid/interface.d.ts +0 -12
  82. package/dist/types/pages/aggrid/token.d.ts +0 -1
  83. package/dist/types/pages/avatar/avatar.d.ts +0 -2
  84. package/dist/types/pages/badges/badge.d.ts +0 -3
  85. package/dist/types/pages/breadcrumb/breadcrumb.d.ts +0 -2
  86. package/dist/types/pages/button/button.d.ts +0 -2
  87. package/dist/types/pages/button-group/button-group.d.ts +0 -2
  88. package/dist/types/pages/chart/chart.d.ts +0 -2
  89. package/dist/types/pages/checkbox/checkbox.d.ts +0 -2
  90. package/dist/types/pages/checkbox-group/checkbox-group-component.d.ts +0 -3
  91. package/dist/types/pages/color-picker/color-picker.d.ts +0 -2
  92. package/dist/types/pages/content-dividers/content-dividers.d.ts +0 -2
  93. package/dist/types/pages/custom-color-picker/custom-color-picker.d.ts +0 -2
  94. package/dist/types/pages/custom-multiselect/CustomMultiSelect.d.ts +0 -2
  95. package/dist/types/pages/date-picker/date-picker.d.ts +0 -2
  96. package/dist/types/pages/dropdown/dropdown-component.d.ts +0 -2
  97. package/dist/types/pages/file-upload/file-upload.d.ts +0 -3
  98. package/dist/types/pages/flex.d.ts +0 -2
  99. package/dist/types/pages/formulaTemplate/formulaTemplate.d.ts +0 -2
  100. package/dist/types/pages/frolaTextEditor/froala-text-editor.d.ts +0 -2
  101. package/dist/types/pages/home.d.ts +0 -2
  102. package/dist/types/pages/input/input-text.d.ts +0 -3
  103. package/dist/types/pages/list-box-dropdown/listboxdropdown.d.ts +0 -2
  104. package/dist/types/pages/list-box-dropdown/server.d.ts +0 -1
  105. package/dist/types/pages/loader-indicator/loader-indicator.d.ts +0 -3
  106. package/dist/types/pages/mega-mennu/mega-menu.d.ts +0 -2
  107. package/dist/types/pages/multi-select-dropdown/multi-select-dropdown.d.ts +0 -2
  108. package/dist/types/pages/not-found/not-found.d.ts +0 -2
  109. package/dist/types/pages/paginator/pagination.d.ts +0 -2
  110. package/dist/types/pages/progress-bar/progress-bar.d.ts +0 -3
  111. package/dist/types/pages/progress-steps/progress-steps.d.ts +0 -2
  112. package/dist/types/pages/radio-button/radio-button-component.d.ts +0 -2
  113. package/dist/types/pages/service.d.ts +0 -2
  114. package/dist/types/pages/shadows/shadows.d.ts +0 -2
  115. package/dist/types/pages/slideout-menus/slideout-menus.d.ts +0 -2
  116. package/dist/types/pages/sliders/slider.d.ts +0 -1
  117. package/dist/types/pages/tabels/table-data.d.ts +0 -3
  118. package/dist/types/pages/tabels/table.d.ts +0 -2
  119. package/dist/types/pages/tabs/tabs.d.ts +0 -3
  120. package/dist/types/pages/tags/tags.d.ts +0 -3
  121. package/dist/types/pages/testingcomponents/NormalAgGrid.d.ts +0 -4
  122. package/dist/types/pages/testingcomponents/TestComponent.d.ts +0 -4
  123. package/dist/types/pages/testingcomponents/data.d.ts +0 -1
  124. package/dist/types/pages/testingcomponents/fom-feild-testing/MainformComp.d.ts +0 -2
  125. package/dist/types/pages/toast/toast.d.ts +0 -2
  126. package/dist/types/pages/toggle/toggle.d.ts +0 -2
  127. package/dist/types/pages/tooltip/tooltip.d.ts +0 -2
  128. package/dist/types/pages/treeDropdownSelect/treedropdowselect.d.ts +0 -2
  129. package/dist/types/pages/types/type.d.ts +0 -64
@@ -1,459 +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 react_1 = require("react");
6
- const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
7
- const type_1 = require("../../components/types/type");
8
- const constants_1 = require("../../components/ag-grid/constants");
9
- const Template_1 = tslib_1.__importDefault(require("./Template"));
10
- const dynamicText = {
11
- filterModelText: {
12
- header: "Filter",
13
- subHeader: "Streamline Your Search With Filters",
14
- resetFilterAction: "Reset Filter",
15
- createViewInputPlaceHolder: "Enter",
16
- createViewAction: "Create View",
17
- applyAction: "Apply",
18
- elementOnePlaceHolder: "Select",
19
- elementTwoPlaceHolder: "Select",
20
- elementThreePlaceHolder_Input: "Enter Text",
21
- elementThreePlaceHolder_Input_Number: "Enter Number",
22
- elementThreePlaceHolder_DropDown: "Select",
23
- elementThreePlaceHolder_MultiSelect: "Select",
24
- elementThreePlaceHolder_Calender: "Select Date",
25
- onSelectedFilter: "Selected",
26
- },
27
- sortModelText: {
28
- header: "Column Sorting",
29
- clearAction: "Clear",
30
- applyAction: "Apply",
31
- onSelectedSort: "Selected",
32
- },
33
- recordDetailModelText: {
34
- totalRecordHeader: "Total Records",
35
- },
36
- sidePanelText: {
37
- header: "Configure Columns",
38
- disacrd_button: "Discard",
39
- update_button: "Update",
40
- apply_to_all_views: "Apply to all views",
41
- apply_subHeading: "Apply the chosen column selection to all available views",
42
- search_placeHolder: "Search by column name",
43
- selected_attributes: "Selected Attributes",
44
- unselected_attributes: " Attributes",
45
- },
46
- };
47
- const DataTableClientSide = () => {
48
- const [activeColumns, setActiveColumns] = (0, react_1.useState)([]);
49
- console.log(activeColumns, "");
50
- const [gridKey] = (0, react_1.useState)(1);
51
- const noRowsTemplateRef = (0, react_1.useRef)();
52
- const [isCheckboxEmpty,] = (0, react_1.useState)(false);
53
- const [clearFilters,] = (0, react_1.useState)([]);
54
- const getColumns = (columns) => {
55
- return [
56
- ...columns.map((column, index) => {
57
- var _a;
58
- const { type } = column, rest = tslib_1.__rest(column, ["type"]);
59
- let currentColumn = Object.assign(Object.assign({}, rest), { cellRenderer: (column === null || column === void 0 ? void 0 : column.body) || (column === null || column === void 0 ? void 0 : column.cellRenderer), minWidth: (column === null || column === void 0 ? void 0 : column.minWidth) ? column.minWidth : 110, id: (column === null || column === void 0 ? void 0 : column.id) ? column.id : new Date().getTime().toString(), suppressMovable: true, suppressMenu: true, suppressFillHandle: true, headerName: (column === null || column === void 0 ? void 0 : column.headerName)
60
- ? column === null || column === void 0 ? void 0 : column.headerName
61
- : (column === null || column === void 0 ? void 0 : column.name)
62
- ? column.name
63
- .toLowerCase()
64
- .split(" ")
65
- .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
66
- .join(" ")
67
- : (_a = column.field) === null || _a === void 0 ? void 0 : _a.toUpperCase(), field: column === null || column === void 0 ? void 0 : column.field, isFilterable: true, isSortable: true, dataType: 1, headerTooltip: (column === null || column === void 0 ? void 0 : column.name)
68
- ? column.name
69
- .toLowerCase()
70
- .split(" ")
71
- .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
72
- .join(" ")
73
- : "", columnType: type ? type : "", seq: (column === null || column === void 0 ? void 0 : column.seq) ? column === null || column === void 0 ? void 0 : column.seq : index + 1 });
74
- delete currentColumn.body;
75
- return currentColumn;
76
- }),
77
- // actionsTemplate,
78
- ];
79
- };
80
- const columns = [
81
- {
82
- id: "1",
83
- field: "name",
84
- headerName: "Hello",
85
- enableHeaderCheckbox: true,
86
- enableChildCheckbox: true,
87
- body: () => {
88
- console.log("called");
89
- return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: ["Hello", (0, jsx_runtime_1.jsx)("img", { height: 40, width: 40, src: "https://nobero.com/cdn/shop/files/white_855177b5-5621-4a4b-a0d1-9060b89a6a69.jpg?v=1711979035&width=1066", alt: "lll" })] })));
90
- }
91
- }
92
- ];
93
- (0, react_1.useEffect)(() => {
94
- setActiveColumns(getColumns(columns));
95
- }, []);
96
- const BulkAction = (0, react_1.useCallback)(() => {
97
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
98
- }, []);
99
- const setSelectedColumnsFun = (data) => {
100
- console.log(data === null || data === void 0 ? void 0 : data.checkBoxSelection, "check-selection-data");
101
- };
102
- const getGridRef = (0, react_1.useRef)(null);
103
- const conditionsToDisplay = {
104
- displayFilter: type_1.VisibilityState.ENABLE,
105
- displaySort: type_1.VisibilityState.ENABLE,
106
- displaySearch: type_1.VisibilityState.ENABLE,
107
- displayBulkAction: type_1.VisibilityState.ENABLE,
108
- displayRecords: type_1.VisibilityState.ENABLE,
109
- displayRefresh: type_1.VisibilityState.ENABLE,
110
- displaySidePanel: type_1.VisibilityState.HIDE,
111
- displayRemoveItems: type_1.VisibilityState.ENABLE,
112
- displayBulkEdit: type_1.VisibilityState.HIDE,
113
- displayRowGroupingElement: type_1.VisibilityState.HIDE,
114
- enableViewCreate: false,
115
- enableFillHandle: false,
116
- displayFeaturesHeader: true,
117
- isGridAutoHeight: false,
118
- displayGridViewListView: type_1.VisibilityState.ENABLE
119
- };
120
- const style = {
121
- height: "700px"
122
- };
123
- const rowModelType = constants_1.ROWMODELTYPE.CLIENT_SIDE;
124
- const updateColumnsForGrid = () => "";
125
- function generateUniqueId() {
126
- const timestamp = Date.now().toString().slice(-4); // Last 4 digits of timestamp
127
- const randomPart = Math.floor(100000 + Math.random() * 900000).toString(); // 6 random digits
128
- return timestamp + randomPart; // 10-digit unique ID
129
- }
130
- const rowData = [
131
- {
132
- id: generateUniqueId(),
133
- name: "fasdfasdf",
134
- isSelected: true,
135
- image: "",
136
- },
137
- {
138
- id: generateUniqueId(),
139
- name: "fasdfasdf",
140
- isSelected: true,
141
- image: "",
142
- },
143
- {
144
- id: generateUniqueId(),
145
- name: "fasdfasdf",
146
- isSelected: true,
147
- image: "",
148
- },
149
- {
150
- id: generateUniqueId(),
151
- name: "fasdfasdf",
152
- isSelected: true,
153
- image: "",
154
- }, {
155
- id: generateUniqueId(),
156
- name: "fasdfasdf",
157
- isSelected: true,
158
- image: "",
159
- },
160
- {
161
- id: generateUniqueId(),
162
- name: "fasdfasdf",
163
- isSelected: true,
164
- image: "",
165
- },
166
- {
167
- id: generateUniqueId(),
168
- name: "fasdfasdf",
169
- isSelected: true,
170
- image: "",
171
- },
172
- {
173
- id: generateUniqueId(),
174
- name: "fasdfasdf",
175
- isSelected: true,
176
- image: "",
177
- }, {
178
- id: generateUniqueId(),
179
- name: "fasdfasdf",
180
- isSelected: true,
181
- image: "",
182
- },
183
- {
184
- id: generateUniqueId(),
185
- name: "fasdfasdf",
186
- isSelected: true,
187
- image: "",
188
- },
189
- {
190
- id: generateUniqueId(),
191
- name: "fasdfasdf",
192
- isSelected: true,
193
- image: "",
194
- },
195
- {
196
- id: generateUniqueId(),
197
- name: "fasdfasdf",
198
- isSelected: true,
199
- image: "",
200
- }, {
201
- id: generateUniqueId(),
202
- name: "fasdfasdf",
203
- image: "",
204
- },
205
- {
206
- id: generateUniqueId(),
207
- name: "fasdfasdf",
208
- image: "",
209
- },
210
- {
211
- id: generateUniqueId(),
212
- name: "fasdfasdf",
213
- image: "",
214
- },
215
- {
216
- id: generateUniqueId(),
217
- name: "fasdfasdf",
218
- image: "",
219
- }, {
220
- id: generateUniqueId(),
221
- name: "fasdfasdf",
222
- image: "",
223
- },
224
- {
225
- id: generateUniqueId(),
226
- name: "fasdfasdf",
227
- image: "",
228
- },
229
- {
230
- id: generateUniqueId(),
231
- name: "fasdfasdf",
232
- image: "",
233
- },
234
- {
235
- id: generateUniqueId(),
236
- name: "fasdfasdf",
237
- image: "",
238
- }, {
239
- id: generateUniqueId(),
240
- name: "fasdfasdf",
241
- image: "",
242
- },
243
- {
244
- id: generateUniqueId(),
245
- name: "fasdfasdf",
246
- image: "",
247
- },
248
- {
249
- id: generateUniqueId(),
250
- name: "fasdfasdf",
251
- image: "",
252
- },
253
- {
254
- id: generateUniqueId(),
255
- name: "fasdfasdf",
256
- image: "",
257
- }, {
258
- id: generateUniqueId(),
259
- name: "fasdfasdf",
260
- image: "",
261
- },
262
- {
263
- id: generateUniqueId(),
264
- name: "fasdfasdf",
265
- image: "",
266
- },
267
- {
268
- id: generateUniqueId(),
269
- name: "fasdfasdf",
270
- image: "",
271
- },
272
- {
273
- id: generateUniqueId(),
274
- name: "fasdfasdf",
275
- image: "",
276
- }, {
277
- id: generateUniqueId(),
278
- name: "fasdfasdf",
279
- image: "",
280
- },
281
- {
282
- id: generateUniqueId(),
283
- name: "fasdfasdf",
284
- image: "",
285
- },
286
- {
287
- id: generateUniqueId(),
288
- name: "fasdfasdf",
289
- image: "",
290
- },
291
- {
292
- id: generateUniqueId(),
293
- name: "fasdfasdf",
294
- image: "",
295
- }, {
296
- id: generateUniqueId(),
297
- name: "fasdfasdf",
298
- image: "",
299
- },
300
- {
301
- id: generateUniqueId(),
302
- name: "fasdfasdf",
303
- image: "",
304
- },
305
- {
306
- id: generateUniqueId(),
307
- name: "fasdfasdf",
308
- image: "",
309
- },
310
- {
311
- id: generateUniqueId(),
312
- name: "fasdfasdf",
313
- image: "",
314
- }, {
315
- id: generateUniqueId(),
316
- name: "fasdfasdf",
317
- image: "",
318
- },
319
- {
320
- id: generateUniqueId(),
321
- name: "fasdfasdf",
322
- image: "",
323
- },
324
- {
325
- id: generateUniqueId(),
326
- name: "fasdfasdf",
327
- image: "",
328
- },
329
- {
330
- id: generateUniqueId(),
331
- name: "fasdfasdf",
332
- image: "",
333
- }, {
334
- id: generateUniqueId(),
335
- name: "fasdfasdf",
336
- image: "",
337
- },
338
- {
339
- id: generateUniqueId(),
340
- name: "fasdfasdf",
341
- image: "",
342
- },
343
- {
344
- id: generateUniqueId(),
345
- name: "fasdfasdf",
346
- image: "",
347
- },
348
- {
349
- id: generateUniqueId(),
350
- name: "fasdfasdf",
351
- image: "",
352
- }, {
353
- id: generateUniqueId(),
354
- name: "fasdfasdf",
355
- image: "",
356
- },
357
- {
358
- id: generateUniqueId(),
359
- name: "fasdfasdf",
360
- image: "",
361
- },
362
- {
363
- id: generateUniqueId(),
364
- name: "fasdfasdf",
365
- image: "",
366
- },
367
- {
368
- id: generateUniqueId(),
369
- name: "fasdfasdf",
370
- image: "",
371
- }, {
372
- id: generateUniqueId(),
373
- name: "fasdfasdf",
374
- image: "",
375
- },
376
- {
377
- id: generateUniqueId(),
378
- name: "fasdfasdf",
379
- image: "",
380
- },
381
- {
382
- id: generateUniqueId(),
383
- name: "fasdfasdf",
384
- image: "",
385
- },
386
- {
387
- id: generateUniqueId(),
388
- name: "fasdfasdf",
389
- image: "",
390
- }, {
391
- id: generateUniqueId(),
392
- name: "fasdfasdf",
393
- image: "",
394
- },
395
- {
396
- id: generateUniqueId(),
397
- name: "fasdfasdf",
398
- image: "",
399
- },
400
- {
401
- id: generateUniqueId(),
402
- name: "fasdfasdf",
403
- image: "",
404
- },
405
- {
406
- id: generateUniqueId(),
407
- name: "fasdfasdf",
408
- image: "",
409
- }, {
410
- id: generateUniqueId(),
411
- name: "fasdfasdf",
412
- image: "",
413
- },
414
- {
415
- id: generateUniqueId(),
416
- name: "fasdfasdf",
417
- image: "",
418
- },
419
- {
420
- id: generateUniqueId(),
421
- name: "fasdfasdf",
422
- image: "",
423
- },
424
- {
425
- id: generateUniqueId(),
426
- name: "fasdfasdf",
427
- image: "",
428
- }, {
429
- id: generateUniqueId(),
430
- name: "fasdfasdf",
431
- image: "",
432
- },
433
- {
434
- id: generateUniqueId(),
435
- name: "fasdfasdf",
436
- image: "",
437
- },
438
- {
439
- id: generateUniqueId(),
440
- name: "fasdfasdf",
441
- image: "",
442
- },
443
- {
444
- id: generateUniqueId(),
445
- name: "fasdfasdf",
446
- image: "",
447
- },
448
- ];
449
- (0, react_1.useEffect)(() => {
450
- // if (getGridRef.current) {
451
- // getGridRef?.current?.api?.showLoadingOverlay()
452
- // }
453
- }, [getGridRef.current]);
454
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("section", Object.assign({ style: { height: "calc(100vh - 64px)" }, className: "ag-theme-quartz" }, { children: (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { serverSideSelectRow: setSelectedColumnsFun, bulkActionComponent: BulkAction, gridKey: gridKey, columnData: columns, clearFilters: clearFilters, dynamicText: dynamicText, placeholder: "Search by code or name", defaultFilters: [], enableManageColumnsCallback: false, conditionsToDisplay: conditionsToDisplay, rowModelType: rowModelType, style: {
455
- height: style.height,
456
- width: "100%",
457
- }, updateColumnsForGrid: updateColumnsForGrid, shouldRefetch: true, noRowsOverlayComponent: noRowsTemplateRef.current, getGridRef: getGridRef, emptyCheckboxStatus: isCheckboxEmpty, quickSearch: true, template: Template_1.default, rowData: rowData }) })) }));
458
- };
459
- exports.default = DataTableClientSide;
@@ -1,83 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getFakeData = exports.colorOptions = exports.tagOptions = exports.statusOptions = exports.clearAllSelections = exports.removeSelection = exports.saveSelection = void 0;
4
- const tslib_1 = require("tslib");
5
- const statuses = [
6
- { id: 1, label: "Active", value: 1 },
7
- { id: 2, label: "Inactive", value: 2 },
8
- { id: 3, label: "Pending", value: 3 },
9
- ];
10
- const tags = [
11
- { id: 1, label: "Featured", value: 1 },
12
- { id: 2, label: "Sale", value: 2 },
13
- { id: 3, label: "New", value: 3 },
14
- { id: 4, label: "Clearance", value: 4 },
15
- ];
16
- const colors = ["#FF5733", "#33FF57", "#3357FF", "#F0E68C", "#8B008B"];
17
- const staticData = [
18
- { id: "rec-001", name: "Apple iPhone 15 Pro", description: "Flagship smartphone", quantity: 150, price: 999.99, discount: 10.5, rating: 87.5, stock: 1500000, isActive: true, createdDate: "2025-01-15T00:00:00", updatedAt: "2025-01-15T10:30:00", status: 1, category: [1, 3], color: "#FF5733", notes: "<p>Top seller</p>" },
19
- { id: "rec-002", name: "Samsung Galaxy S24 Ultra", description: "Premium Android phone", quantity: 200, price: 1199.50, discount: 15.0, rating: 92.3, stock: 2000000, isActive: true, createdDate: "2025-02-10T00:00:00", updatedAt: "2025-02-10T14:20:00", status: 1, category: [1, 2], color: "#33FF57", notes: "<p>Great camera</p>" },
20
- { id: "rec-003", name: "Google Pixel 8 Pro", description: "AI-powered phone", quantity: 80, price: 699.00, discount: 5.0, rating: 78.9, stock: 800000, isActive: true, createdDate: "2025-03-05T00:00:00", updatedAt: "2025-03-05T09:15:00", status: 2, category: [1], color: "#3357FF", notes: "<p>Best AI features</p>" },
21
- { id: "rec-004", name: "OnePlus 12 5G", description: "Fast charging beast", quantity: 120, price: 549.99, discount: 8.25, rating: 65.0, stock: 1200000, isActive: false, createdDate: "2025-01-20T00:00:00", updatedAt: "2025-01-20T16:45:00", status: 3, category: [1, 4], color: "#F0E68C", notes: "<p>Value flagship</p>" },
22
- { id: "rec-005", name: "Sony Xperia 1 V", description: "Photography focused", quantity: 45, price: 1299.00, discount: 12.0, rating: 70.2, stock: 450000, isActive: true, createdDate: "2025-04-12T00:00:00", updatedAt: "2025-04-12T11:00:00", status: 1, category: [1], color: "#8B008B", notes: "<p>Pro camera</p>" },
23
- { id: "rec-006", name: "Xiaomi 14 Ultra", description: "Leica partnership", quantity: 90, price: 899.50, discount: 7.5, rating: 81.4, stock: 900000, isActive: true, createdDate: "2025-02-28T00:00:00", updatedAt: "2025-02-28T08:30:00", status: 2, category: [1, 2], color: "#FF5733", notes: "<p>Leica optics</p>" },
24
- { id: "rec-007", name: "Oppo Find X7 Pro", description: "Sleek design phone", quantity: 60, price: 799.00, discount: 6.0, rating: 73.8, stock: 600000, isActive: false, createdDate: "2025-03-18T00:00:00", updatedAt: "2025-03-18T13:10:00", status: 3, category: [1, 3], color: "#33FF57", notes: "<p>Curved display</p>" },
25
- { id: "rec-008", name: "Vivo X100 Pro", description: "Zeiss camera system", quantity: 55, price: 749.99, discount: 9.0, rating: 68.5, stock: 550000, isActive: true, createdDate: "2025-05-01T00:00:00", updatedAt: "2025-05-01T15:20:00", status: 1, category: [1], color: "#3357FF", notes: "<p>Night mode king</p>" },
26
- { id: "rec-009", name: "Motorola Edge 50 Pro", description: "Mid-range champion", quantity: 110, price: 449.00, discount: 4.5, rating: 55.0, stock: 1100000, isActive: true, createdDate: "2025-01-08T00:00:00", updatedAt: "2025-01-08T07:45:00", status: 2, category: [1, 4], color: "#F0E68C", notes: "<p>Budget friendly</p>" },
27
- { id: "rec-010", name: "Nothing Phone 2", description: "Unique glyph design", quantity: 75, price: 599.00, discount: 11.0, rating: 60.3, stock: 750000, isActive: false, createdDate: "2025-04-25T00:00:00", updatedAt: "2025-04-25T12:00:00", status: 3, category: [1, 2, 3], color: "#8B008B", notes: "<p>Transparent back</p>" },
28
- { id: "rec-011", name: "Apple MacBook Pro 16", description: "M3 Max laptop", quantity: 30, price: 2499.00, discount: 3.0, rating: 95.0, stock: 300000, isActive: true, createdDate: "2025-02-14T00:00:00", updatedAt: "2025-02-14T10:00:00", status: 1, category: [1], color: "#FF5733", notes: "<p>Professional grade</p>" },
29
- { id: "rec-012", name: "Dell XPS 15 Laptop", description: "InfinityEdge display", quantity: 65, price: 1599.50, discount: 8.0, rating: 88.2, stock: 650000, isActive: true, createdDate: "2025-03-22T00:00:00", updatedAt: "2025-03-22T14:30:00", status: 1, category: [1, 3], color: "#33FF57", notes: "<p>Slim and powerful</p>" },
30
- { id: "rec-013", name: "HP Spectre x360", description: "2-in-1 convertible", quantity: 40, price: 1399.00, discount: 6.5, rating: 82.7, stock: 400000, isActive: true, createdDate: "2025-01-30T00:00:00", updatedAt: "2025-01-30T09:20:00", status: 2, category: [1, 2], color: "#3357FF", notes: "<p>Versatile form factor</p>" },
31
- { id: "rec-014", name: "Lenovo ThinkPad X1 Carbon", description: "Business ultrabook", quantity: 85, price: 1849.99, discount: 5.0, rating: 90.1, stock: 850000, isActive: true, createdDate: "2025-05-10T00:00:00", updatedAt: "2025-05-10T11:15:00", status: 1, category: [1], color: "#F0E68C", notes: "<p>Enterprise favorite</p>" },
32
- { id: "rec-015", name: "Asus ROG Zephyrus G14", description: "Compact gaming laptop", quantity: 50, price: 1699.00, discount: 14.0, rating: 85.5, stock: 500000, isActive: false, createdDate: "2025-04-03T00:00:00", updatedAt: "2025-04-03T16:00:00", status: 3, category: [1, 4], color: "#8B008B", notes: "<p>Gaming beast</p>" },
33
- { id: "rec-016", name: "Microsoft Surface Pro 9", description: "Tablet laptop hybrid", quantity: 70, price: 1099.00, discount: 7.0, rating: 79.8, stock: 700000, isActive: true, createdDate: "2025-02-20T00:00:00", updatedAt: "2025-02-20T08:45:00", status: 1, category: [1, 2], color: "#FF5733", notes: "<p>Windows tablet</p>" },
34
- { id: "rec-017", name: "Razer Blade 15 Gaming", description: "RGB gaming laptop", quantity: 25, price: 2299.50, discount: 10.0, rating: 91.0, stock: 250000, isActive: true, createdDate: "2025-03-15T00:00:00", updatedAt: "2025-03-15T13:30:00", status: 2, category: [1, 3], color: "#33FF57", notes: "<p>Premium gaming</p>" },
35
- { id: "rec-018", name: "Acer Swift 5 Ultrabook", description: "Lightweight productivity", quantity: 95, price: 899.00, discount: 4.0, rating: 72.4, stock: 950000, isActive: false, createdDate: "2025-01-05T00:00:00", updatedAt: "2025-01-05T15:10:00", status: 3, category: [1], color: "#3357FF", notes: "<p>Ultra portable</p>" },
36
- { id: "rec-019", name: "MSI Stealth 16 Studio", description: "Creator laptop", quantity: 35, price: 1999.00, discount: 9.5, rating: 86.3, stock: 350000, isActive: true, createdDate: "2025-05-05T00:00:00", updatedAt: "2025-05-05T10:20:00", status: 1, category: [1, 2, 4], color: "#F0E68C", notes: "<p>Content creation</p>" },
37
- { id: "rec-020", name: "LG Gram 17 Lightweight", description: "Featherweight laptop", quantity: 55, price: 1499.99, discount: 6.0, rating: 77.0, stock: 550000, isActive: true, createdDate: "2025-04-18T00:00:00", updatedAt: "2025-04-18T12:45:00", status: 2, category: [1], color: "#8B008B", notes: "<p>Lightest 17 inch</p>" },
38
- ];
39
- // Simulates server-side selection storage (like a database)
40
- const selectedRecordIds = new Set();
41
- // Function to save selection to "server" (call this from your component)
42
- const saveSelection = (recordIds) => {
43
- recordIds.forEach(id => selectedRecordIds.add(id));
44
- console.log("Server: Saved selections:", Array.from(selectedRecordIds));
45
- };
46
- exports.saveSelection = saveSelection;
47
- // Function to remove selection from "server"
48
- const removeSelection = (recordIds) => {
49
- recordIds.forEach(id => selectedRecordIds.delete(id));
50
- console.log("Server: Removed selections:", Array.from(selectedRecordIds));
51
- };
52
- exports.removeSelection = removeSelection;
53
- // Function to clear all selections
54
- const clearAllSelections = () => {
55
- selectedRecordIds.clear();
56
- console.log("Server: Cleared all selections");
57
- };
58
- exports.clearAllSelections = clearAllSelections;
59
- exports.statusOptions = statuses;
60
- exports.tagOptions = tags;
61
- exports.colorOptions = colors;
62
- const getFakeData = (startRow, endRow, body) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
63
- console.log(startRow, endRow, "startRow, endRow", body);
64
- const response = yield new Promise((resolve) => {
65
- setTimeout(() => {
66
- var _a;
67
- const searchText = ((_a = body === null || body === void 0 ? void 0 : body.searchString) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
68
- // Filter data based on search text
69
- const filteredData = searchText
70
- ? staticData.filter(item => item.name.toLowerCase().includes(searchText))
71
- : staticData;
72
- // Add isSelected based on server-side stored selections
73
- const dataWithSelection = filteredData.map(item => (Object.assign(Object.assign({}, item), { isSelected: selectedRecordIds.has(item.id) })));
74
- // Return filtered data with filtered count (like a real API would)
75
- resolve({
76
- rowData: dataWithSelection,
77
- totalRecords: filteredData.length
78
- });
79
- }, 500);
80
- });
81
- return response;
82
- });
83
- exports.getFakeData = getFakeData;
@@ -1,95 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.FakeServer = void 0;
4
- function FakeServer(allData, groupFields) {
5
- // allData.splice(10,8000)
6
- // Get unique data according to first group
7
- const getUnique = (allData, groupField) => {
8
- let filterField = {};
9
- const withFilter = allData === null || allData === void 0 ? void 0 : allData.filter((data, idx) => {
10
- if (!(filterField === null || filterField === void 0 ? void 0 : filterField.hasOwnProperty(data[groupField]))) {
11
- filterField[data[groupField]] = idx;
12
- return data;
13
- }
14
- });
15
- return withFilter;
16
- };
17
- // const uniqueData = groupFields.reduce((data, field) => getUnique(data, field), allData);
18
- const uniqueData = getUnique(allData, groupFields[0]);
19
- // Returns the data to grid
20
- return {
21
- getData: function (request) {
22
- var results = executeQuery(request);
23
- const output = {
24
- success: true,
25
- rows: results,
26
- lastRow: getLastRowIndex(request)
27
- };
28
- return output;
29
- }
30
- };
31
- function executeQuery(request) {
32
- console.log(request, groupFields, 'request in execute query');
33
- let filteredData = applyFilters(request, allData);
34
- console.log(filteredData, 'filtered data in execute query');
35
- // return filteredData
36
- // var sortedData = applySorting(request, filteredData);
37
- if (allData.length <= 10)
38
- return filteredData;
39
- // Only used when no api is called trimming data from front end (ex:group-grid:route)
40
- let paginatedData = applyPagination(request, filteredData);
41
- // console.log(paginatedData,'paginated data ')
42
- return paginatedData;
43
- }
44
- function applyFilters(request, data) {
45
- var _a;
46
- let filteredData = uniqueData;
47
- const currentGroup = request === null || request === void 0 ? void 0 : request.groupKeys;
48
- const groupedCols = request === null || request === void 0 ? void 0 : request.rowGroupCols;
49
- let groupFilteredData = [];
50
- let hash = {};
51
- if (currentGroup && currentGroup.length > 0) {
52
- const nextSingleField = (_a = groupedCols[currentGroup.length]) === null || _a === void 0 ? void 0 : _a.field;
53
- data.filter((item, idx) => {
54
- // Check all conditions
55
- let matchesAllConditions = true;
56
- for (let i = 0; i < currentGroup.length; i++) {
57
- const field = groupedCols[i].field;
58
- const value = currentGroup[i];
59
- if (item[field] !== value) {
60
- matchesAllConditions = false;
61
- break;
62
- }
63
- }
64
- if (matchesAllConditions) {
65
- if (nextSingleField) {
66
- if (!hash.hasOwnProperty(item[nextSingleField])) {
67
- console.log(item, 'item sending in group filtered data');
68
- groupFilteredData.push(item);
69
- }
70
- hash[item[nextSingleField]] = idx;
71
- }
72
- else {
73
- groupFilteredData.push(item);
74
- }
75
- }
76
- });
77
- }
78
- else {
79
- groupFilteredData = filteredData;
80
- }
81
- return groupFilteredData;
82
- }
83
- function applyPagination(request, data) {
84
- if (request.endRow === undefined || request.startRow === undefined) {
85
- return data;
86
- }
87
- var blockSize = (request === null || request === void 0 ? void 0 : request.endRow) - (request === null || request === void 0 ? void 0 : request.startRow);
88
- var startIndex = request === null || request === void 0 ? void 0 : request.startRow;
89
- return data.slice(startIndex, startIndex + blockSize);
90
- }
91
- function getLastRowIndex(request) {
92
- return executeQuery(Object.assign(Object.assign({}, request), { startRow: undefined, endRow: undefined })).length;
93
- }
94
- }
95
- exports.FakeServer = FakeServer;
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const jsx_runtime_1 = require("react/jsx-runtime");
4
- function IdCell(data) {
5
- var _a;
6
- console.log(data.row, 'data from grid');
7
- return ((0, jsx_runtime_1.jsx)("div", { children: (_a = data.row) === null || _a === void 0 ? void 0 : _a.id }));
8
- }
9
- exports.default = IdCell;
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.token = void 0;
4
- exports.token = "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1bmlxdWVfbmFtZSI6InNhaWVzd2FyaW5kb29yaSIsImVtYWlsIjoic2FpZXN3YXJAc2VsbGVyc2NvbW1lcmNlLmNvbSIsIm5hbWVpZCI6IjYxM2E2NmJiLTYwMGUtNDVjOS1iYjY3LTNlZDVjNmVlMDFlMCIsIkZpcnN0TmFtZSI6IlNhaWVzd2FyIiwiTGFzdE5hbWUiOiJJbmRvb3JpIiwiU2Vzc2lvbiI6ImFhNzJkMzc5LTczNjUtNGM0Yi05ZjhjLTQyZDRlMWFjOWFhYiIsIk9yaWdpbiI6Im1vYmlsZS1jb21wYW55LmVhc3lmYXN0bm93LmNvbSIsIkFwcFJlZmVyZW5jZSI6ImExYzJkZGY3LTRhZDctNDg0OS1iMzVhLTNjYjA0MWEzMjQzMSIsImF1ZCI6WyJDQ0RldkFsbG9jYXRpb25Db21tYW5kQVBJIiwiQ0NEZXZBbGxvY2F0aW9uUXVlcmllc0FQSSIsIkNDRGV2RXhwb3J0c1F1ZXJpZXNBUEkiLCJDQ0RldkV4cG9ydHNDb21tYW5kQVBJIiwiQ0NEZXZRdW90ZUNvbW1hbmRzQVBJIiwiQ0NEZXZRdW90ZVF1ZXJpZXNBUEkiLCJDQ0Rldldpc2hsaXN0QVBJIiwiQ0NEZXZDYXJ0UXVlcmllc0FQSSIsIkNDRGV2Q2FydENvbW1hbmRzQVBJIiwiQ0NEZXZDTVNDb21tYW5kQVBJIiwiRGV2T25lU291cmNlQVBJIiwiTm9kZUNvbW1vblNlcnZpY2UiLCJDQ0RldkNNU1F1ZXJpZXNBUEkiLCJDQ0RldkNNU0NvbW1hbmRBUEkiLCJDQ0RldkFjY291bnRDb21tYW5kQVBJIiwiQ0NEZXZBY2NvdXRRdWVyaWVzQVBJIiwiQ0NEZXZBdXRoU3luY0NvbW1hbmRBUEkiLCJDQ0RldkNvcmVDb250cm9sQ29tbWFuZEFQSSIsIkNDRGV2Q29yZUNvbnRyb2xRdWVyaWVzQVBJIiwiQ0NEZXZDdXN0b21lckNvbW1hbmRBUEkiLCJDQ0RldkN1c3RvbWVyUXVlcmllc0FQSSIsIkNDRGV2UGF5bWVudENvbmZpZ0NvbW1hbmRBUEkiLCJDQ0RldlBheW1lbnRDb25maWdRdWVyaWVzQVBJIiwiQ0NEZXZQTUNvbW1hbmRBUEkiLCJDQ0RldlBNUXVlcmllc0FQSSIsIkNDRGV2UHJvZHVjdHNDb21tYW5kQVBJIiwiQ0NEZXZSdWxlQ29tbWFuZEFQSSIsIkNDRGV2UnVsZVF1ZXJpZXNBUEkiLCJDQ0RldlNhbGVzQ29tbWFuZEFQSSIsIkNDRGV2U2VhcmNoQ29tbWFuZEFQSSIsIkNDRGV2U2VhcmNoUXVlcmllc0FQSSIsIkNDRGV2U2hpcHBpbmdDb21tYW5kQVBJIiwiQ0NEZXZTaGlwcGluZ1F1ZXJpZXNBUEkiLCJDQ0RldlRheENvbmZpZ0NvbW1hbmRBUEkiLCJDQ0RldlRheENvbmZpZ1F1ZXJpZXNBUEkiLCJDQ0RldlVNUXVlcmllc0FQSSIsIkNDRGV2V0lDb21tYW5kQVBJIiwiQ0NEZXZXSVF1ZXJpZXNBUEkiLCJDQ0RldldlYnNpdGVDb21tYW5kQVBJIiwiQ0NEZXZXZWJzaXRlUXVlcmllc0FQSSIsIkNDRGV2TWFya2V0aW5nQ29tbWFuZEFQSSIsIkNDRGV2TWFya2V0aW5nUXVlcmllc0FQSSIsIkNDRGV2SW1wb3J0c0NvbW1hbmRBUEkiLCJDQ0RldkltcG9ydHNRdWVyaWVzQVBJIiwiQ0NEZXZNYWNyb3NDb21tYW5kQVBJIiwiQ0NEZXZNYWNyb3NRdWVyaWVzQVBJIiwiRGV2SW1wb3J0Q29tbWFuZEFQSSIsIkRldkltcG9ydFF1ZXJpZXNBUEkiLCJDQ0RldkV2ZW50UmVnaXN0ZXJDb21tYW5kQVBJIiwiQ0NEZXZPcmRlckNvbW1hbmRzQVBJIiwiQ0NEZXZPcmRlclF1ZXJpZXNBUEkiLCJDQ0RFVkNTUkZUb2tlbiJdLCJzY29wZSI6IiIsIm5iZiI6MTc3MTMxMzg4NCwiZXhwIjoxNzcxNDAwMjg0LCJpYXQiOjE3NzEzMTM4ODQsImlzcyI6ImVkZ2UtZGV2LWlzc3VlciJ9.fZXKPmvnV7yAyi6m0yALJ5VQFctt1Zhipw3I14XVdSEKKRuFcZKaPOOcR3F6yEAoUKKPkexRbyXtdxzKOnQ6YCsxPBXcnXL8v6GZfT1oyG9TB7i2F3UJM4zEMnRhIpY9alMWtQeNVarssjYYA7dKnzZV6gP3K-tZQ-9wuFhy9c-zIOPVWqKA4irN2a-pI79PwEyCNmdLG5dYPhSX7uK4qoOgehOKen4v2zi8ZspisTvctJR_2fK4Ah6okI2yLzB-58dwKtH3fntlr4UCUvlg02K65MRpRZzdQh3-6JLwBScYnc2wxOAAdCThRXTEqUTwU_7KQrRkF8z8uAa5_u_7LA";