sag_components 2.0.0-beta134 → 2.0.0-beta135

package/dist/index.js

@@ -41386,15 +41386,15 @@ var Lottie = function Lottie(props) {
 // Table.jsx
 const Table = /*#__PURE__*/React$1.forwardRef((props, ref) => {
   const {
-    width = "100%",
-    height = "auto",
-    tableTitle = "All Events",
+    width = '100%',
+    height = 'auto',
+    tableTitle = 'All Events',
     data = [],
     counter = 0,
     hideRowsCounter = false,
     onButtonClick = () => {},
-    buttonColor = "#066768",
-    buttonHoverColor = "#388586",
+    buttonColor = '#066768',
+    buttonHoverColor = '#388586',
     // Updated props for new table structure
     columns = [],
     onRowClick = () => {},
@@ -41403,12 +41403,12 @@ const Table = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     onSelectAll,
     showSideButton = true,
     onSideButtonClick = () => {},
-    sideButtonColor = "#066768",
-    sideButtonHoverColor = "#388586",
+    sideButtonColor = '#066768',
+    sideButtonHoverColor = '#388586',
     children = null,
-    tableBodyHeight = "728px",
+    tableBodyHeight = '728px',
     isLoading = false,
-    isLoadingText = "Loading Events...",
+    isLoadingText = 'Loading Events...',
     onLastRowsReached = () => {},
     lastRowsThreshold = 3,
     onSendClick = () => {},
@@ -41422,10 +41422,9 @@ const Table = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     resetTableFocus = false,
     onTableFocusChange = () => {},
     clearFocusOnOutsideClick = true,
-    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
+    // NEW: Props for edit mode focus management
     isEditMode = false,
     editRowIndex = -1
-    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
   } = props;
   const scrollWrapperRef = React$1.useRef(null);
   const tableBodyRef = React$1.useRef(null);
@@ -41474,16 +41473,13 @@ const Table = /*#__PURE__*/React$1.forwardRef((props, ref) => {
         }
       }
     };
-    scrollWrapper.addEventListener("scroll", handleScroll);
-    return () => scrollWrapper.removeEventListener("scroll", handleScroll);
+    scrollWrapper.addEventListener('scroll', handleScroll);
+    return () => scrollWrapper.removeEventListener('scroll', handleScroll);
   }, [onLastRowsReached, data.length, lastRowsThreshold, hasTriggered]);
 
   // Handle outside click to clear focus - UPDATED to respect edit mode
   React$1.useEffect(() => {
-    // if (!clearFocusOnOutsideClick) return;
-    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
     if (!clearFocusOnOutsideClick || isEditMode) return; // Don't clear focus during edit mode
-    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
 
     const handleOutsideClick = event => {
       if (tableContainerRef.current && !tableContainerRef.current.contains(event.target)) {
@@ -41493,18 +41489,16 @@ const Table = /*#__PURE__*/React$1.forwardRef((props, ref) => {
         }
       }
     };
-    document.addEventListener("mousedown", handleOutsideClick);
+    document.addEventListener('mousedown', handleOutsideClick);
     return () => {
-      document.removeEventListener("mousedown", handleOutsideClick);
+      document.removeEventListener('mousedown', handleOutsideClick);
     };
-    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
   }, [clearFocusOnOutsideClick, isEditMode]); // Added isEditMode to dependency array
-  //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
 
   return /*#__PURE__*/React__default["default"].createElement(TableWrapper, {
     width: width,
     height: height
-  }, /*#__PURE__*/React__default["default"].createElement(NoInfoFound, null, /*#__PURE__*/React__default["default"].createElement(TableTop, null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Title$7, null, tableTitle), !hideRowsCounter && /*#__PURE__*/React__default["default"].createElement(SubTitle, null, data.length === 0 ? "No Events" : `${counter} Events`)), showSideButton && /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(NoInfoFound, null, /*#__PURE__*/React__default["default"].createElement(TableTop, null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Title$7, null, tableTitle), !hideRowsCounter && /*#__PURE__*/React__default["default"].createElement(SubTitle, null, data.length === 0 ? 'No Events' : `${counter} Events`)), showSideButton && /*#__PURE__*/React__default["default"].createElement(Button$1, {
     height: "45px",
     leftIcon: "Plus",
     text: "New Event",
@@ -41537,11 +41531,6 @@ const Table = /*#__PURE__*/React$1.forwardRef((props, ref) => {
     buttonColor: buttonColor,
     resetFocus: resetTableFocus,
     onFocusChange: handleTableFocusChange
-    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
-    ,
-    isEditMode: isEditMode,
-    editRowIndex: editRowIndex
-    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
   })), data.length === 0 && /*#__PURE__*/React__default["default"].createElement(NoEventsParent, null, /*#__PURE__*/React__default["default"].createElement(NoEventsWrapper, null, showNoDataInSearch ? /*#__PURE__*/React__default["default"].createElement(NoDataInSearchIcon, null) : /*#__PURE__*/React__default["default"].createElement(NoEvents, null)), /*#__PURE__*/React__default["default"].createElement(NoEventsMessage, null, showNoDataInSearch ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("strong", null, noDataInSearchTitle), /*#__PURE__*/React__default["default"].createElement("br", null), noDataInSearchMessage) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("strong", null, "You haven't created any events yet"), /*#__PURE__*/React__default["default"].createElement("br", null), "Let's get started and create your first one!")), !showNoDataInSearch && /*#__PURE__*/React__default["default"].createElement(Button$1, {
     height: "45px",
     leftIcon: "Plus",
@@ -41563,7 +41552,7 @@ const Table = /*#__PURE__*/React$1.forwardRef((props, ref) => {
 });
 
 // Add displayName for better debugging
-Table.displayName = "Table";
+Table.displayName = 'Table';
 
 const Card = styled__default["default"].div`
   background: ${props => props.backgroundColor};