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
@@ -111,15 +111,13 @@ function Sort() {
111
111
  document.removeEventListener("scroll", handleSortingScroll, true);
112
112
  };
113
113
  }, [showShort]);
114
- return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `icon-40x40 cursor-pointer sc_icon_hover flex align-items-center border-round hover:bg-primary-25 ${isDisabled && "disabled"} ${isOverlayOpened || featureDetails.sort.isSortable
114
+ return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: `icon-40x40 cursor-pointer sc_icon_hover flex align-items-center border-round hover:bg-primary-25 ${isDisabled && "disabled"} ${isOverlayOpened || featureDetails.sort.isSortable
115
115
  ? "bg-primary-50"
116
- : "bg-white"}`, title: "Column Sorting" }, { children: [featureDetails.sort.isSortable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "flex align-items-center text-primary-400 ml-3" }, { children: (sortModelText === null || sortModelText === void 0 ? void 0 : sortModelText.onSelectedSort)
117
- ? sortModelText.onSelectedSort
118
- : `Selected` }))), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `rounded_btn sc_icon_hover border-round-md`, onClick: (event) => !isDisabled && onClickSort(event) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "switch-vertical-02",
119
- // disabled={isDisabled}
120
- size: 16, color: isOverlayOpened || featureDetails.sort.isSortable
121
- ? "text-primary-400"
122
- : "text-gray-500" }) }))] })), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showShort, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: "w-18rem mt-2 overlay_list_options overflow-hidden", id: "sorting_columns" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 text-lg font-semibold line-height-3 text-gray-900 border-bottom-1 border-gray-200" }, { children: (sortModelText === null || sortModelText === void 0 ? void 0 : sortModelText.header) ? sortModelText.header : "Column Sorting" })), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "pl-0 m-1 max-h-10rem overflow-auto" }, { children: columnData === null || columnData === void 0 ? void 0 : columnData.map((eachColumn, index) => {
116
+ : "bg-white"}`, title: "Column Sorting" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `rounded_btn sc_icon_hover border-round-md`, onClick: (event) => !isDisabled && onClickSort(event) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "switch-vertical-02",
117
+ // disabled={isDisabled}
118
+ size: 16, color: isOverlayOpened || featureDetails.sort.isSortable
119
+ ? "text-primary-400"
120
+ : "text-gray-500" }) })) })), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: showShort, onShow: () => setIsOverlayOpened(true), onHide: () => setIsOverlayOpened(false), className: "w-18rem mt-2 overlay_list_options overflow-hidden", id: "sorting_columns" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 text-lg font-semibold line-height-3 text-gray-900 border-bottom-1 border-gray-200" }, { children: (sortModelText === null || sortModelText === void 0 ? void 0 : sortModelText.header) ? sortModelText.header : "Column Sorting" })), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "pl-0 m-1 max-h-10rem overflow-auto" }, { children: columnData === null || columnData === void 0 ? void 0 : columnData.map((eachColumn, index) => {
123
121
  if (eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.isSortable) {
124
122
  const isSelected = eachColumn.field === (sortValue === null || sortValue === void 0 ? void 0 : sortValue.field);
125
123
  return ((0, jsx_runtime_1.jsxs)("li", Object.assign({ title: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.headerName, className: `${isSelected && "bg-primary-25"} cursor-pointer br-6 flex align-items-center gap-2 px-3 py-2 text-base line-height-2 text-gray-700 hover:bg-primary-25 mb-1`, style: { listStyleType: "none" }, onClick: () => onSelectSortValue(eachColumn) }, { children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { id: "tableSort", checked: isSelected, type: "circle", value: sortValue }), (0, jsx_runtime_1.jsx)("label", Object.assign({ className: `cursor-pointer line-clamp line-clamp-1 block w-15rem ${isSelected && "text-primary-400 font-semibold"}` }, { children: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.headerName }))] }), index));
@@ -92,54 +92,23 @@ function HideColumn() {
92
92
  };
93
93
  // Return columns needs to hide
