@oliasoft-open-source/react-ui-library 3.0.6 → 3.1.1

package/dist/index.js

@@ -24777,7 +24777,8 @@ const Label$1 = ({
 };
 const Name = ({
   name: name2,
-  icon: icon2
+  icon: icon2,
+  testId
 }) => {
   const newIcon = icon2 && /* @__PURE__ */ jsx(Icon, {
     icon: icon2.icon,
@@ -24786,6 +24787,7 @@ const Name = ({
   });
   return /* @__PURE__ */ jsxs("span", {
     className: cx(listStyles.name, listStyles.bold),
+    "data-testid": testId,
     children: [name2, icon2 && icon2.tooltip && icon2.tooltip.text ? /* @__PURE__ */ jsx("span", {
       className: listStyles.iconTooltipMargin,
       children: /* @__PURE__ */ jsx(Tooltip$2, {
@@ -24807,10 +24809,12 @@ Name.propTypes = {
     tooltip: propTypes$1.exports.shape({
       text: propTypes$1.exports.oneOfType([propTypes$1.exports.node, propTypes$1.exports.string])
     })
-  })
+  }),
+  testId: propTypes$1.exports.string
 };
 Name.defaultProps = {
-  icon: null
+  icon: null,
+  testId: void 0
 };
 const MetaContent = ({
   item: item2
@@ -24820,26 +24824,32 @@ const MetaContent = ({
     icon: icon2,
     details: details2,
     metadata: metadata2,
-    invalid
+    invalid,
+    testId
   } = item2;
-  return /* @__PURE__ */ jsxs("span", {
-    className: listStyles.title,
-    children: [invalid ? /* @__PURE__ */ jsx(Badge, {
+  let renderedName = /* @__PURE__ */ jsx(Name, {
+    name: name2,
+    icon: icon2,
+    testId: testId && `${testId}-name`
+  });
+  if (invalid) {
+    renderedName = /* @__PURE__ */ jsx(Badge, {
       small: true,
       margin: "-2px",
       title: "!",
-      children: /* @__PURE__ */ jsx(Name, {
-        name: name2,
-        icon: icon2
-      })
-    }) : /* @__PURE__ */ jsx(Name, {
-      name: name2,
-      icon: icon2
-    }), details2 && /* @__PURE__ */ jsx("span", {
+      children: renderedName
+    });
+  }
+  return /* @__PURE__ */ jsxs("span", {
+    className: listStyles.title,
+    "data-testid": testId,
+    children: [renderedName, details2 && /* @__PURE__ */ jsx("span", {
       className: listStyles.details,
+      "data-testid": testId && `${testId}-details`,
       children: details2
     }), metadata2 && /* @__PURE__ */ jsx("span", {
       className: listStyles.metadata,
+      "data-testid": testId && `${testId}-metadata`,
       children: metadata2
     })]
   });
@@ -25272,7 +25282,8 @@ const Loader = ({
   fullViewPortSize: fullViewPortSize2,
   cover: cover2,
   children,
-  theme
+  theme,
+  testId
 }) => {
   const color = theme === "dark" ? "white" : "inherit";
   const background = theme === "white" ? "var(--color-background-raised)" : theme === "light" ? "var(--color-background)" : "black";
@@ -25284,6 +25295,7 @@ const Loader = ({
       width,
       height
     },
+    "data-testid": testId,
     children: /* @__PURE__ */ jsx("div", {
       className: styles$q.dimmer,
       style: {
@@ -25292,11 +25304,14 @@ const Loader = ({
       },
       children: /* @__PURE__ */ jsxs("div", {
         className: styles$q.content,
+        "data-testid": testId && `${testId}-content`,
         children: [children, text2 !== "" && /* @__PURE__ */ jsx("div", {
           className: styles$q.text,
+          "data-testid": testId && `${testId}-text`,
           children: text2
         }), details2 !== "" && /* @__PURE__ */ jsx("div", {
           className: styles$q.details,
+          "data-testid": testId && `${testId}-details`,
           children: details2
         })]
       })
@@ -25311,6 +25326,7 @@ Loader.defaultProps = {
   text: "",
   details: "",
   children: null,
+  testId: null,
   theme: "dark"
 };
 Loader.propTypes = {
@@ -25321,6 +25337,7 @@ Loader.propTypes = {
   text: propTypes$1.exports.string,
   details: propTypes$1.exports.oneOfType([propTypes$1.exports.string, propTypes$1.exports.node]),
   children: propTypes$1.exports.node,
+  testId: propTypes$1.exports.string,
   theme: propTypes$1.exports.string
 };
 const inputInTable$6 = "_inputInTable_1eo2f_326";

package/package.json

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