@reportportal/ui-kit 0.0.1-alpha.21 → 0.0.1-alpha.210

package/dist/systemAlert.js

@@ -0,0 +1,87 @@
+import { jsxs as I, jsx as t } from "react/jsx-runtime";
+import { useState as O, useRef as S, useEffect as m } from "react";
+import { c as p } from "./bind-06a7ff84.js";
+import { S as E } from "./close-4d480ef7.js";
+import { S as k, b as x, a as H } from "./success-8fd8bd2c.js";
+var i = /* @__PURE__ */ ((e) => (e.INFO = "info", e.SUCCESS = "success", e.WARNING = "warning", e.ERROR = "error", e))(i || {}), w = /* @__PURE__ */ ((e) => (e.WHITE = "white", e.BLACK = "black", e))(w || {});
+const W = "_error_37ic5_14", z = "_success_37ic5_17", F = "_info_37ic5_20", T = "_warning_37ic5_23", U = "_title_37ic5_39", j = {
+  "system-alert": "_system-alert_37ic5_1",
+  "system-alert--black": "_system-alert--black_37ic5_11",
+  error: W,
+  success: z,
+  info: F,
+  warning: T,
+  "icon-wrapper": "_icon-wrapper_37ic5_26",
+  "content-wrapper": "_content-wrapper_37ic5_32",
+  title: U,
+  "title--white": "_title--white_37ic5_53",
+  "title--black": "_title--black_37ic5_56",
+  "close-button": "_close-button_37ic5_59"
+}, r = p.bind(j), A = 4e3, C = ({
+  title: e,
+  onClose: n,
+  icon: b = null,
+  type: c = i.INFO,
+  typographyColor: o = w.WHITE,
+  duration: a = A,
+  className: d,
+  dataAutomationId: v
+}) => {
+  const [N, l] = O(""), _ = S(null);
+  m(() => {
+    const s = _.current;
+    if (!s)
+      return;
+    const u = () => {
+      const { offsetHeight: h, scrollHeight: g } = s;
+      h < g ? l(e) : l("");
+    };
+    if (u(), typeof ResizeObserver > "u")
+      return;
+    const f = new ResizeObserver(u);
+    return f.observe(s), () => f.disconnect();
+  }, [e]), m(() => {
+    if ([i.WARNING, i.ERROR].includes(c))
+      return;
+    const s = setTimeout(() => {
+      n();
+    }, a);
+    return () => clearTimeout(s);
+  }, [c, a, n]);
+  const R = () => {
+    switch (c) {
+      case "info":
+        return /* @__PURE__ */ t(H, {});
+      case "success":
+        return /* @__PURE__ */ t(x, {});
+      case "warning":
+      case "error":
+        return /* @__PURE__ */ t(k, {});
+      default:
+        return b;
+    }
+  };
+  return /* @__PURE__ */ I(
+    "div",
+    {
+      className: r("system-alert", c, d, `system-alert--${o}`),
+      "data-automation-id": v,
+      children: [
+        /* @__PURE__ */ t("div", { className: r("icon-wrapper"), children: R() }),
+        /* @__PURE__ */ t("div", { className: r("content-wrapper"), children: /* @__PURE__ */ t(
+          "h2",
+          {
+            ref: _,
+            className: r("title", `title--${o}`),
+            title: N || void 0,
+            children: e
+          }
+        ) }),
+        /* @__PURE__ */ t("button", { className: r("close-button"), onClick: n, "aria-label": "close system alert", children: /* @__PURE__ */ t(E, {}) })
+      ]
+    }
+  );
+};
+export {
+  C 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 {