sag_components 2.0.0-beta132 → 2.0.0-beta134

package/dist/index.esm.js

@@ -341,18 +341,18 @@ const SearchIcon = _ref => {
 };
 
 const PlusIcon = ({
-  width = '17',
+  width = '16',
   height = '17',
   color = '#212121'
 }) => /*#__PURE__*/React$1.createElement("svg", {
   xmlns: "http://www.w3.org/2000/svg",
-  width: "16",
-  height: "17",
+  width: width,
+  height: height,
   viewBox: "0 0 16 17",
   fill: "none"
 }, /*#__PURE__*/React$1.createElement("path", {
   d: "M8.71875 2.28125V7.90625H14.3438C14.8008 7.90625 15.1875 8.29297 15.1875 8.75C15.1875 9.24219 14.8008 9.59375 14.3438 9.59375H8.71875V15.2188C8.71875 15.7109 8.33203 16.0625 7.875 16.0625C7.38281 16.0625 7.03125 15.7109 7.03125 15.2188V9.59375H1.40625C0.914062 9.59375 0.5625 9.24219 0.5625 8.75C0.5625 8.29297 0.914062 7.90625 1.40625 7.90625H7.03125V2.28125C7.03125 1.82422 7.38281 1.4375 7.875 1.4375C8.33203 1.4375 8.71875 1.82422 8.71875 2.28125Z",
-  fill: "#066768"
+  fill: color
 }));
 
 const ArrowLeftIcon = ({
@@ -3149,8 +3149,8 @@ const LinkButton = _ref => {
         return /*#__PURE__*/React$1.createElement(IconWrapper$5, {
           className: "PlusIcon"
         }, /*#__PURE__*/React$1.createElement(PlusIcon, {
-          height: iconHeight,
-          width: iconWidth,
+          height: "16",
+          width: "17",
           color: color
         }));
       case 'options':
@@ -41376,15 +41376,15 @@ var Lottie = function Lottie(props) {
 // Table.jsx
 const Table = /*#__PURE__*/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 = () => {},
@@ -41393,12 +41393,12 @@ const Table = /*#__PURE__*/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 = () => {},
@@ -41411,7 +41411,11 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
     // New props for focus management
     resetTableFocus = false,
     onTableFocusChange = () => {},
-    clearFocusOnOutsideClick = true
+    clearFocusOnOutsideClick = true,
+    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
+    isEditMode = false,
+    editRowIndex = -1
+    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
   } = props;
   const scrollWrapperRef = useRef(null);
   const tableBodyRef = useRef(null);
@@ -41460,13 +41464,17 @@ const Table = /*#__PURE__*/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
+  // Handle outside click to clear focus - UPDATED to respect edit mode
   useEffect(() => {
-    if (!clearFocusOnOutsideClick) return;
+    // 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)) {
         // Click is outside the table container
@@ -41475,15 +41483,18 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
         }
       }
     };
-    document.addEventListener('mousedown', handleOutsideClick);
+    document.addEventListener("mousedown", handleOutsideClick);
     return () => {
-      document.removeEventListener('mousedown', handleOutsideClick);
+      document.removeEventListener("mousedown", handleOutsideClick);
     };
-  }, [clearFocusOnOutsideClick]);
+    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
+  }, [clearFocusOnOutsideClick, isEditMode]); // Added isEditMode to dependency array
+  //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
+
   return /*#__PURE__*/React$1.createElement(TableWrapper, {
     width: width,
     height: height
-  }, /*#__PURE__*/React$1.createElement(NoInfoFound, null, /*#__PURE__*/React$1.createElement(TableTop, null, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Title$7, null, tableTitle), !hideRowsCounter && /*#__PURE__*/React$1.createElement(SubTitle, null, data.length === 0 ? 'No Events' : `${counter} Events`)), showSideButton && /*#__PURE__*/React$1.createElement(Button$1, {
+  }, /*#__PURE__*/React$1.createElement(NoInfoFound, null, /*#__PURE__*/React$1.createElement(TableTop, null, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Title$7, null, tableTitle), !hideRowsCounter && /*#__PURE__*/React$1.createElement(SubTitle, null, data.length === 0 ? "No Events" : `${counter} Events`)), showSideButton && /*#__PURE__*/React$1.createElement(Button$1, {
     height: "45px",
     leftIcon: "Plus",
     text: "New Event",
@@ -41516,6 +41527,11 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
     buttonColor: buttonColor,
     resetFocus: resetTableFocus,
     onFocusChange: handleTableFocusChange
+    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
+    ,
+    isEditMode: isEditMode,
+    editRowIndex: editRowIndex
+    //NEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEWNEW
   })), data.length === 0 && /*#__PURE__*/React$1.createElement(NoEventsParent, null, /*#__PURE__*/React$1.createElement(NoEventsWrapper, null, showNoDataInSearch ? /*#__PURE__*/React$1.createElement(NoDataInSearchIcon, null) : /*#__PURE__*/React$1.createElement(NoEvents, null)), /*#__PURE__*/React$1.createElement(NoEventsMessage, null, showNoDataInSearch ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("strong", null, noDataInSearchTitle), /*#__PURE__*/React$1.createElement("br", null), noDataInSearchMessage) : /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("strong", null, "You haven't created any events yet"), /*#__PURE__*/React$1.createElement("br", null), "Let's get started and create your first one!")), !showNoDataInSearch && /*#__PURE__*/React$1.createElement(Button$1, {
     height: "45px",
     leftIcon: "Plus",
@@ -41537,7 +41553,7 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
 });
 
 // Add displayName for better debugging
-Table.displayName = 'Table';
+Table.displayName = "Table";
 
 const Card = styled.div`
   background: ${props => props.backgroundColor};
@@ -51198,7 +51214,8 @@ const ItemManagerPanel = _ref => {
       size: "small",
       text: hasVendorsWithPackages() ? "Add Vendor" : "First Vendor",
       type: "primary",
-      textColor: linkColor
+      textColor: linkColor,
+      disabled: disableSection
     }))), /*#__PURE__*/React$1.createElement(VendorListWrapper$2, {
       disabled: disableSection,
       headerHeight: headerHeight