@oliasoft-open-source/react-ui-library 3.1.6 → 3.1.8

package/dist/index.js

@@ -1365,7 +1365,7 @@ Accordion.defaultProps = {
   expanded: false,
   onClick: null,
   squareBottom: false,
-  testId: ""
+  testId: null
 };
 Accordion.propTypes = {
   heading: propTypes$1.exports.node.isRequired,
@@ -7698,7 +7698,7 @@ const Icon = ({
 Icon.defaultProps = {
   clickable: false,
   onClick: null,
-  testId: ""
+  testId: null
 };
 Icon.propTypes = {
   icon: propTypes$1.exports.oneOfType([
@@ -10720,7 +10720,8 @@ const Actions = (props) => {
             basic: true,
             small: true,
             icon: action2.childComponent,
-            testId: action2.testId
+            testId: action2.testId,
+            width: "auto"
           }, index2);
         } else if (action2.subActions) {
           return /* @__PURE__ */ jsx(SubmenuActions, {
@@ -12424,7 +12425,7 @@ Column.defaultProps = {
   width: null,
   widthMobile: null,
   widthTablet: null,
-  testId: ""
+  testId: null
 };
 Column.propTypes = {
   background: propTypes$1.exports.string,
@@ -24842,7 +24843,6 @@ const MetaContent = ({
   }
   return /* @__PURE__ */ jsxs("span", {
     className: listStyles.title,
-    "data-testid": testId,
     children: [renderedName, details2 && /* @__PURE__ */ jsx("span", {
       className: listStyles.details,
       "data-testid": testId && `${testId}-details`,
@@ -28363,7 +28363,7 @@ Row$1.defaultProps = {
   marginTop: "0",
   spacing: 20,
   wrap: false,
-  testId: ""
+  testId: null
 };
 Row$1.propTypes = {
   alignItems: propTypes$1.exports.string,
@@ -34817,34 +34817,55 @@ const Title$1 = (props) => {
   const {
     colSpan,
     name: name2,
-    actions: actions2
+    actions: actions2,
+    actionsRight,
+    testId
   } = props;
-  return name2 ? /* @__PURE__ */ jsx("tr", {
+  const isNameDefined = name2 !== null;
+  const isActionsDefined = actions2 !== null;
+  if (!isNameDefined && !isActionsDefined) {
+    return null;
+  }
+  const actionsContainer = () => {
+    if (!isActionsDefined) {
+      return null;
+    }
+    const actionsComponent = /* @__PURE__ */ jsx(Actions, {
+      actions: actions2
+    });
+    if (actionsRight) {
+      return actionsComponent;
+    }
+    return /* @__PURE__ */ jsx("div", {
+      children: actionsComponent
+    });
+  };
+  return /* @__PURE__ */ jsx("tr", {
     children: /* @__PURE__ */ jsx("th", {
       colSpan,
       className: styles$9.cellWrapper,
       children: /* @__PURE__ */ jsxs("div", {
         className: styles$9.title,
-        children: [/* @__PURE__ */ jsx("div", {
+        children: [isNameDefined ? /* @__PURE__ */ jsx("span", {
+          "data-testid": testId,
           children: name2
-        }), /* @__PURE__ */ jsx("div", {
-          children: actions2 && /* @__PURE__ */ jsx(Actions, {
-            actions: actions2,
-            isBlockElement: true
-          })
-        })]
+        }) : null, actionsContainer()]
       })
     })
-  }) : null;
+  });
 };
 Title$1.defaultProps = {
   name: null,
-  actions: null
+  actions: null,
+  actionsRight: false,
+  testId: null
 };
 Title$1.propTypes = {
   actions: actionsShape,
+  actionsRight: propTypes$1.exports.bool,
   colSpan: propTypes$1.exports.number.isRequired,
-  name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
+  name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+  testId: propTypes$1.exports.string
 };
 const cellWrapperPadding$1 = "_cellWrapperPadding_1i1hr_326";
 const flexBlock$1 = "_flexBlock_1i1hr_329";
@@ -34897,8 +34918,7 @@ const Footer = (props) => {
             pagination: pagination2
           }) : /* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsx("div", {
             children: /* @__PURE__ */ jsx(Actions, {
-              actions: actions2,
-              isBlockElement: true
+              actions: actions2
             })
           })]
         })
@@ -35539,7 +35559,7 @@ Cell.defaultProps = {
   isHeader: false,
   style: {},
   cell: {},
-  testId: ""
+  testId: null
 };
 Cell.propTypes = {
   isHeader: propTypes$1.exports.bool,
@@ -35820,6 +35840,7 @@ const Table = (props) => {
     name: name2,
     rows,
     actions: actions2,
+    actionsRight,
     columnHeaderAlignments,
     columnAlignment,
     stickyHeaders,
@@ -35874,8 +35895,10 @@ const Table = (props) => {
               children: [/* @__PURE__ */ jsxs("thead", {
                 children: [/* @__PURE__ */ jsx(Title$1, {
                   actions: actions2,
+                  actionsRight,
                   name: name2,
-                  colSpan
+                  colSpan,
+                  testId: testId && `${testId}-title`
                 }), headers.map((row2, rowIndex) => {
                   return /* @__PURE__ */ jsx(Row, {
                     rowIndex,
@@ -35935,8 +35958,10 @@ const Table = (props) => {
       children: [/* @__PURE__ */ jsxs("thead", {
         children: [/* @__PURE__ */ jsx(Title$1, {
           actions: actions2,
+          actionsRight,
           name: name2,
-          colSpan
+          colSpan,
+          testId: testId && `${testId}-title`
         }), headers.map((row2, rowIndex) => {
           return /* @__PURE__ */ jsx(Row, {
             rowIndex,
@@ -35979,6 +36004,7 @@ Table.propTypes = {
   table: propTypes$1.exports.shape({
     name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
     actions: actionsShape,
+    actionsRight: propTypes$1.exports.bool,
     fixedWidth: propTypes$1.exports.string,
     maxHeight: propTypes$1.exports.string,
     columnWidths: propTypes$1.exports.arrayOf(propTypes$1.exports.string),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "3.1.6",
+  "version": "3.1.8",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",