sag_components 2.0.0-beta240 → 2.0.0-beta242

package/dist/index.js

@@ -34981,17 +34981,18 @@ styled.css`
  * • onApply(start,end) — callback, both numbers (inclusive)
  * • onCancel()         — callback
  */
-const WeeksCalendar = ({
-  year,
-  defaultStartWeek = null,
-  defaultEndWeek = null,
-  backgroundColor = "#066768",
-  hoverBackgroundColor = "#E6F0F0",
-  allowedWeekRange = null,
-  // New prop for range restriction
-  onApply,
-  onCancel
-}) => {
+const WeeksCalendar = _ref => {
+  let {
+    year,
+    defaultStartWeek = null,
+    defaultEndWeek = null,
+    backgroundColor = "#066768",
+    hoverBackgroundColor = "#E6F0F0",
+    allowedWeekRange = null,
+    // New prop for range restriction
+    onApply,
+    onCancel
+  } = _ref;
   // state -------------------------------------------------
   const [startWeek, setStartWeek] = React$1.useState(defaultStartWeek);
   const [endWeek, setEndWeek] = React$1.useState(defaultEndWeek);
@@ -35209,6 +35210,7 @@ const WeeksPicker = _ref => {
     borderColor,
     borderColorFocus,
     textColor,
+    text = 'Week',
     hoverColor,
     required,
     placeholder,
@@ -35441,7 +35443,7 @@ const WeeksPicker = _ref => {
         console.warn('Selected weeks are outside the allowed range');
         return;
       }
-      const tempValue = end === start ? `Week ${start}` : `Weeks ${start} - ${end}`;
+      const tempValue = end === start ? text === 'Week' ? `${text} ${start}` : `${text}${start}` : text === 'Week' ? `${text}s ${start} - ${end}` : `${text}${start} - ${end}`;
       onChange(tempValue);
       setValue(tempValue);
       handleApply();
@@ -42703,7 +42705,9 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
   onCheckboxClick = () => {},
   onHeaderCheckboxClick = () => {},
   onHeroClick = () => {},
-  onEditableClick = () => {}
+  onEditableClick = () => {},
+  isEditMode = false,
+  editRowIndex = -1
 }, ref) => {
   // MOVE ALL VALIDATION TO THE VERY TOP BEFORE ANY HOOKS
   if (!Array.isArray(data) || !Array.isArray(columns)) {
@@ -42805,9 +42809,12 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
 
   // Handle row click for focus state
   const handleRowClick = (row, rowIndex) => {
+    if (isEditMode && editRowIndex !== -1) {
+      return;
+    }
     setFocusedRowIndex(rowIndex);
     if (onRowClick) {
-      onRowClick(row);
+      onRowClick(row, rowIndex);
     }
   };
 
@@ -43428,15 +43435,16 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
       console.warn(`Invalid row at index ${rowIndex}:`, row);
       return null;
     }
+    const shouldBeFocused = isEditMode ? rowIndex === editRowIndex : focusedRowIndex === rowIndex;
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
       key: row.id || `row-${rowIndex}`
     }, /*#__PURE__*/React__default["default"].createElement(TableRow, {
       "data-row-index": rowIndex,
       className: shimmerRowIndex === rowIndex ? "shimmer-row" : "",
-      isFocused: focusedRowIndex === rowIndex,
+      isFocused: shouldBeFocused,
       selectedColor: selectedColor,
-      onMouseEnter: () => setHoveredRowIndex(rowIndex),
-      onMouseLeave: () => setHoveredRowIndex(null),
+      onMouseEnter: () => !isEditMode && setHoveredRowIndex(rowIndex),
+      onMouseLeave: () => !isEditMode && setHoveredRowIndex(null),
       onClick: () => handleRowClick(row, rowIndex)
     }, expandable && expandedContent[rowIndex] !== undefined && expandedContent[rowIndex] !== null ? /*#__PURE__*/React__default["default"].createElement(TableCell, {
       $fieldType: "expand",
@@ -43570,7 +43578,9 @@ TableBody.propTypes = {
   onCheckboxClick: PropTypes.func,
   onHeaderCheckboxClick: PropTypes.func,
   onHeroClick: PropTypes.func,
-  onEditableClick: PropTypes.func
+  onEditableClick: PropTypes.func,
+  isEditMode: PropTypes.bool,
+  editRowIndex: PropTypes.number
 };
 TableBody.displayName = "TableBody";
 
@@ -47091,7 +47101,9 @@ const Table = props => {
     onCheckboxClick: onCheckboxClick,
     onHeaderCheckboxClick: onHeaderCheckboxClick,
     onHeroClick: onHeroClick,
-    onEditableClick: onEditableClick
+    onEditableClick: onEditableClick,
+    isEditMode: isEditMode,
+    editRowIndex: editRowIndex
   })), data.length === 0 && /*#__PURE__*/React__default["default"].createElement(NoEventsParent, null, /*#__PURE__*/React__default["default"].createElement(NoEventsWrapper, null, showNoDataInSearch ? getNoDataSearchIcon(noDataSearchIcon) : getNoDataIcon(noDataIcon)), /*#__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, noEventsTitle), /*#__PURE__*/React__default["default"].createElement("br", null), noEventsSubtitle)), !showNoDataInSearch && showNoEventsButton && /*#__PURE__*/React__default["default"].createElement(Button$1, {
     height: "45px",
     leftIcon: noEventsButtonIcon,
@@ -57735,6 +57747,7 @@ const OverlayDropdown = _ref => {
     placeHolderColor,
     margin = "8px",
     editableDigitalCoupon = false,
+    dropdownDigitalCouponTitle = "",
     ...props
   } = _ref;
   const [open, setOpen] = React$1.useState(false);
@@ -57745,8 +57758,6 @@ const OverlayDropdown = _ref => {
   const buttonRef = React$1.useRef(null);
   const dropdownRef = React$1.useRef(null);
   const containerRef = React$1.useRef(null);
-
-  // Click outside to close dropdown
   React$1.useEffect(() => {
     const handleClickOutside = event => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
@@ -57762,20 +57773,13 @@ const OverlayDropdown = _ref => {
       document.removeEventListener("touchstart", handleClickOutside);
     };
   }, [open]);
-
-  // Calculate dropdown position when opening
   React$1.useEffect(() => {
     if (open && buttonRef.current) {
       const buttonRect = buttonRef.current.getBoundingClientRect();
       const viewportHeight = window.innerHeight;
       const dropdownHeight = parseInt(dropdownMaxHeight, 10);
-
-      // Space available below the button
       const spaceBelow = viewportHeight - buttonRect.bottom;
-      // Space available above the button
       const spaceAbove = buttonRect.top;
-
-      // If there's not enough space below, but more space above, position above
       if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {
         setDropdownPosition("above");
       } else {
@@ -57783,8 +57787,6 @@ const OverlayDropdown = _ref => {
       }
     }
   }, [open, dropdownMaxHeight, margin]);
-
-  // Combine original data with "Last defined by you" group
   const getDataWithLastDefined = () => {
     const combinedData = [...data];
     if (lastDefinedGroup) {
@@ -57792,8 +57794,6 @@ const OverlayDropdown = _ref => {
     }
     return combinedData;
   };
-
-  // Find selected item across all groups
   const findSelectedItem = () => {
     const allData = getDataWithLastDefined();
     for (const group of allData) {
@@ -57959,7 +57959,7 @@ const OverlayDropdown = _ref => {
     onMouseEnter: () => setHoveredText(selected?.label),
     onMouseLeave: () => setHoveredText(null),
     color: !selected && open ? placeHolderColor : "inherit"
-  }, selected ? selected.label : open ? placeHolder : ''), open ? /*#__PURE__*/React__default["default"].createElement(MenuItemUpIcon, {
+  }, selected ? selected.label.includes("Digital") && editableDigitalCoupon ? dropdownDigitalCouponTitle !== "" ? dropdownDigitalCouponTitle : selected.label : selected.label : open ? placeHolder : ""), open ? /*#__PURE__*/React__default["default"].createElement(MenuItemUpIcon, {
     width: "12px",
     height: "12px",
     color: "#B1B1B1"
@@ -58007,9 +58007,10 @@ const OverlayDropdown = _ref => {
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(TruncatedText, {
-    onMouseEnter: () => setHoveredText(item.label),
-    onMouseLeave: () => setHoveredText(null)
-  }, item.label), group.templateType === 2 ? /*#__PURE__*/React__default["default"].createElement(ChervronRightIcon, {
+    onMouseEnter: () => setHoveredText(selected?.label),
+    onMouseLeave: () => setHoveredText(null),
+    color: !selected && open ? placeHolderColor : "inherit"
+  }, group.templateType === 3 && editableDigitalCoupon ? dropdownDigitalCouponTitle !== "" ? dropdownDigitalCouponTitle : item.label : item.label), group.templateType === 2 ? /*#__PURE__*/React__default["default"].createElement(ChervronRightIcon, {
     fill: item.value === value ? "#fff" : "#212121"
   }) : group.templateType === 3 && editableDigitalCoupon ? /*#__PURE__*/React__default["default"].createElement(PenIcon, {
     fill: item.value === value ? "#fff" : "#212121"