sccoreui 6.5.14 → 6.5.16

package/dist/App.scss

@@ -846,11 +846,11 @@ div:has(ul.date_filter) .p-datepicker-footer {
   }
 }
 
-.errorField {
-  color: var(--red-500);
-  height: auto;
-  line-height: 20px;
-}
+// .errorField {
+//   color: var(--red-500);
+//   height: auto;
+//   line-height: 20px;
+// }
 
 .full_form_field {
   // width: 37.125rem;
@@ -2054,7 +2054,8 @@ div:has(ul.date_filter) .p-datepicker-footer {
 
 .errorField {
   color: var(--red-500);
-  height: 20px;
+  max-height: 50px;
+  padding-block: 6px;
 }
 
 .full_form_field {

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, 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, } = props;
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
     // const [inpValue, setInpValue] = useState<any>();
     // const [checked, setChecked] = useState<boolean>(false);
@@ -128,7 +128,7 @@ const ListBoxDropdown = (props) => {
                                         " 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
                                             ? listClassName
-                                            : " h-18rem overflow-auto "} ${selectAll && ""}`, filter: filter ? true : false, multiple: multiple ? true : false, value: selectedItems, onChange: (e) => onSelectOption(e), onFilterValueChange: onFilterValueChange, virtualScrollerOptions: virtualScrollerOptions, options: selectedOptionNone
+                                            : " 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
                                                 ? []
                                                 : listItems

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

@@ -38,11 +38,10 @@ function RowVirtualizerDynamic(props) {
             return;
         const scrollOffset = el.scrollTop + el.clientHeight;
         const threshold = el.scrollHeight - 100;
-        const checCount = allCount.current
+        const checCount = allCount.current != null
             ? allCount.current > totalRecordsCount.current
             : true;
-        if (scrollOffset >= threshold && !loadingRef.current && checCount) {
-            setLoading(true);
+        if (el.scrollHeight > el.clientHeight && scrollOffset >= threshold && !loadingRef.current && checCount) {
             loadingRef.current = true;
             fetchMoreData(Object.assign(Object.assign({}, initialFetch), { pageIndex: pageIndex.current }));
         }

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

@@ -268,6 +268,7 @@ export interface ListBoxDropdownTypes {
     optionsMenuRef?: any;
     dataLabel?: any;
     onFilterValueChange?: (payload: any) => void;
+    filterBy?: string;
     virtualScrollerOptions?: any;
     virtualScroll?: boolean;
     onSelectionChange?: (data: any) => void;

package/package.json

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