@reportportal/ui-kit 0.0.1-alpha.1 → 0.0.1-alpha.2

package/dist/button.js

@@ -1,5 +1,5 @@
-import { B as o } from "./button-9e154905.js";
-import "./jsx-runtime-2962e83b.js";
+import { B as o } from "./button-a4d3df83.js";
+import "react/jsx-runtime";
 import "react";
 import "./bind-e1346f99.js";
 export {

package/dist/checkbox-3fd4bcc1.js

@@ -0,0 +1,74 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { c as m } from "./bind-e1346f99.js";
+import { useRef as d } from "react";
+var r = /* @__PURE__ */ ((c) => (c[c.SPACE_KEY_CODE = 32] = "SPACE_KEY_CODE", c[c.ENTER_KEY_CODE = 13] = "ENTER_KEY_CODE", c))(r || {});
+const f = "_checkbox_1gq3p_1", D = "_disabled_1gq3p_12", C = "_input_1gq3p_17", N = "_control_1gq3p_24", O = "_children_1gq3p_78", Y = {
+  checkbox: f,
+  disabled: D,
+  input: C,
+  control: N,
+  children: O
+}, n = m.bind(Y), R = ({
+  children: c,
+  disabled: e = !1,
+  onChange: i,
+  onFocus: p,
+  onBlur: E,
+  className: b,
+  value: a,
+  dataAutomationId: h,
+  form: u
+}) => {
+  const l = d(null), k = (o) => {
+    var _;
+    const { keyCode: s } = o;
+    if (s === r.SPACE_KEY_CODE) {
+      o.preventDefault();
+      return;
+    }
+    s === r.ENTER_KEY_CODE && (o.preventDefault(), (_ = l.current) == null || _.click());
+  };
+  return /* @__PURE__ */ x(
+    "label",
+    {
+      id: "rp-ui-kit-checkbox-label",
+      className: n("checkbox", b, {
+        disabled: e
+      }),
+      onFocus: p,
+      onBlur: E,
+      "data-automation-id": h,
+      children: [
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ref: l,
+            tabIndex: 0,
+            type: "checkbox",
+            onKeyDown: k,
+            className: n("input"),
+            disabled: e,
+            onChange: i,
+            checked: a,
+            form: u
+          }
+        ),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            "aria-labelledby": "rp-ui-kit-checkbox-label",
+            role: "checkbox",
+            "aria-checked": a,
+            className: n("control", {
+              disabled: e
+            })
+          }
+        ),
+        c && /* @__PURE__ */ t("span", { className: n("children", { disabled: e }), children: c })
+      ]
+    }
+  );
+};
+export {
+  R as C
+};

package/dist/checkbox.js

@@ -1,7 +1,7 @@
-import { C as r } from "./checkbox-ae12c5f5.js";
-import "./jsx-runtime-2962e83b.js";
-import "react";
+import { C as r } from "./checkbox-3fd4bcc1.js";
+import "react/jsx-runtime";
 import "./bind-e1346f99.js";
