sag_components 2.0.0-beta240 → 2.0.0-beta242

package/dist/index.d.ts

@@ -1284,12 +1284,13 @@ declare function ModalWithOverlay(props: any): react_jsx_runtime.JSX.Element;
 
 declare function DropdownNew(props: any): react_jsx_runtime.JSX.Element;
 
-declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, isDarkerBackground, allowedWeekRange, restrictToRange, }: {
+declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, textColor, text, hoverColor, required, placeholder, borderRadius, year, width, height, withMarginBottom, onChange, selectedValue, isDarkerBackground, allowedWeekRange, restrictToRange, }: {
     label: any;
     disabled: any;
     borderColor: any;
     borderColorFocus: any;
     textColor: any;
+    text?: string;
     hoverColor: any;
     required: any;
     placeholder: any;
@@ -1574,7 +1575,7 @@ declare function ModalDrawer({ open, height, onClose, children, widthPercent }:
     widthPercent?: number;
 }): react_jsx_runtime.JSX.Element;
 
-declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, margin, editableDigitalCoupon, ...props }: {
+declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarkerBackground, required, selectedColor, hoverColor, dropdownMaxHeight, width, height, label, labelEmptyValue, showLabelOnTop, placeHolder, labelColor, placeHolderColor, margin, editableDigitalCoupon, dropdownDigitalCouponTitle, ...props }: {
     [x: string]: any;
     data?: any[];
     value: any;
@@ -1595,6 +1596,7 @@ declare function OverlayDropdown({ data, value, onSelectClick, disabled, isDarke
     placeHolderColor: any;
     margin?: string;
     editableDigitalCoupon?: boolean;
+    dropdownDigitalCouponTitle?: string;
 }): react_jsx_runtime.JSX.Element;
 
 declare function MessageBox({ isOpen, isDisabled, onClose, onConfirm, title, primaryText, secondaryText, width, height, color, hoverColor, opacity, secondaryColor, seperateSectionBorder, children, tooltipContent, }: {

package/dist/index.esm.js

@@ -34971,17 +34971,18 @@ 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] = useState(defaultStartWeek);
   const [endWeek, setEndWeek] = useState(defaultEndWeek);
@@ -35199,6 +35200,7 @@ const WeeksPicker = _ref => {
     borderColor,
     borderColorFocus,
     textColor,
+    text = 'Week',
     hoverColor,
     required,
     placeholder,
@@ -35431,7 +35433,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();
@@ -42693,7 +42695,9 @@ const TableBody = /*#__PURE__*/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)) {
@@ -42795,9 +42799,12 @@ const TableBody = /*#__PURE__*/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);
     }
   };
 
@@ -43418,15 +43425,16 @@ const TableBody = /*#__PURE__*/forwardRef(({
       console.warn(`Invalid row at index ${rowIndex}:`, row);
       return null;
     }
+    const shouldBeFocused = isEditMode ? rowIndex === editRowIndex : focusedRowIndex === rowIndex;
     return /*#__PURE__*/React$1.createElement(React$1.Fragment, {
       key: row.id || `row-${rowIndex}`
     }, /*#__PURE__*/React$1.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$1.createElement(TableCell, {
       $fieldType: "expand",
@@ -43560,7 +43568,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";
 
@@ -47081,7 +47091,9 @@ const Table = props => {
     onCheckboxClick: onCheckboxClick,
     onHeaderCheckboxClick: onHeaderCheckboxClick,
     onHeroClick: onHeroClick,
-    onEditableClick: onEditableClick
+    onEditableClick: onEditableClick,
+    isEditMode: isEditMode,
+    editRowIndex: editRowIndex
   })), data.length === 0 && /*#__PURE__*/React$1.createElement(NoEventsParent, null, /*#__PURE__*/React$1.createElement(NoEventsWrapper, null, showNoDataInSearch ? getNoDataSearchIcon(noDataSearchIcon) : getNoDataIcon(noDataIcon)), /*#__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, noEventsTitle), /*#__PURE__*/React$1.createElement("br", null), noEventsSubtitle)), !showNoDataInSearch && showNoEventsButton && /*#__PURE__*/React$1.createElement(Button$1, {
     height: "45px",
     leftIcon: noEventsButtonIcon,
@@ -57725,6 +57737,7 @@ const OverlayDropdown = _ref => {
     placeHolderColor,
     margin = "8px",
     editableDigitalCoupon = false,
+    dropdownDigitalCouponTitle = "",
     ...props
   } = _ref;
   const [open, setOpen] = useState(false);
@@ -57735,8 +57748,6 @@ const OverlayDropdown = _ref => {
   const buttonRef = useRef(null);
   const dropdownRef = useRef(null);
   const containerRef = useRef(null);
-
-  // Click outside to close dropdown
   useEffect(() => {
     const handleClickOutside = event => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
@@ -57752,20 +57763,13 @@ const OverlayDropdown = _ref => {
       document.removeEventListener("touchstart", handleClickOutside);
     };
   }, [open]);
-
-  // Calculate dropdown position when opening
   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 {
@@ -57773,8 +57777,6 @@ const OverlayDropdown = _ref => {
       }
     }
   }, [open, dropdownMaxHeight, margin]);
-
-  // Combine original data with "Last defined by you" group
   const getDataWithLastDefined = () => {
     const combinedData = [...data];
     if (lastDefinedGroup) {
@@ -57782,8 +57784,6 @@ const OverlayDropdown = _ref => {
     }
     return combinedData;
   };
-
-  // Find selected item across all groups
   const findSelectedItem = () => {
     const allData = getDataWithLastDefined();
     for (const group of allData) {
@@ -57949,7 +57949,7 @@ const OverlayDropdown = _ref => {
     onMouseEnter: () => setHoveredText(selected?.label),
     onMouseLeave: () => setHoveredText(null),
     color: !selected && open ? placeHolderColor : "inherit"
-  }, selected ? selected.label : open ? placeHolder : ''), open ? /*#__PURE__*/React$1.createElement(MenuItemUpIcon, {
+  }, selected ? selected.label.includes("Digital") && editableDigitalCoupon ? dropdownDigitalCouponTitle !== "" ? dropdownDigitalCouponTitle : selected.label : selected.label : open ? placeHolder : ""), open ? /*#__PURE__*/React$1.createElement(MenuItemUpIcon, {
     width: "12px",
     height: "12px",
     color: "#B1B1B1"
@@ -57997,9 +57997,10 @@ const OverlayDropdown = _ref => {
       }
     }
   }, /*#__PURE__*/React$1.createElement(TruncatedText, {
-    onMouseEnter: () => setHoveredText(item.label),
-    onMouseLeave: () => setHoveredText(null)
-  }, item.label), group.templateType === 2 ? /*#__PURE__*/React$1.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$1.createElement(ChervronRightIcon, {
     fill: item.value === value ? "#fff" : "#212121"
   }) : group.templateType === 3 && editableDigitalCoupon ? /*#__PURE__*/React$1.createElement(PenIcon, {
     fill: item.value === value ? "#fff" : "#212121"