@reportportal/ui-kit 0.0.1-alpha.17 → 0.0.1-alpha.171

package/dist/systemAlert.js

@@ -0,0 +1,69 @@
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { useState as h, useRef as v, useEffect as _ } from "react";
+import { c as E } from "./bind-06a7ff84.js";
+import { S as I } from "./close-4d480ef7.js";
+import { S as p, b as S, a as O } from "./success-8fd8bd2c.js";
+var o = /* @__PURE__ */ ((t) => (t.INFO = "info", t.SUCCESS = "success", t.WARNING = "warning", t.ERROR = "error", t))(o || {}), f = /* @__PURE__ */ ((t) => (t.WHITE = "white", t.BLACK = "black", t))(f || {});
+const k = "_error_jbf1d_14", x = "_success_jbf1d_17", D = "_info_jbf1d_20", H = "_warning_jbf1d_23", T = "_title_jbf1d_38", U = {
+  "system-alert": "_system-alert_jbf1d_1",
+  "system-alert--black": "_system-alert--black_jbf1d_11",
+  error: k,
+  success: x,
+  info: D,
+  warning: H,
+  "icon-wrapper": "_icon-wrapper_jbf1d_26",
+  "content-wrapper": "_content-wrapper_jbf1d_32",
+  title: T,
+  "title--white": "_title--white_jbf1d_50",
+  "title--black": "_title--black_jbf1d_53",
+  "close-button": "_close-button_jbf1d_56"
+}, s = E.bind(U), F = 7e3, W = 4e3, G = ({
+  title: t,
+  onClose: c,
+  icon: u = null,
+  type: n = o.INFO,
+  typographyColor: i = f.WHITE,
+  duration: d = W,
+  className: m,
+  dataAutomationId: b
+}) => {
+  const l = n === o.ERROR ? F : d, [j, w] = h(""), r = v(null);
+  _(() => {
+    const { offsetHeight: a, scrollHeight: N } = r == null ? void 0 : r.current;
+    a < N && w(t);
+  }, [t]), _(() => {
+    const a = setTimeout(() => {
+      c();
+    }, l);
+    return () => clearTimeout(a);
+  }, [l, c]);
+  const R = () => {
+    switch (n) {
+      case "info":
+        return /* @__PURE__ */ e(O, {});
+      case "success":
+        return /* @__PURE__ */ e(S, {});
+      case "warning":
+      case "error":
+        return /* @__PURE__ */ e(p, {});
+      default:
+        return u;
+    }
+  };
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: s("system-alert", n, m, `system-alert--${i}`),
+      title: j,
+      "data-automation-id": b,
+      children: [
+        /* @__PURE__ */ e("div", { className: s("icon-wrapper"), children: R() }),
+        /* @__PURE__ */ e("div", { className: s("content-wrapper"), children: /* @__PURE__ */ e("h2", { ref: r, className: s("title", `title--${i}`), children: t }) }),
+        /* @__PURE__ */ e("button", { className: s("close-button"), onClick: c, "aria-label": "close system alert", children: /* @__PURE__ */ e(I, {}) })
+      ]
+    }
+  );
+};
+export {
+  G as SystemAlert
+};

package/dist/systemMessage-924fdaa6.js

@@ -0,0 +1,30 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { c as _ } from "./bind-06a7ff84.js";
+const c = "_children_vll7q_54", m = {
+  "system-message": "_system-message_vll7q_1",
+  "stripes-info": "_stripes-info_vll7q_12",
+  "stripes-warning": "_stripes-warning_vll7q_17",
+  "stripes-error": "_stripes-error_vll7q_22",
+  "text-container": "_text-container_vll7q_27",
+  "message-header-info": "_message-header-info_vll7q_30",
+  "message-header-warning": "_message-header-warning_vll7q_38",
+  "message-header-error": "_message-header-error_vll7q_46",
+  children: c,
+  "content-width": "_content-width_vll7q_70"
+}, e = _.bind(m), h = ({
+  header: r,
+  caption: a,
+  children: i,
+  mode: n = "info",
+  widthByContent: l = !1
+}) => /* @__PURE__ */ t("div", { className: e("system-message", { "content-width": l }), children: [
+  /* @__PURE__ */ s("div", { className: e(`stripes-${n}`) }),
+  /* @__PURE__ */ t("div", { className: e("text-container"), children: [
+    r && /* @__PURE__ */ s("h1", { className: e(`message-header-${n}`), children: r }),
+    /* @__PURE__ */ s("div", { className: e("children"), children: i }),
+    a && /* @__PURE__ */ s("p", { children: a })
+  ] })
+] });
+export {
+  h as S
+};

package/dist/systemMessage.js

@@ -1,4 +1,4 @@
-import { S as e } from "./systemMessage-1ced6079.js";
+import { S as e } from "./systemMessage-924fdaa6.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 export {