sccoreui 6.5.1 → 6.5.11

package/dist/components/ag-grid/advancedFeature/custom-sort.js

@@ -111,15 +111,13 @@ function Sort() {
             document.removeEventListener("scroll", handleSortingScroll, true);
         };
     }, [showShort]);
-    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
+    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
                     ? "bg-primary-50"
-                    : "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)
-                            ? sortModelText.onSelectedSort
-                            : `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", 
-                            // disabled={isDisabled}
-                            size: 16, color: isOverlayOpened || featureDetails.sort.isSortable
-                                ? "text-primary-400"
-                                : "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) => {
+                    : "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", 
+                        // disabled={isDisabled}
+                        size: 16, color: isOverlayOpened || featureDetails.sort.isSortable
+                            ? "text-primary-400"
+                            : "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) => {
                             if (eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.isSortable) {
                                 const isSelected = eachColumn.field === (sortValue === null || sortValue === void 0 ? void 0 : sortValue.field);
                                 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));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.5.1",
+  "version": "6.5.11",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/pages/RowGroupingServerside/DragandDropFeatures.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-require("@ag-grid-community/styles/ag-grid.css");
-require("@ag-grid-community/styles/ag-theme-quartz.css");
-const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
-const constants_1 = require("../../components/ag-grid/constants");
-const type_1 = require("../../components/types/type");
-const dummyData_1 = require("./dummyData");
-const DragAndDropFeatureTesting = () => {
-    const containerStyle = (0, react_1.useMemo)(() => ({ width: "100%", height: "500px" }), []);
-    const gridStyle = (0, react_1.useMemo)(() => ({ height: "500px", width: "100%" }), []);
-    const [columnDefs] = (0, react_1.useState)([
-        { field: "employeeId", rowDrag: true, suppressFillHandle: true },
-        { field: "employeeName", },
-        { field: "jobTitle" },
-        { field: "employmentType" },
-    ]);
-    const defaultColDef = (0, react_1.useMemo)(() => {
-        return {
-            width: 240,
-            flex: 1,
-            sortable: false,
-        };
-    }, []);
-    const getRowData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        debugger;
-        var allRows = yield (0, dummyData_1.getNormalData)();
-        const result = { rowData: allRows };
-        return result;
-    });
-    const initialConditions = {
-        displayAdvancedFilter: false,
-        displaySort: true,
-        displayFeaturesHeader: true,
-        displaySearch: type_1.VisibilityState.ENABLE,
-        displayFilter: type_1.VisibilityState.ENABLE
-    };
-    const gridApi = (0, react_1.useRef)(null);
-    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" }, 
-                // rowData={dummyData}
-                getRowData: getRowData, conditionsToDisplay: initialConditions, rowModelType: constants_1.ROWMODELTYPE.CLIENT_SIDE, shouldRefetch: false, filterConditions: [
-                    { id: 1, label: "AND" },
-                    { id: 2, label: "OR" },
-                ], columnDefs: columnDefs, defaultColDef: defaultColDef, rowDragManaged: true }) })) })));
-};
-exports.default = DragAndDropFeatureTesting;

package/dist/pages/RowGroupingServerside/RowGroupingServerSide.js

@@ -1,125 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-require("@ag-grid-community/styles/ag-grid.css");
-require("@ag-grid-community/styles/ag-theme-quartz.css");
-const core_1 = require("@ag-grid-community/core");
-const column_tool_panel_1 = require("@ag-grid-enterprise/column-tool-panel");
-const menu_1 = require("@ag-grid-enterprise/menu");
-const row_grouping_1 = require("@ag-grid-enterprise/row-grouping");
-const server_side_row_model_1 = require("@ag-grid-enterprise/server-side-row-model");
-const dummyData_1 = require("./dummyData");
-const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
-const constants_1 = require("../../components/ag-grid/constants");
-const type_1 = require("../../components/types/type");
-core_1.ModuleRegistry.registerModules([
-    column_tool_panel_1.ColumnsToolPanelModule,
-    menu_1.MenuModule,
-    row_grouping_1.RowGroupingModule,
-    server_side_row_model_1.ServerSideRowModelModule,
-]);
-const GridRowGroupingSSRM = () => {
-    const containerStyle = (0, react_1.useMemo)(() => ({ width: "100%", height: "500px" }), []);
-    const gridStyle = (0, react_1.useMemo)(() => ({ height: "500px", width: "100%" }), []);
-    const [text, setText] = (0, react_1.useState)("");
-    const [columnDefs] = (0, react_1.useState)([
-        { field: "employeeId", },
-        { field: "employeeName", },
-        { field: "jobTitle" },
-        { field: "employmentType" },
-    ]);
-    const defaultColDef = (0, react_1.useMemo)(() => {
-        return {
-            width: 240,
-            flex: 1,
-            sortable: false,
-        };
-    }, []);
-    const autoGroupColumnDef = (0, react_1.useMemo)(() => {
-        return {
-            field: "employeeName",
-            headerName: `Search Results`,
-            headerCheckboxSelection: true,
-            cellRendererParams: {
-                innerRenderer: () => {
-                    // Add custom styling or content to the group label
-                    return ((0, jsx_runtime_1.jsx)("div", { children: "kjasdnfkjasdf" }));
-                },
-                checkbox: true,
-            },
-        };
-    }, []);
-    const isServerSideGroupOpenByDefault = (0, react_1.useCallback)((params) => {
-        // open first two levels by default
-        if (text === "") {
-            return false;
-        }
-        return params.rowNode.level < 2;
-    }, [text]);
-    const isServerSideGroup = (0, react_1.useCallback)((dataItem) => {
-        // indicate if node is a group
-        return dataItem.group;
-    }, []);
-    const getServerSideGroupKey = (0, react_1.useCallback)((dataItem) => {
-        // specify which group key to use
-        return dataItem.id;
-    }, []);
-    const getRowData = (a, b, c, d) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        console.log(a, b);
-        console.log(c, d, "params");
-        setText(c.searchedText);
-        var allRows = yield (0, dummyData_1.getAllData)(c.searchedText);
-        const result = { rowData: allRows };
-        return result;
-        // setTimeout(() => {
-        //     params.success(result);
-        // }, 200);
-    });
-    // const onGridReady = useCallback((params: GridReadyEvent) => {
-    //     params.api!.setGridOption("serverSideDatasource", { getRows: getData });
-    // }, []);
-    const initialConditions = {
-        displayAdvancedFilter: false,
-        displaySort: true,
-        displayFeaturesHeader: true,
-        displaySearch: type_1.VisibilityState.ENABLE,
-        displayFilter: type_1.VisibilityState.ENABLE
-    };
-    const rowSelection = (0, react_1.useMemo)(() => {
-        return {
-            mode: "multiRow",
-        };
-    }, []);
-    const gridApi = (0, react_1.useRef)(null);
-    const onSelectionChanged = (0, react_1.useCallback)(() => {
-        const selectedRows = gridApi.current.api.getServerSideSelectionState(); // Get selected rows
-        // const allRowsSelected = gridApi.current.api.getSelectedRows().length === gridApi.current.api.getDisplayedRowCount();
-        console.log("Selected rows: ", selectedRows);
-        console.log("Selected----- ");
-        // If all rows are selected, you can perform your custom logic
-    }, [gridApi]);
-    // const onFilterTextBoxChanged = useCallback(() => {
-    //     const cahed = gridApi.current.api.getCacheBlockState();  // See loaded blocks
-    //     gridApi.current.api.forEachNode((node) => console.log(node.data, cahed, "cache"));  // Access cached rows
-    //     // gridApi.current!.api.setGridOption(
-    //     //   "quickFilterText",
-    //     //   (document.getElementById("filter-text-box") as HTMLInputElement).value,
-    //     // );
-    // }, []);
-    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: [
-                    { id: 1, label: "AND" },
-                    { id: 2, label: "OR" },
-                ], 
-                // GroupHeaderComponent={GroupHeaderComponent}
-                enableCheckboxForGroupHeader: true, 
-                // AdvancedFilter={AdvancedFilter}
-                serverSideInitialRowCount: 3, treeData: true, gridProps: {
-                    isServerSideGroupOpenByDefault,
-                    isServerSideGroup,
-                    getServerSideGroupKey,
-                    rowSelection: "multiple"
-                }, columnDefs: columnDefs, defaultColDef: defaultColDef, autoGroupColumnDef: autoGroupColumnDef, rowSelection: rowSelection, onSelectionChanged: onSelectionChanged }) })) })));
-};
-exports.default = GridRowGroupingSSRM;

package/dist/pages/RowGroupingServerside/dummyData.js

@@ -1,226 +0,0 @@
-"use strict";
-// const allDummyData = [
-//     {
-//         "employeeId": 101,
-//         "employeeName": "Erica Rogers",
-//         "jobTitle": "CEO",
-//         "employmentType": "Permanent",
-//         "children": [
-//             {
-//                 "employeeId": 102,
-//                 "employeeName": "Malcolm Barrett",
-//                 "jobTitle": "Exec. Vice President",
-//                 "employmentType": "Permanent",
-//                 "children": [
-//                     {
-//                         "employeeId": 103,
-//                         "employeeName": "Esther Baker",
-//                         "jobTitle": "Director of Operations",
-//                         "employmentType": "Permanent",
-//                         "children": [
-//                             {
-//                                 "employeeId": 104,
-//                                 "employeeName": "Brittany Hanson",
-//                                 "jobTitle": "Fleet Coordinator",
-//                                 "employmentType": "Permanent",
-//                                 "children": [
-//                                     {
-//                                         "employeeId": 105,
-//                                         "employeeName": "Leah Flowers",
-//                                         "jobTitle": "Parts Technician",
-//                                         "employmentType": "Contract"
-//                                     },
-//                                     {
-//                                         "employeeId": 106,
-//                                         "employeeName": "Tammy Sutton",
-//                                         "jobTitle": "Service Technician",
-//                                         "employmentType": "Contract"
-//                                     }
-//                                 ]
-//                             },
-//                             {
-//                                 "employeeId": 107,
-//                                 "employeeName": "Derek Paul",
-//                                 "jobTitle": "Inventory Control",
-//                                 "employmentType": "Permanent"
-//                             }
-//                         ]
-//                     },
-//                     {
-//                         "employeeId": 108,
-//                         "employeeName": "Francis Strickland",
-//                         "jobTitle": "VP Sales",
-//                         "employmentType": "Permanent",
-//                         "children": [
-//                             {
-//                                 "employeeId": 109,
-//                                 "employeeName": "Morris Hanson",
-//                                 "jobTitle": "Sales Manager",
-//                                 "employmentType": "Permanent"
-//                             },
-//                             {
-//                                 "employeeId": 110,
-//                                 "employeeName": "Todd Tyler",
-//                                 "jobTitle": "Sales Executive",
-//                                 "employmentType": "Contract"
-//                             },
-//                             {
-//                                 "employeeId": 111,
-//                                 "employeeName": "Bennie Wise",
-//                                 "jobTitle": "Sales Executive",
-//                                 "employmentType": "Contract"
-//                             },
-//                             {
-//                                 "employeeId": 112,
-//                                 "employeeName": "Joel Cooper",
-//                                 "jobTitle": "Sales Executive",
-//                                 "employmentType": "Permanent"
-//                             }
-//                         ]
-//                     }
-//                 ]
-//             },
-//             {
-//                 "employeeId": 113,
-//                 "employeeName": "Luke McBride",
-//                 "jobTitle": "Exec. Vice President",
-//                 "employmentType": "Permanent",
-//                 "children": [
-//                     {
-//                         "employeeId": 114,
-//                         "employeeName": "Sarah Baker",
-//                         "jobTitle": "Director of Operations",
-//                         "employmentType": "Permanent",
-//                         "children": [
-//                             {
-//                                 "employeeId": 115,
-//                                 "employeeName": "Mason Hanson",
-//                                 "jobTitle": "Fleet Coordinator",
-//                                 "employmentType": "Permanent",
-//                                 "children": [
-//                                     {
-//                                         "employeeId": 116,
-//                                         "employeeName": "Hannah Flowers",
-//                                         "jobTitle": "Parts Technician",
-//                                         "employmentType": "Contract"
-//                                     },
-//                                     {
-//                                         "employeeId": 117,
-//                                         "employeeName": "Rob Sutton",
-//                                         "jobTitle": "Service Technician",
-//                                         "employmentType": "Contract"
-//                                     }
-//                                 ]
-//                             },
-//                             {
-//                                 "employeeId": 118,
-//                                 "employeeName": "Paul Smith",
-//                                 "jobTitle": "Inventory Control",
-//                                 "employmentType": "Permanent"
-//                             }
-//                         ]
-//                     },
-//                     {
-//                         "employeeId": 119,
-//                         "employeeName": "Adam Newman",
-//                         "jobTitle": "VP Sales",
-//                         "employmentType": "Permanent",
-//                         "children": [
-//                             {
-//                                 "employeeId": 120,
-//                                 "employeeName": "John Smith",
-//                                 "jobTitle": "Sales Manager",
-//                                 "employmentType": "Permanent"
-//                             },
-//                             {
-//                                 "employeeId": 121,
-//                                 "employeeName": "Alice Grant",
-//                                 "jobTitle": "Sales Executive",
-//                                 "employmentType": "Contract"
-//                             },
-//                             {
-//                                 "employeeId": 122,
-//                                 "employeeName": "Ben Hill",
-//                                 "jobTitle": "Sales Executive",
-//                                 "employmentType": "Contract"
-//                             },
-//                             {
-//                                 "employeeId": 123,
-//                                 "employeeName": "Joe Cooper",
-//                                 "jobTitle": "Sales Executive",
-//                                 "employmentType": "Permanent"
-//                             }
-//                         ]
-//                     }
-//                 ]
-//             }
-//         ]
-//     }
-// ]
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dummyData = exports.getNormalData = exports.getAllData = void 0;
-const tslib_1 = require("tslib");
-// const allDummyDataMoreChildren = [
-//     {
-//         employeeId: generateUniqueId(),
-//         employeeName: "Parent 1",
-//         jobTitle: "CEO",
-//         employmentType: "Permanent",
-//         group: true,
-//     },
-//     // Repeat the structure for Parent 3 through Parent 10
-// ];
-function generateUniqueId() {
-    const timestamp = Date.now().toString().slice(-4); // Last 4 digits of timestamp
-    const randomPart = Math.floor(100000 + Math.random() * 900000).toString(); // 6 random digits
-    return timestamp + randomPart; // 10-digit unique ID
-}
-let k = 1;
-function delayWithValue(ms, value) {
-    return new Promise((resolve) => {
-        setTimeout(() => {
-            resolve(value); // Return the value after the delay
-        }, ms);
-    });
-}
-const getAllData = (text) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    console.log(k, "called", text);
-    k = k + 1;
-    const data = yield delayWithValue(500, [
-        {
-            id: generateUniqueId(),
-            employeeName: "Parent 1",
-            jobTitle: "CEO" + generateUniqueId(),
-            employmentType: "Permanent",
-            group: true,
-        },
-        // Repeat the structure for Parent 3 through Parent 10
-    ]);
-    return data;
-});
-exports.getAllData = getAllData;
-const getNormalData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    const data = yield delayWithValue(500, [{
-            id: 1,
-            employeeName: "Parent 1",
-            jobTitle: "CEO",
-            employmentType: "Permanent",
-            group: true,
-        }]);
-    return data;
-});
-exports.getNormalData = getNormalData;
-exports.dummyData = [{
-        id: 1,
-        employeeName: "Parent 1",
-        jobTitle: "CEO",
-        employmentType: "Permanent",
-        group: true,
-    },
-    {
-        id: 3,
-        employeeName: "Parent 3",
-        jobTitle: "CEO",
-        employmentType: "Permanent",
-        group: true,
-    }];

package/dist/pages/VirtualScrollDropDown/VirtualScrollDropDown.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const VirtualScrollDropDown_1 = tslib_1.__importDefault(require("../../components/virtual-scroll-drop-down/VirtualScrollDropDown"));
-const VirtualScrollDropDownzPage = () => {
-    return ((0, jsx_runtime_1.jsx)(VirtualScrollDropDown_1.default, {}));
-};
-exports.default = VirtualScrollDropDownzPage;