sag_components 2.0.0-beta340 → 2.0.0-beta341

package/dist/index.esm.js

@@ -24388,23 +24388,24 @@ const DeleteIcon = styled.div`
   position: absolute;
 `;
 
-const QuickFilterDropdownSingle = ({
-  label,
-  hoverColor,
-  options,
-  selectedValue,
-  placeHolder,
-  optionHoverColor = '#edf6ff',
-  selectedOptionColor = "#C7E4FF",
-  onChange,
-  disabled,
-  width,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop
-}) => {
+const QuickFilterDropdownSingle = _ref => {
+  let {
+    label,
+    hoverColor,
+    options,
+    selectedValue,
+    placeHolder,
+    optionHoverColor = '#edf6ff',
+    selectedOptionColor = "#C7E4FF",
+    onChange,
+    disabled,
+    width,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState("");
@@ -24862,26 +24863,27 @@ const IconContainer$2 = styled.div`
   cursor:  pointer;
 `;
 
-const QuickFilterDropdownMultiSelection = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  placeHolder,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  error,
-  errorMessage,
-  labelColor,
-  optionHoverColor = '#edf6ff',
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  dropdownHeight
-}) => {
+const QuickFilterDropdownMultiSelection = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    placeHolder,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    error,
+    errorMessage,
+    labelColor,
+    optionHoverColor = '#edf6ff',
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    dropdownHeight
+  } = _ref;
   const [isFocused, setIsFocused] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
   const [inputValue, setInputValue] = useState('');
@@ -37839,6 +37841,11 @@ const HeaderCell = styled.th`
     ${props => props.$fieldType === 'expand' && `
         padding: 12px 8px 12px 0px;
     `}
+
+    /* Remove right padding on the last header cell when expand arrow is on the right */
+    ${props => props.$isBeforeExpand && `
+        padding-right: 0px;
+    `}
 `;
 const ColumnContent = styled.div`
     display: flex;
@@ -41863,7 +41870,8 @@ const TableHeader = ({
     key: column.key || index,
     $fieldType: column.fieldType?.toLowerCase(),
     $minWidth: column.minWidth,
-    $maxWidth: column.maxWidth
+    $maxWidth: column.maxWidth,
+    $isBeforeExpand: expandPosition === "right" && index === columns.length - 1
   }, /*#__PURE__*/React$1.createElement(ColumnContent, null, column.checkBox && /*#__PURE__*/React$1.createElement(ColumnCheckbox, {
     type: "checkbox",
     onChange: e => handleCheckboxChange(column.key, e.target.checked),
@@ -42093,6 +42101,11 @@ const TableCell = styled.td`
   ${props => props.$fieldType === 'expand' && `
     padding: 12px 8px 12px 0px;
   `}
+
+  /* Remove right padding on the last data cell when expand arrow is on the right */
+  ${props => props.$isBeforeExpand && `
+    padding-right: 0px;
+  `}
   
   /* Special handling for dropdown cells - ensure proper overflow */
   ${props => props.$fieldType === 'dropdown' && `
@@ -44532,7 +44545,8 @@ const TableBody = /*#__PURE__*/forwardRef(({
         $editable: !!column.editable,
         $color: column.color,
         $minWidth: column.minWidth,
-        $maxWidth: column.maxWidth
+        $maxWidth: column.maxWidth,
+        $isBeforeExpand: expandPosition === "right" && columnIndex === columns.length - 1
       }, fieldTooltip && !isTextBasedField ? /*#__PURE__*/React$1.createElement(CellContentWrapper, {
         ref: el => applyTooltip(el, fieldTooltip)
       }, renderCellContent(formattedValue, isTextBasedField, shouldShimmer)) : column.groupBreak ? /*#__PURE__*/React$1.createElement("strong", null, renderCellContent(formattedValue, isTextBasedField, shouldShimmer)) : column.editable && column.allowNotAvailable ? /*#__PURE__*/React$1.createElement(NotAvailableCellWrapper, null, notAvailableFields[row.id]?.[column.key] ? /*#__PURE__*/React$1.createElement(NotAvailableText, {