sag_components 2.0.0-beta259 → 2.0.0-beta260

package/dist/index.esm.js

@@ -24167,21 +24167,22 @@ const DeleteIcon = styled.div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = ({
-  label,
-  hoverColor,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownSingle = _ref => {
+  let {
+    label,
+    hoverColor,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -24638,25 +24639,26 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;  
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  dropdownHeight
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    dropdownHeight
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -37630,6 +37632,11 @@ const SearchInput = styled.input`
         border-color: #c0c0c0;
     }
 `;
+const ListWrapper = styled.div`
+    max-height: ${props => props.maxHeight || 'unset'};
+    overflow-y: auto;
+    position: relative;
+`;
 const CheckboxGroup = styled.div`
     display: flex;
     flex-direction: column;
@@ -37840,7 +37847,7 @@ const FilterPop = props => {
     }));
     return {
       visibleItems: visible,
-      totalHeight: sortedList.length * itemHeight,
+      totalHeight: (sortedList.length + 1) * (itemHeight + 8),
       offsetY: startIndex * itemHeight
     };
   }, [sortedList, scrollTop, itemHeight, overscan, maxHeight]);
@@ -37997,14 +38004,10 @@ const FilterPop = props => {
     value: searchTerm,
     onChange: handleSearchChange,
     accentColor: color
-  }), /*#__PURE__*/React$1.createElement("div", {
+  }), /*#__PURE__*/React$1.createElement(ListWrapper, {
     ref: scrollContainerRef,
     onScroll: handleScroll,
-    style: {
-      maxHeight: maxHeight,
-      overflowY: "auto",
-      position: "relative"
-    }
+    maxHeight: maxHeight
   }, sortedList.length === 1 ? /*#__PURE__*/React$1.createElement(NoResultsMessage, null, "No items match your search") : /*#__PURE__*/React$1.createElement("div", {
     style: {
       height: `${totalHeight}px`,
@@ -43321,7 +43324,6 @@ const TableBody = /*#__PURE__*/forwardRef(({
         case "hero":
           try {
             const isDisabled = column?.disable || false;
-            console.log('Rendering hero icon with value:', value, column);
             if (value === null || value === undefined) return null;
             return /*#__PURE__*/React$1.createElement(HeroButton, {
               disabled: isDisabled,