+import "react";
 export {
   r as Checkbox,
   r as default

package/dist/index.js

@@ -1,8 +1,8 @@
-import { B as p } from "./button-9e154905.js";
-import { C as a } from "./checkbox-ae12c5f5.js";
-import { S as f } from "./systemMessage-5dc0f1e6.js";
-import { T as h } from "./themeProvider-4c0ab2a2.js";
-import "./jsx-runtime-2962e83b.js";
+import { B as p } from "./button-a4d3df83.js";
+import { C as a } from "./checkbox-3fd4bcc1.js";
+import { S as f } from "./systemMessage-55cf51f4.js";
+import { T as h } from "./themeProvider-5800417e.js";
+import "react/jsx-runtime";
 import "react";
 import "./bind-e1346f99.js";
 export {

package/dist/systemMessage-55cf51f4.js

@@ -0,0 +1,30 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { c } from "./bind-e1346f99.js";
+const m = "_children_14f2u_56", o = {
+  "system-message": "_system-message_14f2u_1",
+  "stripes-info": "_stripes-info_14f2u_11",
+  "stripes-warning": "_stripes-warning_14f2u_16",
+  "stripes-error": "_stripes-error_14f2u_21",
+  "text-container": "_text-container_14f2u_26",
+  "message-header-info": "_message-header-info_14f2u_29",
+  "message-header-warning": "_message-header-warning_14f2u_38",
+  "message-header-error": "_message-header-error_14f2u_47",
+  children: m,
+  "content-width": "_content-width_14f2u_74"
+}, e = c.bind(o), h = ({
+  header: r,
+  caption: a,
+  children: i,
+  mode: n = "info",
+  widthByContent: _ = !1
+}) => /* @__PURE__ */ t("div", { className: e("system-message", { "content-width": _ }), 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,8 +1,7 @@
-import { S as m } from "./systemMessage-5dc0f1e6.js";
-import "./jsx-runtime-2962e83b.js";
-import "react";
+import { S as e } from "./systemMessage-55cf51f4.js";
+import "react/jsx-runtime";
 import "./bind-e1346f99.js";
 export {
-  m as SystemMessage,
-  m as default
+  e as SystemMessage,
+  e as default
 };

package/dist/{themeProvider-4c0ab2a2.js → themeProvider-5800417e.js}

@@ -1,4 +1,4 @@
-import { j as m } from "./jsx-runtime-2962e83b.js";
+import { jsx as h } from "react/jsx-runtime";
 const e = {
   light: "rp-ui-kit-theme-light",
   dark: "rp-ui-kit-theme-dark"
@@ -6,13 +6,13 @@ const e = {
 function o({
   children: t,
   theme: i = "light",
-  customThemes: s = {}
+  customThemes: r = {}
 }) {
-  const r = {
+  const s = {
     ...e,
-    ...s
+    ...r
   }[i] || e.light;
-  return /* @__PURE__ */ m.jsx("div", { className: r, children: t });
+  return /* @__PURE__ */ h("div", { className: s, children: t });
 }
 export {
   o as T

package/dist/themeProvider.js

@@ -1,7 +1,6 @@
-import { T as o } from "./themeProvider-4c0ab2a2.js";
-import "./jsx-runtime-2962e83b.js";
-import "react";
+import { T as e } from "./themeProvider-5800417e.js";
+import "react/jsx-runtime";
 export {
-  o as ThemeProvider,
-  o as default
+  e as ThemeProvider,
+  e as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "type": "module",
   "scripts": {
     "dev": "storybook dev -p 6006",

package/dist/checkbox-ae12c5f5.js

@@ -1,74 +0,0 @@
-import { j as t } from "./jsx-runtime-2962e83b.js";
-import { c as k } from "./bind-e1346f99.js";
-import { useRef as m } from "react";
-var s = /* @__PURE__ */ ((c) => (c[c.SPACE_KEY_CODE = 32] = "SPACE_KEY_CODE", c[c.ENTER_KEY_CODE = 13] = "ENTER_KEY_CODE", c))(s || {});
-const d = "_checkbox_1gq3p_1", f = "_disabled_1gq3p_12", D = "_input_1gq3p_17", C = "_control_1gq3p_24", N = "_children_1gq3p_78", j = {
-  checkbox: d,
-  disabled: f,
-  input: D,
-  control: C,
-  children: N
-}, n = k.bind(j), g = ({
-  children: c,
-  disabled: e = !1,
-  onChange: _,
-  onFocus: p,
-  onBlur: E,
-  className: x,
-  value: r,
-  dataAutomationId: u,
-  form: b
-}) => {
-  const a = m(null), h = (o) => {
-    var i;
-    const { keyCode: l } = o;
-    if (l === s.SPACE_KEY_CODE) {
-      o.preventDefault();
-      return;
-    }
-    l === s.ENTER_KEY_CODE && (o.preventDefault(), (i = a.current) == null || i.click());
-  };
-  return /* @__PURE__ */ t.jsxs(
-    "label",
-    {
-      id: "rp-ui-kit-checkbox-label",
-      className: n("checkbox", x, {
-        disabled: e
-      }),
-      onFocus: p,
-      onBlur: E,
-      "data-automation-id": u,
-      children: [
-        /* @__PURE__ */ t.jsx(
-          "input",
-          {
-            ref: a,
-            tabIndex: 0,
-            type: "checkbox",
-            onKeyDown: h,
-            className: n("input"),
-            disabled: e,
-            onChange: _,
-            checked: r,
-            form: b
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          "span",
-          {
-            "aria-labelledby": "rp-ui-kit-checkbox-label",
-            role: "checkbox",
-            "aria-checked": r,
-            className: n("control", {
-              disabled: e
-            })
-          }
-        ),
-        c && /* @__PURE__ */ t.jsx("span", { className: n("children", { disabled: e }), children: c })
-      ]
-    }
-  );
-};
-export {
-  g as C
-};