94
94
  const updateColumns = () => {
95
- const columnsToHide = storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.filter((col) => col.hide === true);
96
- const updatedNodes = storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.map((node, idx) => {
97
- const newSeq = idx + 1;
98
- return Object.assign(Object.assign({}, node), { seq: newSeq });
99
- });
100
- setNodes(updatedNodes);
101
- setStoreNodes(updatedNodes);
102
- hideColumns(columnsToHide, updatedNodes);
95
+ hideColumns(storeNodes);
103
96
  setVisibleRight(false);
104
97
  setHasChanges(false);
105
98
  };
106
99
  // Hide columns from grid
107
- const hideColumns = (columnsToHide, updatedSeq) => {
100
+ const hideColumns = (updatedNodes) => {
108
101
  if (!gridApi)
109
102
  return;
110
- // Create a deep copy of the original state for comparison
111
- const originalColumns = hidePanelNodes.map((col) => (Object.assign({}, col)));
112
- const changedColumns = []; // Track only visibility changes
113
- // Process each column to detect changes and update the grid
114
- hidePanelNodes.forEach((colDef) => {
115
- const originalCol = originalColumns.find((orig) => orig.id === colDef.id);
116
- const colToHide = columnsToHide.find((col) => col.id === colDef.id);
117
- const newHideValue = (colDef === null || colDef === void 0 ? void 0 : colDef.visibleInPanel) ? !!colToHide : colDef === null || colDef === void 0 ? void 0 : colDef.hide;
118
- // Store original values for comparison
119
- const originalHideValue = originalCol === null || originalCol === void 0 ? void 0 : originalCol.hide;
120
- const originalSeq = originalCol === null || originalCol === void 0 ? void 0 : originalCol.seq;
121
- // Update the column definition
122
- colDef.hide = newHideValue;
123
- const updatedCol = updatedSeq.find((col) => col.id === colDef.id);
124
- let newSeq = originalSeq;
125
- if (updatedCol) {
126
- newSeq = updatedCol.seq;
127
- colDef.seq = newSeq;
128
- }
129
- // Only track columns that had their visibility actually changed
130
- // Ignore sequence changes as they happen automatically for all columns
131
- const visibilityChanged = originalHideValue !== newHideValue;
132
- if (visibilityChanged) {
133
- changedColumns.push(Object.assign(Object.assign({}, colDef), { changeType: "visibility", previousHide: originalHideValue, currentHide: newHideValue }));
134
- }
103
+ // Send only visible columns with proper seq assigned at the time of update
104
+ let seq = 1;
105
+ const visibleColumns = updatedNodes === null || updatedNodes === void 0 ? void 0 : updatedNodes.filter((col) => !col.hide).map((col) => (Object.assign(Object.assign({}, col), { seq: seq++ })));
106
+ updateColumnsForGrid({
107
+ columns: visibleColumns,
108
+ enableManageColumnsCallback: enableManageColumnsCallbackAPI,
135
109
  });
136
- // Only call updateColumnsForGrid if there are actually changed columns
137
- if (changedColumns.length > 0) {
138
- updateColumnsForGrid({
139
- columns: changedColumns,
140
- enableManageColumnsCallback: enableManageColumnsCallbackAPI,
141
- });
142
- }
110
+ // Update hidePanelNodes to reflect the saved state
111
+ setHidePanelNodes(updatedNodes.map((col) => (Object.assign({}, col))));
143
112
  };
144
113
  // When drag started
145
114
  const handleDragStart = (index) => (event) => {
@@ -166,7 +135,11 @@ function HideColumn() {
166
135
  addColumns();
167
136
  }, [gridData.columData, columnToRender]);
168
137
  (0, react_1.useEffect)(() => {
169
- if (!visibleRight && (storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.length) && hasChanges) {
138
+ if (visibleRight) {
139
+ // Refresh column data from grid when sidebar opens
140
+ addColumns();
141
+ }
142
+ else if ((storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.length) && hasChanges) {
170
143
  // When panel closes with unsaved changes, reset to original state
171
144
  const resetNodes = hidePanelNodes.map((node) => (Object.assign({}, node)));
172
145
  setNodes(resetNodes);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccoreui",
3
- "version": "6.5.1",
3
+ "version": "6.5.12",
4
4
  "description": "ui-sccore",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -1,49 +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
- require("@ag-grid-community/styles/ag-grid.css");
7
- require("@ag-grid-community/styles/ag-theme-quartz.css");
8
- const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
9
- const constants_1 = require("../../components/ag-grid/constants");
10
- const type_1 = require("../../components/types/type");
11
- const dummyData_1 = require("./dummyData");
12
- const DragAndDropFeatureTesting = () => {
13
- const containerStyle = (0, react_1.useMemo)(() => ({ width: "100%", height: "500px" }), []);
14
- const gridStyle = (0, react_1.useMemo)(() => ({ height: "500px", width: "100%" }), []);
15
- const [columnDefs] = (0, react_1.useState)([
16
- { field: "employeeId", rowDrag: true, suppressFillHandle: true },
17
- { field: "employeeName", },
18
- { field: "jobTitle" },
19
- { field: "employmentType" },
20
- ]);
21
- const defaultColDef = (0, react_1.useMemo)(() => {
22
- return {
23
- width: 240,
24
- flex: 1,
25
- sortable: false,
26
- };
27
- }, []);
28
- const getRowData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
29
- debugger;
30
- var allRows = yield (0, dummyData_1.getNormalData)();
31
- const result = { rowData: allRows };
32
- return result;
33
- });
34
- const initialConditions = {
35
- displayAdvancedFilter: false,
36
- displaySort: true,
37
- displayFeaturesHeader: true,
38
- displaySearch: type_1.VisibilityState.ENABLE,
39
- displayFilter: type_1.VisibilityState.ENABLE
40
- };
41
- const gridApi = (0, react_1.useRef)(null);
42
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: containerStyle }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: gridStyle, className: "ag-theme-quartz" }, { children: (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { getGridRef: gridApi, columnData: columnDefs, style: { height: "500px" },
43
- // rowData={dummyData}
44
- getRowData: getRowData, conditionsToDisplay: initialConditions, rowModelType: constants_1.ROWMODELTYPE.CLIENT_SIDE, shouldRefetch: false, filterConditions: [
45
- { id: 1, label: "AND" },
46
- { id: 2, label: "OR" },
47
- ], columnDefs: columnDefs, defaultColDef: defaultColDef, rowDragManaged: true }) })) })));
48
- };
49
- exports.default = DragAndDropFeatureTesting;
@@ -1,125 +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
- require("@ag-grid-community/styles/ag-grid.css");
7
- require("@ag-grid-community/styles/ag-theme-quartz.css");
8
- const core_1 = require("@ag-grid-community/core");
9
- const column_tool_panel_1 = require("@ag-grid-enterprise/column-tool-panel");
10
- const menu_1 = require("@ag-grid-enterprise/menu");
11
- const row_grouping_1 = require("@ag-grid-enterprise/row-grouping");
12
- const server_side_row_model_1 = require("@ag-grid-enterprise/server-side-row-model");
13
- const dummyData_1 = require("./dummyData");
14
- const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
15
- const constants_1 = require("../../components/ag-grid/constants");
16
- const type_1 = require("../../components/types/type");
17
- core_1.ModuleRegistry.registerModules([
18
- column_tool_panel_1.ColumnsToolPanelModule,
19
- menu_1.MenuModule,
20
- row_grouping_1.RowGroupingModule,
21
- server_side_row_model_1.ServerSideRowModelModule,
22
- ]);
23
- const GridRowGroupingSSRM = () => {
24
- const containerStyle = (0, react_1.useMemo)(() => ({ width: "100%", height: "500px" }), []);
25
- const gridStyle = (0, react_1.useMemo)(() => ({ height: "500px", width: "100%" }), []);
26
- const [text, setText] = (0, react_1.useState)("");
27
- const [columnDefs] = (0, react_1.useState)([
28
- { field: "employeeId", },
29
- { field: "employeeName", },
30
- { field: "jobTitle" },
31
- { field: "employmentType" },
32
- ]);
33
- const defaultColDef = (0, react_1.useMemo)(() => {
34
- return {
35
- width: 240,
36
- flex: 1,
37
- sortable: false,
38
- };
39
- }, []);
40
- const autoGroupColumnDef = (0, react_1.useMemo)(() => {
41
- return {
42
- field: "employeeName",
43
- headerName: `Search Results`,
44
- headerCheckboxSelection: true,
45
- cellRendererParams: {
46
- innerRenderer: () => {
47
- // Add custom styling or content to the group label
48
- return ((0, jsx_runtime_1.jsx)("div", { children: "kjasdnfkjasdf" }));
49
- },
50
- checkbox: true,
51
- },
52
- };
53
- }, []);
54
- const isServerSideGroupOpenByDefault = (0, react_1.useCallback)((params) => {
55
- // open first two levels by default
56
- if (text === "") {
57
- return false;
58
- }
59
- return params.rowNode.level < 2;
60
- }, [text]);
61
- const isServerSideGroup = (0, react_1.useCallback)((dataItem) => {
62
- // indicate if node is a group
63
- return dataItem.group;
64
- }, []);
65
- const getServerSideGroupKey = (0, react_1.useCallback)((dataItem) => {
66
- // specify which group key to use
67
- return dataItem.id;
68
- }, []);
69
- const getRowData = (a, b, c, d) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
70
- console.log(a, b);
71
- console.log(c, d, "params");
72
- setText(c.searchedText);
73
- var allRows = yield (0, dummyData_1.getAllData)(c.searchedText);
74
- const result = { rowData: allRows };
75
- return result;
76
- // setTimeout(() => {
77
- // params.success(result);
78
- // }, 200);
79
- });
80
- // const onGridReady = useCallback((params: GridReadyEvent) => {
81
- // params.api!.setGridOption("serverSideDatasource", { getRows: getData });
82
- // }, []);
83
- const initialConditions = {
84
- displayAdvancedFilter: false,
85
- displaySort: true,
86
- displayFeaturesHeader: true,
87
- displaySearch: type_1.VisibilityState.ENABLE,
88
- displayFilter: type_1.VisibilityState.ENABLE
89
- };
90
- const rowSelection = (0, react_1.useMemo)(() => {
91
- return {
92
- mode: "multiRow",
93
- };
94
- }, []);
95
- const gridApi = (0, react_1.useRef)(null);
96
- const onSelectionChanged = (0, react_1.useCallback)(() => {
97
- const selectedRows = gridApi.current.api.getServerSideSelectionState(); // Get selected rows
98
- // const allRowsSelected = gridApi.current.api.getSelectedRows().length === gridApi.current.api.getDisplayedRowCount();
99
- console.log("Selected rows: ", selectedRows);
100
- console.log("Selected----- ");
101
- // If all rows are selected, you can perform your custom logic
102
- }, [gridApi]);
103
- // const onFilterTextBoxChanged = useCallback(() => {
104
- // const cahed = gridApi.current.api.getCacheBlockState(); // See loaded blocks
105
- // gridApi.current.api.forEachNode((node) => console.log(node.data, cahed, "cache")); // Access cached rows
106
- // // gridApi.current!.api.setGridOption(
107
- // // "quickFilterText",
108
- // // (document.getElementById("filter-text-box") as HTMLInputElement).value,
109
- // // );
110
- // }, []);
111
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: containerStyle }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: gridStyle, className: "ag-theme-quartz" }, { children: (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { getGridRef: gridApi, columnData: columnDefs, style: { height: "500px" }, getRowData: getRowData, conditionsToDisplay: initialConditions, rowModelType: constants_1.ROWMODELTYPE.SERVER_SIDE, shouldRefetch: false, filterConditions: [
112
- { id: 1, label: "AND" },
113
- { id: 2, label: "OR" },
114
- ],
115
- // GroupHeaderComponent={GroupHeaderComponent}
116
- enableCheckboxForGroupHeader: true,
117
- // AdvancedFilter={AdvancedFilter}
118
- serverSideInitialRowCount: 3, treeData: true, gridProps: {
119
- isServerSideGroupOpenByDefault,
120
- isServerSideGroup,
121
- getServerSideGroupKey,
122
- rowSelection: "multiple"
123
- }, columnDefs: columnDefs, defaultColDef: defaultColDef, autoGroupColumnDef: autoGroupColumnDef, rowSelection: rowSelection, onSelectionChanged: onSelectionChanged }) })) })));
124
- };
125
- exports.default = GridRowGroupingSSRM;
@@ -1,226 +0,0 @@
1
- "use strict";
2
- // const allDummyData = [
3
- // {
4
- // "employeeId": 101,
5
- // "employeeName": "Erica Rogers",
6
- // "jobTitle": "CEO",
7
- // "employmentType": "Permanent",
8
- // "children": [
9
- // {
10
- // "employeeId": 102,
11
- // "employeeName": "Malcolm Barrett",
12
- // "jobTitle": "Exec. Vice President",
13
- // "employmentType": "Permanent",
14
- // "children": [
15
- // {
16
- // "employeeId": 103,
17
- // "employeeName": "Esther Baker",
18
- // "jobTitle": "Director of Operations",
19
- // "employmentType": "Permanent",
20
- // "children": [
21
- // {
22
- // "employeeId": 104,
23
- // "employeeName": "Brittany Hanson",
24
- // "jobTitle": "Fleet Coordinator",
25
- // "employmentType": "Permanent",
26
- // "children": [
27
- // {
28
- // "employeeId": 105,
29
- // "employeeName": "Leah Flowers",
30
- // "jobTitle": "Parts Technician",
31
- // "employmentType": "Contract"
32
- // },
33
- // {
34
- // "employeeId": 106,
35
- // "employeeName": "Tammy Sutton",
36
- // "jobTitle": "Service Technician",
37
- // "employmentType": "Contract"
38
- // }
39
- // ]
40
- // },
41
- // {
42
- // "employeeId": 107,
43
- // "employeeName": "Derek Paul",
44
- // "jobTitle": "Inventory Control",
45
- // "employmentType": "Permanent"
46
- // }
47
- // ]
48
- // },
49
- // {
50
- // "employeeId": 108,
51
- // "employeeName": "Francis Strickland",
52
- // "jobTitle": "VP Sales",
53
- // "employmentType": "Permanent",
54
- // "children": [
55
- // {
56
- // "employeeId": 109,
57
- // "employeeName": "Morris Hanson",
58
- // "jobTitle": "Sales Manager",
59
- // "employmentType": "Permanent"
60
- // },
61
- // {
62
- // "employeeId": 110,
63
- // "employeeName": "Todd Tyler",
64
- // "jobTitle": "Sales Executive",
65
- // "employmentType": "Contract"
66
- // },
67
- // {
68
- // "employeeId": 111,
69
- // "employeeName": "Bennie Wise",
70
- // "jobTitle": "Sales Executive",
71
- // "employmentType": "Contract"
72
- // },
73
- // {
74
- // "employeeId": 112,
75
- // "employeeName": "Joel Cooper",
76
- // "jobTitle": "Sales Executive",
77
- // "employmentType": "Permanent"
78
- // }
79
- // ]
80
- // }
81
- // ]
82
- // },
83
- // {
84
- // "employeeId": 113,
85
- // "employeeName": "Luke McBride",
86
- // "jobTitle": "Exec. Vice President",
87
- // "employmentType": "Permanent",
88
- // "children": [
89
- // {
90
- // "employeeId": 114,
91
- // "employeeName": "Sarah Baker",
92
- // "jobTitle": "Director of Operations",
93
- // "employmentType": "Permanent",
94
- // "children": [
95
- // {
96
- // "employeeId": 115,
97
- // "employeeName": "Mason Hanson",
98
- // "jobTitle": "Fleet Coordinator",
99
- // "employmentType": "Permanent",
100
- // "children": [
101
- // {
102
- // "employeeId": 116,
103
- // "employeeName": "Hannah Flowers",
104
- // "jobTitle": "Parts Technician",
105
- // "employmentType": "Contract"
106
- // },
107
- // {
108
- // "employeeId": 117,
109
- // "employeeName": "Rob Sutton",
110
- // "jobTitle": "Service Technician",
111
- // "employmentType": "Contract"
112
- // }
113
- // ]
114
- // },
115
- // {
116
- // "employeeId": 118,
117
- // "employeeName": "Paul Smith",
118
- // "jobTitle": "Inventory Control",
119
- // "employmentType": "Permanent"
120
- // }
121
- // ]
122
- // },
123
- // {
124
- // "employeeId": 119,
125
- // "employeeName": "Adam Newman",
126
- // "jobTitle": "VP Sales",
127
- // "employmentType": "Permanent",
128
- // "children": [
129
- // {
130
- // "employeeId": 120,
131
- // "employeeName": "John Smith",
132
- // "jobTitle": "Sales Manager",
133
- // "employmentType": "Permanent"
134
- // },
135
- // {
136
- // "employeeId": 121,
137
- // "employeeName": "Alice Grant",
138
- // "jobTitle": "Sales Executive",
139
- // "employmentType": "Contract"
140
- // },
141
- // {
142
- // "employeeId": 122,
143
- // "employeeName": "Ben Hill",
144
- // "jobTitle": "Sales Executive",
145
- // "employmentType": "Contract"
146
- // },
147
- // {
148
- // "employeeId": 123,
149
- // "employeeName": "Joe Cooper",
150
- // "jobTitle": "Sales Executive",
151
- // "employmentType": "Permanent"
152
- // }
153
- // ]
154
- // }
155
- // ]
156
- // }
157
- // ]
158
- // }
159
- // ]
160
- Object.defineProperty(exports, "__esModule", { value: true });
161
- exports.dummyData = exports.getNormalData = exports.getAllData = void 0;
162
- const tslib_1 = require("tslib");
163
- // const allDummyDataMoreChildren = [
164
- // {
165
- // employeeId: generateUniqueId(),
166
- // employeeName: "Parent 1",
167
- // jobTitle: "CEO",
168
- // employmentType: "Permanent",
169
- // group: true,
170
- // },
171
- // // Repeat the structure for Parent 3 through Parent 10
172
- // ];
173
- function generateUniqueId() {
174
- const timestamp = Date.now().toString().slice(-4); // Last 4 digits of timestamp
175
- const randomPart = Math.floor(100000 + Math.random() * 900000).toString(); // 6 random digits
176
- return timestamp + randomPart; // 10-digit unique ID
177
- }
178
- let k = 1;
179
- function delayWithValue(ms, value) {
180
- return new Promise((resolve) => {
181
- setTimeout(() => {
182
- resolve(value); // Return the value after the delay
183
- }, ms);
184
- });
185
- }
186
- const getAllData = (text) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
187
- console.log(k, "called", text);
188
- k = k + 1;
189
- const data = yield delayWithValue(500, [
190
- {
191
- id: generateUniqueId(),
192
- employeeName: "Parent 1",
193
- jobTitle: "CEO" + generateUniqueId(),
194
- employmentType: "Permanent",
195
- group: true,
196
- },
197
- // Repeat the structure for Parent 3 through Parent 10
198
- ]);
199
- return data;
200
- });
201
- exports.getAllData = getAllData;
202
- const getNormalData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
203
- const data = yield delayWithValue(500, [{
204
- id: 1,
205
- employeeName: "Parent 1",
206
- jobTitle: "CEO",
207
- employmentType: "Permanent",
208
- group: true,
209
- }]);
210
- return data;
211
- });
212
- exports.getNormalData = getNormalData;
213
- exports.dummyData = [{
214
- id: 1,
215
- employeeName: "Parent 1",
216
- jobTitle: "CEO",
217
- employmentType: "Permanent",
218
- group: true,
219
- },
220
- {
221
- id: 3,
222
- employeeName: "Parent 3",
223
- jobTitle: "CEO",
224
- employmentType: "Permanent",
225
- group: true,
226
- }];
@@ -1,9 +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 VirtualScrollDropDown_1 = tslib_1.__importDefault(require("../../components/virtual-scroll-drop-down/VirtualScrollDropDown"));
6
- const VirtualScrollDropDownzPage = () => {
7
- return ((0, jsx_runtime_1.jsx)(VirtualScrollDropDown_1.default, {}));
8
- };
9
- exports.default = VirtualScrollDropDownzPage;