sccoreui 6.4.96 → 6.4.98

package/dist/App.scss

@@ -615,6 +615,11 @@ code {
     border-bottom-left-radius: 0 !important;
     overflow: auto;
     height: 44px;
+    .p-chips-token {
+      .p-chips-token-label {
+        white-space: nowrap;
+      }
+    }
 
     &:not(.p-disabled):hover {
       border-color: var(--gray-300);
@@ -865,7 +870,10 @@ div:has(ul.date_filter) .p-datepicker-footer {
 .PhoneInput {
   background: #ffffff;
   border: 1px solid var(--gray-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s,
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
     box-shadow 0.2s;
   border-radius: var(--border-radius);
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
@@ -882,7 +890,8 @@ div:has(ul.date_filter) .p-datepicker-footer {
   &:focus-within {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+    box-shadow:
+      0px 1px 2px rgba(16, 24, 40, 0.05),
       0px 0px 0px 2px var(--primary-100);
     border-radius: var(--border-radius);
     border: 1px solid var(--primary-300);
@@ -991,7 +1000,8 @@ button#formatOLOptions-1.fr-active::before {
 }
 
 button[data-cmd="fontFamily"]:focus {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 2px var(--primary-100);
   border: 1px solid var(--primary-300) !important;
   background: none !important;
@@ -1007,13 +1017,16 @@ button[data-cmd="fontFamily"]:focus {
 }
 
 .text-editor.focus-text-editor {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 4px var(--primary-100);
   border: 1px solid var(--primary-300) !important;
 }
 
 .text-editor.p-invalid.focus-text-editor {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--red-100);
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
+    0px 0px 0px 4px var(--red-100);
   border: 1px solid var(--red-300) !important;
 }
 
@@ -2055,7 +2068,10 @@ div:has(ul.date_filter) .p-datepicker-footer {
 .PhoneInput {
   background: #ffffff;
   border: 1px solid var(--gray-300);
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s,
+  transition:
+    background-color 0.2s,
+    color 0.2s,
+    border-color 0.2s,
     box-shadow 0.2s;
   border-radius: var(--border-radius);
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
@@ -2072,7 +2088,8 @@ div:has(ul.date_filter) .p-datepicker-footer {
   &:focus-within {
     outline: 0 none;
     outline-offset: 0;
-    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+    box-shadow:
+      0px 1px 2px rgba(16, 24, 40, 0.05),
       0px 0px 0px 2px var(--primary-100);
     border-radius: var(--border-radius);
     border: 1px solid var(--primary-300);
@@ -2181,7 +2198,8 @@ button#formatOLOptions-1.fr-active::before {
 }
 
 button[data-cmd="fontFamily"]:focus {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 2px var(--primary-100);
   border: 1px solid var(--primary-300) !important;
   background: none !important;
@@ -2197,13 +2215,16 @@ button[data-cmd="fontFamily"]:focus {
 }
 
 .text-editor.focus-text-editor {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 4px var(--primary-100);
   border: 1px solid var(--primary-300) !important;
 }
 
 .text-editor.p-invalid.focus-text-editor {
-  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--red-100);
+  box-shadow:
+    0px 1px 2px rgba(16, 24, 40, 0.05),
+    0px 0px 0px 4px var(--red-100);
   border: 1px solid var(--red-300) !important;
 }
 
@@ -2810,8 +2831,9 @@ button[aria-expanded="true"] {
     width: 35px;
     aspect-ratio: 1;
     border-radius: 50%;
-    background: radial-gradient(farthest-side, var(--primary-500) 94%, #0000)
-        top/5px 5px no-repeat,
+    background:
+      radial-gradient(farthest-side, var(--primary-500) 94%, #0000) top/5px 5px
+        no-repeat,
       conic-gradient(#0000 5%, var(--primary-500));
     -webkit-mask: radial-gradient(
       farthest-side,

package/dist/components/ag-grid/advancedFeature/grid-view-list-view.js

@@ -8,10 +8,12 @@ const context_provider_1 = require("../context-provider");
 const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
 const GridViewListView = () => {
     const { gridViewFun, gridView, isDataLoading } = (0, react_1.useContext)(context_provider_1.FeatureContext);
-    const loadingStyle = isDataLoading ? { pointerEvents: "none" } : undefined;
+    const loadingStyle = isDataLoading
+        ? { pointerEvents: "none" }
+        : undefined;
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex border-1 border-gray-300 border-round-6" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: `border-round-sm border-noround-right sc_icon_hover ${!gridView
                     ? "focus:shadow-none"
-                    : "bg-primary-50 focus:shadow-none border-right-1 border-gray-300"} `, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01", color: !gridView ? "text-gray-600" : "text-primary-400", size: 18 }), outlined: true, style: loadingStyle, onClick: () => gridViewFun(true), title: "List View" }), (0, jsx_runtime_1.jsx)(button_1.Button, { title: "Grid View", className: `sc_icon_hover border-round-sm border-noround-left border-left-none ${!gridView
+                    : "bg-primary-50 focus:shadow-none border-right-1 border-gray-300"} `, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01", color: !gridView ? "text-gray-600" : "text-primary-400", size: 18 }), outlined: true, style: loadingStyle, onClick: () => gridViewFun(true), title: "Card View" }), (0, jsx_runtime_1.jsx)(button_1.Button, { title: "List View", className: `sc_icon_hover border-round-sm border-noround-left border-left-none ${!gridView
                     ? "bg-primary-50 focus:shadow-none"
                     : "focus:shadow-none border-left-1 border-gray-300"} `, icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "list", color: !gridView ? "text-primary-400" : "text-gray-600", size: 18 }), outlined: true, style: loadingStyle, onClick: () => gridViewFun(false) })] })));
 };

package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js

@@ -298,12 +298,7 @@ const TableFilter = () => {
      */
     const createViewFromFilters = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        yield Promise.all((_a = [formRef]) === null || _a === void 0 ? void 0 : _a.map((form) => {
-            var _a;
-            (_a = form.current) === null || _a === void 0 ? void 0 : _a.submitForm();
-            form.current.validateForm();
-        }));
-        const errors = formRef.current.errors;
+        const errors = yield ((_a = formRef.current) === null || _a === void 0 ? void 0 : _a.validateForm());
         if (errors && Object.keys(errors).length > 0) {
             return;
         }

package/dist/components/ag-grid/context-provider.js

@@ -9,7 +9,9 @@ const hooks_1 = require("primereact/hooks");
 const constants_1 = tslib_1.__importDefault(require("./constants"));
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
-    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSort, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView, serverSideSelectRow, defaultViewName, isDataLoading } = value;
+    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSort, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView, serverSideSelectRow, defaultViewName, isDataLoading,
+    // dynamicText
+     } = value;
     // States for sort
     const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
     const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);

package/dist/components/ag-grid/parent-for-grid.js

@@ -28,7 +28,8 @@ const INITIAL_CHECKBOX_DATA = {
 };
 function ParentForGrid(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { gridProps = {}, gridViewTemplate, selectColumns = () => { }, enableCheckboxForGroupHeader = false, serverSideSelectRow } = props;
+    const { gridProps = {}, gridViewTemplate, selectColumns = () => { }, enableCheckboxForGroupHeader = false, serverSideSelectRow, blockSize } = props;
+    const effectiveBlockSize = blockSize || constants_1.BLOCK_SIZE;
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: (props === null || props === void 0 ? void 0 : props.rowData) || [],
         columnData: (0, helper_1.sortColumns)(props === null || props === void 0 ? void 0 : props.columnData),
@@ -78,6 +79,7 @@ function ParentForGrid(props) {
         isRemoveClicked: false,
     });
     // const [columnToRender,setColumnToRender] = useState<ColumnDef[]>([])
+    const isInitialLoadRef = (0, react_1.useRef)(true);
     const gridRef = (0, react_1.useRef)(null);
     const groupingColumns = (0, react_1.useMemo)(() => {
         var _a, _b;
@@ -220,12 +222,12 @@ function ParentForGrid(props) {
                         setGridData(Object.assign(Object.assign({}, gridData), { rowData: response.rowData }));
                         gridRef.current.api.hideOverlay();
                         // supply rows for requested block to grid
-                        params && params.success({ rowData: response.rowData });
+                        params && params.success({ rowData: response.rowData, rowCount: response.actualEndRow });
                         return;
                     }
                     else {
                         // params.fail();
-                        const gridRows = startRow >= constants_1.BLOCK_SIZE ? gridData.rowData : [];
+                        const gridRows = startRow >= effectiveBlockSize ? gridData.rowData : [];
                         if (!((_r = params === null || params === void 0 ? void 0 : params.parentNode) === null || _r === void 0 ? void 0 : _r.id))
                             gridRef.current && gridRef.current.api.showNoRowsOverlay();
                         params && params.success({ rowData: gridRows });
@@ -388,7 +390,7 @@ function ParentForGrid(props) {
             }
         }), autoGroupColumnDef: (props === null || props === void 0 ? void 0 : props.autoGroupColumnDef)
             ? props === null || props === void 0 ? void 0 : props.autoGroupColumnDef
-            : manageColumnGrouping(), treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false, getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null, defaultColDef: defaultColDef, suppressMenuHide: false, suppressRowClickSelection: false, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData }, (props.rowModelType === (constants_1.ROWMODELTYPE === null || constants_1.ROWMODELTYPE === void 0 ? void 0 : constants_1.ROWMODELTYPE.SERVER_SIDE) && { cacheBlockSize: constants_1.BLOCK_SIZE })), { maxBlocksInCache: constants_1.MAX_BLOCKS, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_e = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _e === void 0 ? void 0 : _e.enableFillHandle, enableFillHandle: (_f = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _f === void 0 ? void 0 : _f.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, serverSideInitialRowCount: (props === null || props === void 0 ? void 0 : props.serverSideInitialRowCount) || 10, getRowId: getRowId, enableAdvancedFilter: (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) || false, fillHandleDirection: "y" }), ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), (totalRecords <= constants_1.AUTO_HEIGHT_ROWS && ((_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.isGridAutoHeight)
+            : manageColumnGrouping(), treeData: (props === null || props === void 0 ? void 0 : props.enableTree) ? props === null || props === void 0 ? void 0 : props.enableTree : false, getDataPath: (props === null || props === void 0 ? void 0 : props.enableTree) ? getDataPath : null, defaultColDef: defaultColDef, suppressMenuHide: false, suppressRowClickSelection: false, headerHeight: props === null || props === void 0 ? void 0 : props.columnHeaderHeight, rowHeight: constants_1.ROW_HEIGHT, rowModelType: props.rowModelType, pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData }, (props.rowModelType === (constants_1.ROWMODELTYPE === null || constants_1.ROWMODELTYPE === void 0 ? void 0 : constants_1.ROWMODELTYPE.SERVER_SIDE) && { cacheBlockSize: effectiveBlockSize })), { maxBlocksInCache: effectiveBlockSize, blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent, loadingOverlayComponent: loading_component_1.default, suppressCellFocus: true, suppressPropertyNamesCheck: true, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: (_e = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _e === void 0 ? void 0 : _e.enableFillHandle, enableFillHandle: (_f = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _f === void 0 ? void 0 : _f.enableFillHandle, onFillEnd: wrapperToFillOpertation, fillOperation: myOpertaion, serverSideInitialRowCount: (props === null || props === void 0 ? void 0 : props.serverSideInitialRowCount) || 10, getRowId: getRowId, enableAdvancedFilter: (props === null || props === void 0 ? void 0 : props.enableAdvancedFilter) || false, fillHandleDirection: "y" }), ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), (totalRecords <= constants_1.AUTO_HEIGHT_ROWS && ((_g = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _g === void 0 ? void 0 : _g.isGridAutoHeight)
         ? { domLayout: "autoHeight" }
         : { domLayout: "normal" })), ((props === null || props === void 0 ? void 0 : props.dataTypeDefinitions) && {
         dataTypeDefinitions: props === null || props === void 0 ? void 0 : props.dataTypeDefinitions,
@@ -403,12 +405,18 @@ function ParentForGrid(props) {
     };
     // Call Grid if something is searched
     (0, react_1.useEffect)(() => {
+        if (isInitialLoadRef.current)
+            return;
         if (api && gridReadyEvent) {
             !props.rowData && callGrid(featureDetails);
         }
     }, [featureDetails.searchedText]);
     (0, react_1.useEffect)(() => {
         var _a;
+        if (isInitialLoadRef.current) {
+            isInitialLoadRef.current = false;
+            return;
+        }
         if (api && gridReadyEvent && (props === null || props === void 0 ? void 0 : props.shouldRefetch)) {
             let currentFeature = featureDetails;
             if ((_a = props === null || props === void 0 ? void 0 : props.defaultFilters) === null || _a === void 0 ? void 0 : _a.length) {
@@ -471,7 +479,7 @@ function ParentForGrid(props) {
             gridViewFun,
             gridViewData,
             setGridViewData,
-            gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay, serverSideSelectRow: props.serverSideSelectRow, defaultViewName: props === null || props === void 0 ? void 0 : props.defaultViewName, isDataLoading }));
+            gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay, serverSideSelectRow: props.serverSideSelectRow, defaultViewName: props === null || props === void 0 ? void 0 : props.defaultViewName, isDataLoading, dynamicText: props === null || props === void 0 ? void 0 : props.dynamicText }));
     }, [
         props.rowModelType,
         props === null || props === void 0 ? void 0 : props.quickSearch,

package/dist/types/components/ag-grid/Types.d.ts

@@ -115,6 +115,7 @@ export interface PropsFromProduct {
     bulkActionComponent?: React.FC;
     pinnedRowData?: any;
     rowModelType?: string;
+    blockSize?: number;
     getCheckedRows?: () => void;
     shouldRefetch?: boolean;
     defaultFilters?: any[];

package/dist/types/components/ag-grid/context-provider.d.ts

@@ -41,6 +41,7 @@ interface MyProviderProps {
         serverSideSelectRow: (data: any, emptyFun: (oject: any) => void) => void;
         defaultViewName?: string;
         isDataLoading?: boolean;
+        dynamicText?: any;
     };
 }
 declare function MyProvider({ children, value }: MyProviderProps): import("react/jsx-runtime").JSX.Element;

package/package.json

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