sccoreui 6.3.72 → 6.3.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/App.js +1 -1
- package/dist/assets/sccoreui.css +2 -0
- package/dist/components/list-box-dropdown/list-box-dropdown.js +4 -2
- package/dist/directives/svg-icons.js +19 -0
- package/dist/types/components/list-box-dropdown/list-box-dropdown.d.ts +1 -1
- package/package.json +1 -1
- package/dist/pages/RowGroupingServerside/DragandDropFeatures.js +0 -49
- package/dist/pages/RowGroupingServerside/RowGroupingServerSide.js +0 -125
- package/dist/pages/RowGroupingServerside/dummyData.js +0 -226
- package/dist/pages/aggrid/AgGrid.js +0 -837
- package/dist/pages/aggrid/BulkAction.js +0 -9
- package/dist/pages/aggrid/RowGroupTrail.js +0 -125
- package/dist/pages/aggrid/Template.js +0 -11
- package/dist/pages/aggrid/TestingWIthAdminConfig.js +0 -243
- package/dist/pages/aggrid/TestingWithAdminClientSide.js +0 -447
- package/dist/pages/aggrid/fakeServer.js +0 -95
- package/dist/pages/aggrid/id-cell.js +0 -9
- package/dist/pages/aggrid/interface.js +0 -2
- package/dist/pages/avatar/avatar.js +0 -338
- package/dist/pages/badges/badge.js +0 -73
- package/dist/pages/breadcrumb/breadcrumb.js +0 -14
- package/dist/pages/button/button.js +0 -10
- package/dist/pages/button-group/button-group.js +0 -10
- package/dist/pages/chart/chart.js +0 -257
- package/dist/pages/checkbox/checkbox.js +0 -26
- package/dist/pages/checkbox-group/checkbox-group-component.js +0 -21
- package/dist/pages/color-picker/color-picker.js +0 -13
- package/dist/pages/content-dividers/content-dividers.js +0 -11
- package/dist/pages/custom-color-picker/custom-color-picker.js +0 -12
- package/dist/pages/custom-multiselect/CustomMultiSelect.js +0 -37
- package/dist/pages/date-picker/date-picker.js +0 -20
- package/dist/pages/dropdown/dropdown-component.js +0 -39
- package/dist/pages/file-upload/file-upload.js +0 -34
- package/dist/pages/flex.js +0 -15
- package/dist/pages/formulaTemplate/formulaTemplate.js +0 -100
- package/dist/pages/frolaTextEditor/froala-text-editor.js +0 -14
- package/dist/pages/home.js +0 -56
- package/dist/pages/input/input-text.js +0 -112
- package/dist/pages/list-box-dropdown/listboxdropdown.js +0 -58
- package/dist/pages/loader-indicator/loader-indicator.js +0 -10
- package/dist/pages/mega-mennu/mega-menu.js +0 -84
- package/dist/pages/multi-select-dropdown/multi-select-dropdown.js +0 -51
- package/dist/pages/not-found/not-found.js +0 -10
- package/dist/pages/paginator/pagination.js +0 -122
- package/dist/pages/progress-bar/progress-bar.js +0 -27
- package/dist/pages/progress-steps/progress-steps.js +0 -24
- package/dist/pages/radio-button/radio-button-component.js +0 -11
- package/dist/pages/shadows/shadows.js +0 -7
- package/dist/pages/slideout-menus/slideout-menus.js +0 -104
- package/dist/pages/sliders/slider.js +0 -39
- package/dist/pages/tabels/table-data.js +0 -2193
- package/dist/pages/tabels/table.js +0 -98
- package/dist/pages/tabs/tabs.js +0 -9
- package/dist/pages/tags/tags.js +0 -70
- package/dist/pages/testingcomponents/NormalAgGrid.js +0 -58
- package/dist/pages/testingcomponents/TestComponent.js +0 -69
- package/dist/pages/testingcomponents/data.js +0 -326
- package/dist/pages/testingcomponents/fom-feild-testing/MainformComp.js +0 -16
- package/dist/pages/toast/toast.js +0 -47
- package/dist/pages/toggle/toggle.js +0 -10
- package/dist/pages/tooltip/tooltip.js +0 -13
- package/dist/pages/treeDropdownSelect/treedropdowselect.js +0 -34
- package/dist/pages/types/type.js +0 -2
- package/dist/types/pages/RowGroupingServerside/DragandDropFeatures.d.ts +0 -4
- package/dist/types/pages/RowGroupingServerside/RowGroupingServerSide.d.ts +0 -4
- package/dist/types/pages/RowGroupingServerside/dummyData.d.ts +0 -9
- package/dist/types/pages/aggrid/AgGrid.d.ts +0 -2
- package/dist/types/pages/aggrid/BulkAction.d.ts +0 -2
- package/dist/types/pages/aggrid/RowGroupTrail.d.ts +0 -4
- package/dist/types/pages/aggrid/Template.d.ts +0 -2
- package/dist/types/pages/aggrid/TestingWIthAdminConfig.d.ts +0 -2
- package/dist/types/pages/aggrid/TestingWithAdminClientSide.d.ts +0 -2
- package/dist/types/pages/aggrid/fakeServer.d.ts +0 -7
- package/dist/types/pages/aggrid/id-cell.d.ts +0 -2
- package/dist/types/pages/aggrid/interface.d.ts +0 -12
- package/dist/types/pages/avatar/avatar.d.ts +0 -2
- package/dist/types/pages/badges/badge.d.ts +0 -3
- package/dist/types/pages/breadcrumb/breadcrumb.d.ts +0 -2
- package/dist/types/pages/button/button.d.ts +0 -2
- package/dist/types/pages/button-group/button-group.d.ts +0 -2
- package/dist/types/pages/chart/chart.d.ts +0 -2
- package/dist/types/pages/checkbox/checkbox.d.ts +0 -2
- package/dist/types/pages/checkbox-group/checkbox-group-component.d.ts +0 -3
- package/dist/types/pages/color-picker/color-picker.d.ts +0 -2
- package/dist/types/pages/content-dividers/content-dividers.d.ts +0 -2
- package/dist/types/pages/custom-color-picker/custom-color-picker.d.ts +0 -2
- package/dist/types/pages/custom-multiselect/CustomMultiSelect.d.ts +0 -2
- package/dist/types/pages/date-picker/date-picker.d.ts +0 -2
- package/dist/types/pages/dropdown/dropdown-component.d.ts +0 -2
- package/dist/types/pages/file-upload/file-upload.d.ts +0 -3
- package/dist/types/pages/flex.d.ts +0 -2
- package/dist/types/pages/formulaTemplate/formulaTemplate.d.ts +0 -2
- package/dist/types/pages/frolaTextEditor/froala-text-editor.d.ts +0 -2
- package/dist/types/pages/home.d.ts +0 -2
- package/dist/types/pages/input/input-text.d.ts +0 -3
- package/dist/types/pages/list-box-dropdown/listboxdropdown.d.ts +0 -2
- package/dist/types/pages/loader-indicator/loader-indicator.d.ts +0 -3
- package/dist/types/pages/mega-mennu/mega-menu.d.ts +0 -2
- package/dist/types/pages/multi-select-dropdown/multi-select-dropdown.d.ts +0 -2
- package/dist/types/pages/not-found/not-found.d.ts +0 -2
- package/dist/types/pages/paginator/pagination.d.ts +0 -2
- package/dist/types/pages/progress-bar/progress-bar.d.ts +0 -3
- package/dist/types/pages/progress-steps/progress-steps.d.ts +0 -2
- package/dist/types/pages/radio-button/radio-button-component.d.ts +0 -2
- package/dist/types/pages/shadows/shadows.d.ts +0 -2
- package/dist/types/pages/slideout-menus/slideout-menus.d.ts +0 -2
- package/dist/types/pages/sliders/slider.d.ts +0 -1
- package/dist/types/pages/tabels/table-data.d.ts +0 -3
- package/dist/types/pages/tabels/table.d.ts +0 -2
- package/dist/types/pages/tabs/tabs.d.ts +0 -3
- package/dist/types/pages/tags/tags.d.ts +0 -3
- package/dist/types/pages/testingcomponents/NormalAgGrid.d.ts +0 -4
- package/dist/types/pages/testingcomponents/TestComponent.d.ts +0 -4
- package/dist/types/pages/testingcomponents/data.d.ts +0 -1
- package/dist/types/pages/testingcomponents/fom-feild-testing/MainformComp.d.ts +0 -2
- package/dist/types/pages/toast/toast.d.ts +0 -2
- package/dist/types/pages/toggle/toggle.d.ts +0 -2
- package/dist/types/pages/tooltip/tooltip.d.ts +0 -2
- package/dist/types/pages/treeDropdownSelect/treedropdowselect.d.ts +0 -2
- package/dist/types/pages/types/type.d.ts +0 -64
package/dist/App.js
CHANGED
|
@@ -5,6 +5,6 @@ require("./App.scss");
|
|
|
5
5
|
// import Home from "./pages/home";
|
|
6
6
|
const App = () => {
|
|
7
7
|
// const [selectedCountries, setSelectedCountries] = useState(null);
|
|
8
|
-
return (
|
|
8
|
+
return (0, jsx_runtime_1.jsx)("div", { className: "m-6" });
|
|
9
9
|
};
|
|
10
10
|
exports.default = App;
|
package/dist/assets/sccoreui.css
CHANGED
|
@@ -13,7 +13,7 @@ const ListBoxDropdown = ({ selectAll,
|
|
|
13
13
|
// onSelectAll,
|
|
14
14
|
onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId,
|
|
15
15
|
// buttonClassName,
|
|
16
|
-
showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, }) => {
|
|
16
|
+
showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, }) => {
|
|
17
17
|
const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
|
|
18
18
|
// const [inpValue, setInpValue] = useState<any>();
|
|
19
19
|
const optionsMenuRef = (0, react_1.useRef)();
|
|
@@ -111,7 +111,9 @@ showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, re
|
|
|
111
111
|
: listItems
|
|
112
112
|
: listItems, optionLabel: optionLabel, className: `${listBoxclassName
|
|
113
113
|
? listBoxclassName
|
|
114
|
-
: "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : ""
|
|
114
|
+
: "w-16rem border-none "} `, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "Search ", emptyFilterMessage: emptyFilterMessage
|
|
115
|
+
? emptyFilterMessage
|
|
116
|
+
: "No Result Found", emptyMessage: emptyMessage ? emptyMessage : "No Data Found" }), footeTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: footeTemplate() })] }))),
|
|
115
117
|
},
|
|
116
118
|
] }), !showChips ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_btn ${type === "sectionHeader" ? "section_btn" : ""}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event) })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-wrap gap-2" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { type: "button",
|
|
117
119
|
// className={`list_box_button focus:shadow-none p-0 h-max h-auto mx-2`}
|
|
@@ -11105,6 +11105,25 @@ exports.iconList = [
|
|
|
11105
11105
|
svg: `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11106
11106
|
<path d="M1.5 16.5H16.5M4 14V7.33333M7.33333 14V7.33333M10.6667 14V7.33333M14 14V7.33333M15.6667 4.83333L9.35333 0.887495C9.22515 0.807381 9.16106 0.767325 9.09233 0.751706C9.03155 0.737896 8.96845 0.737896 8.90767 0.751706C8.83894 0.767325 8.77485 0.807381 8.64667 0.887494L2.33333 4.83333H15.6667Z" stroke="#8190E8" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11107
11107
|
</svg>
|
|
11108
|
+
`,
|
|
11109
|
+
},
|
|
11110
|
+
{
|
|
11111
|
+
name: "no-data-found",
|
|
11112
|
+
svg: `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
11113
|
+
<g clip-path="url(#clip0_14228_5182)">
|
|
11114
|
+
<path d="M12.9453 10.2802C15.7453 8.94688 19.8107 2.54688 19.8107 2.54688L25.532 14.6362C25.532 14.6362 18.0093 13.7255 15.2067 15.0522L13.7733 15.7335C13.1398 16.0341 12.4128 16.0707 11.7523 15.8353C11.0918 15.5999 10.5519 15.1117 10.2513 14.4782C9.95074 13.8447 9.91414 13.1177 10.1496 12.4572C10.385 11.7967 10.8731 11.2568 11.5067 10.9562L12.9453 10.2802Z" stroke="#667085" stroke-width="1.24" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11115
|
+
<path d="M1.33398 19.3231C1.33398 20.2071 1.68517 21.055 2.3103 21.6801C2.93542 22.3052 3.78326 22.6564 4.66732 22.6564C5.55137 22.6564 6.39922 22.3052 7.02434 21.6801C7.64946 21.055 8.00065 20.2071 8.00065 19.3231C8.00065 18.439 7.64946 17.5912 7.02434 16.9661C6.39922 16.3409 5.55137 15.9897 4.66732 15.9897C3.78326 15.9897 2.93542 16.3409 2.3103 16.9661C1.68517 17.5912 1.33398 18.439 1.33398 19.3231Z" stroke="#667085" stroke-width="1.24" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11116
|
+
<path d="M9.33268 31.3231V28.9711C13.258 27.1884 15.9993 24.5711 15.9993 19.9897C15.9993 19.4593 15.7886 18.9506 15.4136 18.5755C15.0385 18.2005 14.5298 17.9897 13.9993 17.9897C13.4689 17.9897 12.9602 18.2005 12.5851 18.5755C12.2101 18.9506 11.9993 19.4593 11.9993 19.9897C11.9993 22.5577 10.666 23.4884 8.66602 24.7991L3.51802 26.2337C2.69765 26.4624 1.97471 26.9534 1.45969 27.6316C0.944676 28.3099 0.665915 29.1381 0.666016 29.9897V31.3231" stroke="#667085" stroke-width="1.24" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11117
|
+
<path d="M26 6.67725L29.3333 4.67725" stroke="#667085" stroke-width="1.24" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11118
|
+
<path d="M24 3.34391L26.6667 0.677246" stroke="#667085" stroke-width="1.24" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11119
|
+
<path d="M27.334 10.0104L31.334 9.34375" stroke="#667085" stroke-width="1.24" stroke-linecap="round" stroke-linejoin="round"/>
|
|
11120
|
+
</g>
|
|
11121
|
+
<defs>
|
|
11122
|
+
<clipPath id="clip0_14228_5182">
|
|
11123
|
+
<rect width="32" height="32" fill="white"/>
|
|
11124
|
+
</clipPath>
|
|
11125
|
+
</defs>
|
|
11126
|
+
</svg>
|
|
11108
11127
|
`,
|
|
11109
11128
|
},
|
|
11110
11129
|
];
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ListBoxDropdownTypes } from "../types/type";
|
|
2
|
-
declare const ListBoxDropdown: ({ selectAll, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, }: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const ListBoxDropdown: ({ selectAll, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, }: ListBoxDropdownTypes) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default ListBoxDropdown;
|
package/package.json
CHANGED
|
@@ -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
|
-
}];
|