@oliasoft-open-source/react-ui-library 3.1.7 → 3.1.9

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,
@@ -12688,7 +12689,8 @@ const Dialog = ({
     scroll: scroll3,
     width,
     height,
-    onClose
+    onClose,
+    testId
   } = dialog2;
   return /* @__PURE__ */ jsxs("div", {
     className: cx(styles$A.dialog, width ? styles$A.inline : null, scroll3 ? styles$A.scroll : null),
@@ -12696,9 +12698,11 @@ const Dialog = ({
       width,
       height
     },
+    "data-testid": testId != null ? testId : null,
     children: [/* @__PURE__ */ jsxs("div", {
       className: styles$A.header,
       children: [/* @__PURE__ */ jsx(Heading$2, {
+        testId: testId && `${testId}-heading`,
         top: true,
         marginBottom: 0,
         children: heading2
@@ -12709,12 +12713,14 @@ const Dialog = ({
         })
       }) : null]
     }), /* @__PURE__ */ jsx("div", {
+      "data-testid": testId && `${testId}-content`,
       className: styles$A.content,
       style: {
         padding: contentPadding2
       },
       children: convertStringToJsx(content2)
     }), footer2 && /* @__PURE__ */ jsx("div", {
+      "data-testid": testId && `${testId}-footer`,
       className: styles$A.footer,
       children: footer2
     })]
@@ -12729,7 +12735,8 @@ const dialogShape = propTypes$1.exports.shape({
   height: propTypes$1.exports.string,
   bordered: propTypes$1.exports.bool,
   onClose: propTypes$1.exports.func,
-  scroll: propTypes$1.exports.bool
+  scroll: propTypes$1.exports.bool,
+  testId: propTypes$1.exports.string
 });
 Dialog.propTypes = {
   dialog: dialogShape.isRequired
@@ -24887,10 +24894,12 @@ const ListSubheading = forwardRef(({
     onClick,
     title: title2,
     name: name2,
-    icon: icon2
+    icon: icon2,
+    testId
   } = item2;
   return /* @__PURE__ */ jsx("div", {
     ref: (el) => listRowRefs ? listRowRefs.current[index2] = el : void 0,
+    "data-testid": testId != null ? testId : null,
     className: cx(listStyles.item, listStyles.heading, disabled2 || disabledContext ? listStyles.disabled : "", onClick ? listStyles.action : ""),
     onClick: (evt) => {
       if (onClick) {
@@ -24936,7 +24945,8 @@ ListSubheading.propTypes = {
     expanded: propTypes$1.exports.bool,
     name: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]).isRequired,
     onClick: propTypes$1.exports.func,
-    title: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number])
+    title: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.number]),
+    testId: propTypes$1.exports.string
   }).isRequired,
   index: propTypes$1.exports.number
 };
@@ -28362,7 +28372,7 @@ Row$1.defaultProps = {
   marginTop: "0",
   spacing: 20,
   wrap: false,
-  testId: ""
+  testId: null
 };
 Row$1.propTypes = {
   alignItems: propTypes$1.exports.string,
@@ -34816,34 +34826,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";
@@ -34896,8 +34927,7 @@ const Footer = (props) => {
             pagination: pagination2
           }) : /* @__PURE__ */ jsx("div", {}), /* @__PURE__ */ jsx("div", {
             children: /* @__PURE__ */ jsx(Actions, {
-              actions: actions2,
-              isBlockElement: true
+              actions: actions2
             })
           })]
         })
@@ -35538,7 +35568,7 @@ Cell.defaultProps = {
   isHeader: false,
   style: {},
   cell: {},
-  testId: ""
+  testId: null
 };
 Cell.propTypes = {
   isHeader: propTypes$1.exports.bool,
@@ -35819,6 +35849,7 @@ const Table = (props) => {
     name: name2,
     rows,
     actions: actions2,
+    actionsRight,
     columnHeaderAlignments,
     columnAlignment,
     stickyHeaders,
@@ -35873,8 +35904,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,
@@ -35934,8 +35967,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,
@@ -35978,6 +36013,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.7",
+  "version": "3.1.9",
   "description": "Reusable UI components for React projects",
   "module": "./dist/index.js",
   "main": "./dist/index.js",