@bigbinary/neetoui 5.1.13 → 5.1.15

package/index.cjs.js

@@ -27182,7 +27182,7 @@ var STYLES$1 = {
   warning: "warning",
   danger: "danger"
 };
-var Tag = function Tag(_ref) {
+var Tag = /*#__PURE__*/React$5.forwardRef(function (_ref, ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? STYLES$1.primary : _ref$style,
     indicatorStyle = _ref.indicatorStyle,
@@ -27210,6 +27210,7 @@ var Tag = function Tag(_ref) {
   var renderLabel = label || children;
   return /*#__PURE__*/React__default["default"].createElement("div", _extends$4({
     "data-testid": "tag-container",
+    ref: ref,
     className: classnames$1("neeto-ui-tag", {
       "neeto-ui-tag--size-large": size === SIZES$4.large,
       "neeto-ui-tag--size-small": size === SIZES$4.small,
@@ -27240,7 +27241,8 @@ var Tag = function Tag(_ref) {
     "data-testid": "tag-close-button",
     onClick: !disabled ? onClose : null
   }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, null)));
-};
+});
+Tag.displayName = "Tag";
 
 var _excluded$i = ["children"],
   _excluded2$2 = ["children"];
@@ -34893,16 +34895,9 @@ var Table = function Table(_ref) {
       }
     }
   }, [resizeObserver.current, fixedHeight]);
-  var handleHeaderClasses = function handleHeaderClasses() {
-    var _headerRef$current;
-    Object.values((_headerRef$current = headerRef.current) === null || _headerRef$current === void 0 ? void 0 : _headerRef$current.children).forEach(function (child) {
-      child.setAttribute("data-text-align", child.style["text-align"]);
-    });
-  };
   useTimeout(function () {
     var headerHeight = headerRef.current ? headerRef.current.offsetHeight : TABLE_DEFAULT_HEADER_HEIGHT;
     setHeaderHeight(headerHeight);
-    handleHeaderClasses();
   }, 10);
   var _useReorderColumns = useReorderColumns({
       isEnabled: enableColumnReorder,
@@ -34935,6 +34930,17 @@ var Table = function Table(_ref) {
       style: "body2"
     }, "No Data")
   };
+  var sortedColumnsWithAlignment = sortedColumns.map(function (sortedColumn) {
+    return _objectSpread$1(_objectSpread$1({}, sortedColumn), {}, {
+      onHeaderCell: function onHeaderCell(column) {
+        var _sortedColumn$onHeade;
+        var col = (_sortedColumn$onHeade = sortedColumn.onHeaderCell) === null || _sortedColumn$onHeade === void 0 ? void 0 : _sortedColumn$onHeade.call(sortedColumn, column);
+        return _objectSpread$1(_objectSpread$1({}, col), {}, {
+          "data-text-align": column.align
+        });
+      }
+    });
+  });
   var isPaginationVisible = rowData.length > defaultPageSize;
   var rowSelectionProps = false;
   if (rowSelection) {
@@ -35002,7 +35008,7 @@ var Table = function Table(_ref) {
   var renderTable = function renderTable() {
     return /*#__PURE__*/React__default["default"].createElement(_Table__default["default"], _extends$4({
       bordered: bordered,
-      columns: sortedColumns,
+      columns: sortedColumnsWithAlignment,
       components: componentOverrides,
       dataSource: rowData,
       loading: loading,
@@ -35030,7 +35036,6 @@ var Table = function Table(_ref) {
         y: calculateTableContainerHeight()
       }, scroll),
       onChange: function onChange(pagination, _, sorter) {
-        handleHeaderClasses();
         preserveTableStateInQuery && handleTableChange(pagination, sorter);
       },
       onHeaderRow: function onHeaderRow() {