sag_components 2.0.0-beta335 → 2.0.0-beta336

package/dist/index.esm.js

@@ -41152,6 +41152,7 @@ const TableHeader = ({
   activeFilters = [],
   activeSorts = [],
   expandable = false,
+  expandPosition = "left",
   onHeaderCheckboxClick = () => {},
   headerCheckboxStates = {},
   resetFiltersKey = 0,
@@ -41699,7 +41700,7 @@ const TableHeader = ({
       onReset: () => handleSortReset(key)
     });
   };
-  return /*#__PURE__*/React$1.createElement(StyledTableHeader, null, /*#__PURE__*/React$1.createElement("tr", null, expandable && /*#__PURE__*/React$1.createElement(HeaderCell, {
+  return /*#__PURE__*/React$1.createElement(StyledTableHeader, null, /*#__PURE__*/React$1.createElement("tr", null, expandable && expandPosition !== "right" && /*#__PURE__*/React$1.createElement(HeaderCell, {
     $fieldType: "expand",
     $minWidth: "16px",
     $maxWidth: "16px"
@@ -41750,7 +41751,11 @@ const TableHeader = ({
   }, /*#__PURE__*/React$1.createElement(FilterIcon, {
     state: getFilterIconState(column.key),
     isActive: shouldShowActiveIcon(column.key)
-  }))))))), visibleSortPopWrapper && /*#__PURE__*/createPortal(/*#__PURE__*/React$1.createElement(PopWrapper, {
+  })))))), expandable && expandPosition === "right" && /*#__PURE__*/React$1.createElement(HeaderCell, {
+    $fieldType: "expand",
+    $minWidth: "16px",
+    $maxWidth: "16px"
+  }, /*#__PURE__*/React$1.createElement(ColumnContent, null, /*#__PURE__*/React$1.createElement(ColumnLabel, null)))), visibleSortPopWrapper && /*#__PURE__*/createPortal(/*#__PURE__*/React$1.createElement(PopWrapper, {
     ref: popupRef,
     className: "pop-wrapper",
     top: popPosition.top,
@@ -43453,6 +43458,7 @@ const TableBody = /*#__PURE__*/forwardRef(({
   onCommentSave = () => {},
   commentTextLimit = 150,
   expandable = false,
+  expandPosition = "left",
   expandedRows = {},
   expandedContent = {},
   onExpandRow = () => {},
@@ -44288,7 +44294,7 @@ const TableBody = /*#__PURE__*/forwardRef(({
       onMouseEnter: () => !isEditMode && setHoveredRowIndex(rowIndex),
       onMouseLeave: () => !isEditMode && setHoveredRowIndex(null),
       onClick: () => handleRowClick(row, rowIndex)
-    }, expandable && expandedContent[rowIndex] !== undefined && expandedContent[rowIndex] !== null ? /*#__PURE__*/React$1.createElement(TableCell, {
+    }, expandPosition !== "right" && (expandable && expandedContent[rowIndex] !== undefined && expandedContent[rowIndex] !== null ? /*#__PURE__*/React$1.createElement(TableCell, {
       $fieldType: "expand",
       $minWidth: "16px",
       $maxWidth: "16px"
@@ -44307,7 +44313,7 @@ const TableBody = /*#__PURE__*/forwardRef(({
       $fieldType: "expand",
       $minWidth: "16px",
       $maxWidth: "16px"
-    }) : null, columns.map((column, columnIndex) => {
+    }) : null), columns.map((column, columnIndex) => {
       if (!column || !column.key) {
         console.warn(`Invalid column at index ${columnIndex}:`, column);
         return /*#__PURE__*/React$1.createElement(TableCell, {
@@ -44423,7 +44429,26 @@ const TableBody = /*#__PURE__*/forwardRef(({
       }))))) : column.editable && column.renderEditableCell ? column.renderEditableCell(rowIndex, row, {
         markAllNotValidFields
       }) : renderCellContent(formattedValue, isTextBasedField, shouldShimmer));
-    })), expandable && expandedRows[rowIndex] && /*#__PURE__*/React$1.createElement(ExpandedRow, {
+    }), expandPosition === "right" && (expandable && expandedContent[rowIndex] !== undefined && expandedContent[rowIndex] !== null ? /*#__PURE__*/React$1.createElement(TableCell, {
+      $fieldType: "expand",
+      $minWidth: "16px",
+      $maxWidth: "16px"
+    }, /*#__PURE__*/React$1.createElement(ExpandIcon, {
+      onClick: e => handleExpandClick(row, rowIndex, e),
+      $isExpanded: expandedRows[rowIndex] || false
+    }, expandedRows[rowIndex] ? /*#__PURE__*/React$1.createElement(MenuItemOpenIcon, {
+      width: "12",
+      height: "12",
+      color: "#666"
+    }) : /*#__PURE__*/React$1.createElement(ChervronRightIcon, {
+      width: "12",
+      height: "12",
+      fill: "#666"
+    }))) : expandable === true ? /*#__PURE__*/React$1.createElement(TableCell, {
+      $fieldType: "expand",
+      $minWidth: "16px",
+      $maxWidth: "16px"
+    }) : null)), expandable && expandedRows[rowIndex] && /*#__PURE__*/React$1.createElement(ExpandedRow, {
       $expandedBackgroundColor: expandedBackgroundColor
     }, /*#__PURE__*/React$1.createElement(TableCell, {
       colSpan: columns.length + 1
@@ -48049,6 +48074,7 @@ const Table = props => {
     editRowIndex = -1,
     onCommentSave = () => {},
     expandable = false,
+    expandPosition = "left",
     expandedRows = {},
     expandedContent = {},
     onExpandRow = () => {},
@@ -48199,6 +48225,7 @@ const Table = props => {
     onFilter: onFilter,
     onSelectAll: onSelectAll,
     expandable: expandable,
+    expandPosition: expandPosition,
     onHeaderCheckboxClick: onHeaderCheckboxClick,
     headerCheckboxStates: headerCheckboxStates,
     resetFiltersKey: resetFiltersKey,
@@ -48226,6 +48253,7 @@ const Table = props => {
     changeFocusIndex: changeFocusIndex,
     onFocusChange: handleTableFocusChange,
     expandable: expandable,
+    expandPosition: expandPosition,
     expandedRows: expandedRows,
     expandedContent: expandedContent,
     onExpandRow: onExpandRow,