sag_components 2.0.0-beta130 → 2.0.0-beta131

package/dist/index.d.ts

@@ -1424,7 +1424,7 @@ declare function Execute({ width, height, fill }: {
     fill?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare const Table: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+declare function Table(props: any): react_jsx_runtime.JSX.Element;
 
 declare function FilterPop(props: any): react_jsx_runtime.JSX.Element;
 
@@ -1464,7 +1464,7 @@ declare function ModalDrawer({ open, onClose, children, widthPercent }: {
     widthPercent?: number;
 }): react_jsx_runtime.JSX.Element;
 
-declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, ...props }: {
+declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, ...props }: {
     [x: string]: any;
     data?: any[];
     value: any;
@@ -1476,6 +1476,7 @@ declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarke
     hoverColor?: string;
     dropdownMaxHeight?: string;
     width?: string;
+    height?: string;
     label: any;
     labelEmptyValue: any;
     showLabelOnTop: any;

package/dist/index.esm.js

@@ -34334,7 +34334,7 @@ const Modal = styled.div`
   display: flex;
   gap: 20px;
   padding: 20px;
-  margin-top: 40px;
+  margin-top: -30px;
   flex-direction: column;
   background-color: white;
   border-radius: 12px;
@@ -38196,9 +38196,6 @@ const TableBody = /*#__PURE__*/forwardRef(({
   }))));
 });
 
-// Add displayName for better debugging
-TableBody.displayName = 'TableBody';
-
 var nm$1 = "calendar_lottie";
 var ddd$1 = 0;
 var h$1 = 16;
@@ -41366,8 +41363,9 @@ var Lottie = function Lottie(props) {
 };
 
 // Table.jsx
-const Table = /*#__PURE__*/forwardRef((props, ref) => {
+const Table = props => {
   const {
+    ref,
     width = '100%',
     height = 'auto',
     tableTitle = 'All Events',
@@ -41525,10 +41523,7 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
     animationData: LoadingAnimation,
     loop: true
   }), /*#__PURE__*/React$1.createElement(LoadingText, null, isLoadingText)))));
-});
-
-// Add displayName for better debugging
-Table.displayName = 'Table';
+};
 
 const Card = styled.div`
   background: ${props => props.backgroundColor};
@@ -51317,6 +51312,7 @@ const DropdownButton = styled.button`
   border: 1px solid #8B8989;
   border-radius: 12px;
   padding: 17px;
+  height: ${props => props.height};
   text-align: left;
   cursor: pointer;
   display: flex;
@@ -51353,10 +51349,13 @@ const DropdownList = styled.ul`
 const SectionTitle = styled.li`
   font-size: 14px;
   color: #bdbdbd;
-  padding: 16px 12px 0 12px;
+  padding: 12px 12px 0 12px;
   font-weight: 500;
-  border-top: 1px solid #bdbdbd;
   pointer-events: none;
+  &:not(:first-child) {
+    border-top: 1px solid #bdbdbd;
+    padding-top: 16px;
+  }
 `;
 const DropdownItem = styled.li`
   padding: 8px 16px;
@@ -51405,16 +51404,16 @@ styled.div`
   white-space: pre-line;
 `;
 const Label$1 = styled.label`
-  font-size: ${props => props.isFocused || props.hasValue ? '14px' : '14px'};
+  font-size: 14px;
   font-weight: 400;
   padding-inline-end: 5px;
   padding-inline-start: 5px;
   margin-right: 10px; 
   z-index: 2;
   color: ${props => props.error ? 'red' : props.disabled ? '#888' : props.labelColor};  
-  background-color: ${props => props.showLabelOnTop ? 'white' : 'transparent'} ;
+  background-color: ${props => props.disabled ? '#F2F2F2' : props.showLabelOnTop ? 'white' : 'transparent'};
   position: absolute;
-  top: ${props => props.isFocused || props.hasValue ? '0px' : '24px'};
+  top: ${props => props.isFocused || props.hasValue ? '0px' : '50%'};
   left: ${props => props.isFocused || props.hasValue ? '23px' : '14px'};
   transform: translateY(-50%);  
   transition: ${props => props.showLabelOnTop ? 'top 0.3s ease, font-size 0.3s ease, color 0.3s ease' : ''} ;
@@ -51650,6 +51649,7 @@ const OverlayDropdown = _ref => {
     hoverColor = '#E6F0F0',
     dropdownMaxHeight = '600px',
     width = '100%',
+    height = 'auto',
     label,
     labelEmptyValue,
     showLabelOnTop,
@@ -51880,6 +51880,7 @@ const OverlayDropdown = _ref => {
     onClick: toggleDropdown,
     disabled: disabled,
     isDarkerBackground: isDarkerBackground,
+    height: height,
     type: "button"
   }, /*#__PURE__*/React$1.createElement(TruncatedText, {
     onMouseEnter: () => setHoveredText(selected?.label),