sag_components 2.0.0-beta341 → 2.0.0-beta343

package/dist/index.js

@@ -9025,27 +9025,28 @@ const IconContainer$5 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const DropdownSingleNew = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  minHeight,
-  withMarginBottom = true,
-  error,
-  errorMessage,
-  xIconShow,
-  labelColor,
-  showLabelOnTop,
-  orderBy,
-  placeHolder = "",
-  elementType
-}) => {
+const DropdownSingleNew = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    minHeight,
+    withMarginBottom = true,
+    error,
+    errorMessage,
+    xIconShow,
+    labelColor,
+    showLabelOnTop,
+    orderBy,
+    placeHolder = "",
+    elementType
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
@@ -9580,28 +9581,29 @@ const IconContainer$4 = styled__default["default"].div`
   cursor:  pointer;  
 `;
 
-const DropdownMultiNew = ({
-  label,
-  labelEmptyValue,
-  options,
-  selectedValue,
-  onChange,
-  required,
-  disabled,
-  width,
-  height,
-  minHeight,
-  withMarginBottom = true,
-  error,
-  errorMessage,
-  labelColor,
-  xIconShow,
-  checkBoxColor,
-  showLabelOnTop,
-  orderBy,
-  elementType,
-  showSelectAll = false
-}) => {
+const DropdownMultiNew = _ref => {
+  let {
+    label,
+    labelEmptyValue,
+    options,
+    selectedValue,
+    onChange,
+    required,
+    disabled,
+    width,
+    height,
+    minHeight,
+    withMarginBottom = true,
+    error,
+    errorMessage,
+    labelColor,
+    xIconShow,
+    checkBoxColor,
+    showLabelOnTop,
+    orderBy,
+    elementType,
+    showSelectAll = false
+  } = _ref;
   const [isFocused, setIsFocused] = React$1.useState(false);
   const [showOptions, setShowOptions] = React$1.useState(false);
   const [showAbove, setShowAbove] = React$1.useState(false);
@@ -37852,10 +37854,6 @@ const HeaderCell = styled__default["default"].th`
         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__default["default"].div`
     display: flex;
@@ -41332,6 +41330,7 @@ const TableHeader = ({
   activeSorts = [],
   expandable = false,
   expandPosition = "left",
+  hideExpandColumn = false,
   onHeaderCheckboxClick = () => {},
   headerCheckboxStates = {},
   resetFiltersKey = 0,
@@ -41872,7 +41871,7 @@ const TableHeader = ({
       onReset: () => handleSortReset(key)
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(StyledTableHeader, null, /*#__PURE__*/React__default["default"].createElement("tr", null, expandable && expandPosition !== "right" && /*#__PURE__*/React__default["default"].createElement(HeaderCell, {
+  return /*#__PURE__*/React__default["default"].createElement(StyledTableHeader, null, /*#__PURE__*/React__default["default"].createElement("tr", null, !hideExpandColumn && expandable && expandPosition !== "right" && /*#__PURE__*/React__default["default"].createElement(HeaderCell, {
     $fieldType: "expand",
     $minWidth: "16px",
     $maxWidth: "16px"
@@ -41880,8 +41879,7 @@ const TableHeader = ({
     key: column.key || index,
     $fieldType: column.fieldType?.toLowerCase(),
     $minWidth: column.minWidth,
-    $maxWidth: column.maxWidth,
-    $isBeforeExpand: expandPosition === "right" && index === columns.length - 1
+    $maxWidth: column.maxWidth
   }, /*#__PURE__*/React__default["default"].createElement(ColumnContent, null, column.checkBox && /*#__PURE__*/React__default["default"].createElement(ColumnCheckbox, {
     type: "checkbox",
     onChange: e => handleCheckboxChange(column.key, e.target.checked),
@@ -41924,7 +41922,7 @@ const TableHeader = ({
   }, /*#__PURE__*/React__default["default"].createElement(FilterIcon, {
     state: getFilterIconState(column.key),
     isActive: shouldShowActiveIcon(column.key)
-  })))))), expandable && expandPosition === "right" && /*#__PURE__*/React__default["default"].createElement(HeaderCell, {
+  })))))), !hideExpandColumn && expandable && expandPosition === "right" && /*#__PURE__*/React__default["default"].createElement(HeaderCell, {
     $fieldType: "expand",
     $minWidth: "16px",
     $maxWidth: "16px"
@@ -42112,10 +42110,6 @@ const TableCell = styled__default["default"].td`
     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' && `
@@ -42858,8 +42852,9 @@ const NotAvailableText = styled__default["default"].div`
   line-height: normal;
   cursor: pointer;
   padding: 1px 2px;
-  border: 1px solid transparent;
+  border: 1px solid #D1D5DB;
   border-radius: 4px;
+  background: #F3F4F6;
 
   &:hover {
     border-color: rgba(0, 0, 0, 0.6);
@@ -43641,6 +43636,7 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
   expandedContent = {},
   onExpandRow = () => {},
   expandedBackgroundColor = "#E6F0F0",
+  hideExpandColumn = false,
   onDropdownSelected = () => {},
   onCheckboxClick = () => {},
   onHeaderCheckboxClick = () => {},
@@ -44472,7 +44468,7 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
       onMouseEnter: () => !isEditMode && setHoveredRowIndex(rowIndex),
       onMouseLeave: () => !isEditMode && setHoveredRowIndex(null),
       onClick: () => handleRowClick(row, rowIndex)
-    }, expandPosition !== "right" && (expandable && expandedContent[rowIndex] !== undefined && expandedContent[rowIndex] !== null ? /*#__PURE__*/React__default["default"].createElement(TableCell, {
+    }, !hideExpandColumn && expandPosition !== "right" && (expandable && expandedContent[rowIndex] !== undefined && expandedContent[rowIndex] !== null ? /*#__PURE__*/React__default["default"].createElement(TableCell, {
       $fieldType: "expand",
       $minWidth: "16px",
       $maxWidth: "16px"
@@ -44555,9 +44551,8 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
         $editable: !!column.editable,
         $color: column.color,
         $minWidth: column.minWidth,
-        $maxWidth: column.maxWidth,
-        $isBeforeExpand: expandPosition === "right" && columnIndex === columns.length - 1
-      }, fieldTooltip && !isTextBasedField ? /*#__PURE__*/React__default["default"].createElement(CellContentWrapper, {
+        $maxWidth: column.maxWidth
+      }, column.renderCell ? column.renderCell(value, row, rowIndex, expandedRows[rowIndex] || false) : fieldTooltip && !isTextBasedField ? /*#__PURE__*/React__default["default"].createElement(CellContentWrapper, {
         ref: el => applyTooltip(el, fieldTooltip)
       }, renderCellContent(formattedValue, isTextBasedField, shouldShimmer)) : column.groupBreak ? /*#__PURE__*/React__default["default"].createElement("strong", null, renderCellContent(formattedValue, isTextBasedField, shouldShimmer)) : column.editable && column.allowNotAvailable ? /*#__PURE__*/React__default["default"].createElement(NotAvailableCellWrapper, null, notAvailableFields[row.id]?.[column.key] ? /*#__PURE__*/React__default["default"].createElement(NotAvailableText, {
         onClick: () => {
@@ -44608,7 +44603,7 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
       }))))) : column.editable && column.renderEditableCell ? column.renderEditableCell(rowIndex, row, {
         markAllNotValidFields
       }) : renderCellContent(formattedValue, isTextBasedField, shouldShimmer));
-    }), expandPosition === "right" && (expandable && expandedContent[rowIndex] !== undefined && expandedContent[rowIndex] !== null ? /*#__PURE__*/React__default["default"].createElement(TableCell, {
+    }), !hideExpandColumn && expandPosition === "right" && (expandable && expandedContent[rowIndex] !== undefined && expandedContent[rowIndex] !== null ? /*#__PURE__*/React__default["default"].createElement(TableCell, {
       $fieldType: "expand",
       $minWidth: "16px",
       $maxWidth: "16px"
@@ -48258,6 +48253,7 @@ const Table = props => {
     expandedContent = {},
     onExpandRow = () => {},
     expandedBackgroundColor = "#E6F0F0",
+    hideExpandColumn = false,
     onDropdownSelected = () => {},
     onCheckboxClick = () => {},
     onHeaderCheckboxClick = () => {},
@@ -48405,6 +48401,7 @@ const Table = props => {
     onSelectAll: onSelectAll,
     expandable: expandable,
     expandPosition: expandPosition,
+    hideExpandColumn: hideExpandColumn,
     onHeaderCheckboxClick: onHeaderCheckboxClick,
     headerCheckboxStates: headerCheckboxStates,
     resetFiltersKey: resetFiltersKey,
@@ -48433,6 +48430,7 @@ const Table = props => {
     onFocusChange: handleTableFocusChange,
     expandable: expandable,
     expandPosition: expandPosition,
+    hideExpandColumn: hideExpandColumn,
     expandedRows: expandedRows,
     expandedContent: expandedContent,
     onExpandRow: onExpandRow,