sccoreui 6.5.21 → 6.5.22

package/dist/components/list-box-dropdown/list-box-dropdown.js

@@ -16,7 +16,7 @@ const ListBoxDropdown = (props) => {
     // onSelectAll,
     onSelectionChange, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, optionsMenuRef = boxRef, 
     // buttonClassName,
-    showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, dataLabel, onFilterValueChange, filterBy, virtualScrollerOptions, virtualScroll, fetchData, } = props;
+    showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, dataLabel, onFilterValueChange, filterBy, virtualScrollerOptions, virtualScroll, fetchData, refetchKey, } = props;
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
     // const [inpValue, setInpValue] = useState<any>();
     // const [checked, setChecked] = useState<boolean>(false);
@@ -126,7 +126,7 @@ const ListBoxDropdown = (props) => {
                             template: () => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: listBoxParentClassName
                                     ? listBoxParentClassName +
                                         " list_box_dropdown border-round-lg border-1 overflow-hidden border-gray-200"
-                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), virtualScroll ? ((0, jsx_runtime_1.jsx)(virtualization_component_1.default, { emptyFilterMessage: emptyFilterMessage, listBoxclassName: listBoxclassName, emptyMessage: emptyMessage, multiple: multiple, onSelectionChange: onSelectionChange, listClassName: listClassName, filterPlaceholder: filterPlaceholder, optionTemplate: optionTemplate, optionLabel: optionLabel, values: values, fetchData: fetchData })) : ((0, jsx_runtime_1.jsx)(listbox_1.ListBox, { type: "sectionHeader", itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${selectedOptionNone ? "selected-none" : ""} ${listClassName
+                                    : "list_box_dropdown" }, { children: [headerTemplate && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: headerTemplate() }), virtualScroll ? ((0, jsx_runtime_1.jsx)(virtualization_component_1.default, { emptyFilterMessage: emptyFilterMessage, listBoxclassName: listBoxclassName, emptyMessage: emptyMessage, multiple: multiple, onSelectionChange: onSelectionChange, listClassName: listClassName, filterPlaceholder: filterPlaceholder, optionTemplate: optionTemplate, optionLabel: optionLabel, values: values, fetchData: fetchData, refetchKey: refetchKey })) : ((0, jsx_runtime_1.jsx)(listbox_1.ListBox, { type: "sectionHeader", itemTemplate: (option) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: optionTemplate ? (optionTemplate(option)) : ((0, jsx_runtime_1.jsx)("span", { children: option[`${optionLabel}`] })) })), listClassName: `${selectedOptionNone ? "selected-none" : ""} ${listClassName
                                             ? listClassName
                                             : " h-18rem overflow-auto "} ${selectAll && ""}`, filter: filter ? true : false, filterBy: filterBy, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), onFilterValueChange: onFilterValueChange, virtualScrollerOptions: virtualScrollerOptions, options: selectedOptionNone
                                             ? listItems.length === selectedItems.length

package/dist/components/list-box-dropdown/virtualization-component.js

@@ -10,8 +10,10 @@ const hooks_1 = require("primereact/hooks");
 const skeleton_1 = require("primereact/skeleton");
 function RowVirtualizerDynamic(props) {
     var _a, _b;
-    const { optionTemplate, optionLabel, filterPlaceholder, matchKey = "id", values, multiple = false, onSelectionChange, fetchData, emptyMessage, emptyFilterMessage, } = props;
+    const { optionTemplate, optionLabel, filterPlaceholder, matchKey = "id", values, multiple = false, onSelectionChange, fetchData, emptyMessage, emptyFilterMessage, refetchKey, } = props;
     const parentRef = React.useRef(null);
+    const fetchDataRef = React.useRef(fetchData);
+    fetchDataRef.current = fetchData;
     const loadingRef = React.useRef(false);
     const allCount = React.useRef(null);
     const totalRecordsCount = React.useRef(null);
@@ -50,7 +52,7 @@ function RowVirtualizerDynamic(props) {
     const fetchMoreData = (props) => tslib_1.__awaiter(this, void 0, void 0, function* () {
         var _c;
         try {
-            const object = yield fetchData(props);
+            const object = yield fetchDataRef.current(props);
             if (object) {
                 loadingRef.current = false;
                 if (lastSearchTerm.current && !(props === null || props === void 0 ? void 0 : props.searchTerm)) {
@@ -85,6 +87,20 @@ function RowVirtualizerDynamic(props) {
         setLoading(true);
         fetchMoreData(Object.assign(Object.assign({}, initialFetch), { searchTerm: debouncedValue }));
     }, [debouncedValue]);
+    const isFirstRender = React.useRef(true);
+    React.useEffect(() => {
+        if (isFirstRender.current) {
+            isFirstRender.current = false;
+            return;
+        }
+        if (refetchKey !== undefined) {
+            pageIndex.current = 0;
+            setData([]);
+            loadingRef.current = true;
+            setLoading(true);
+            fetchMoreData(Object.assign(Object.assign({}, initialFetch), { searchTerm: debouncedValue }));
+        }
+    }, [refetchKey]);
     React.useEffect(() => {
         const el = parentRef.current;
         el && el.addEventListener("scroll", handleScroll);

package/dist/types/components/types/type.d.ts

@@ -274,6 +274,7 @@ export interface ListBoxDropdownTypes {
     onSelectionChange?: (data: any) => void;
     fetchData?: (data: any) => void;
     disabled?: boolean;
+    refetchKey?: number | string;
 }
 export interface DatePickerTypes {
     value: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.5.21",
+  "version": "6.5.22",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -60,7 +60,7 @@
     "@types/react": "18",
     "@types/react-dom": "18",
     "@yaireo/tagify": "^4.33.2",
-    "ag-charts-enterprise": "^11.2.0",
+    "ag-charts-enterprise": "11.2.3",
     "ag-grid-react": "^31.2.1",
     "axios": "^1.6.8",
     "chart.js": "^4.3.0",