@reportportal/ui-kit 0.0.1-alpha.46 → 0.0.1-alpha.47

package/dist/systemAlert.js

@@ -0,0 +1,51 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { useEffect as f } from "react";
+import { c as p } from "./bind-06a7ff84.js";
+import { S as d } from "./close-4b33d7c1.js";
+import { b as R, a as N, S } from "./error-4f493850.js";
+var o = /* @__PURE__ */ ((r) => (r.INFO = "info", r.SUCCESS = "success", r.ERROR = "error", r))(o || {});
+const v = "_error_14lm6_11", b = "_success_14lm6_14", h = "_info_14lm6_17", w = "_title_14lm6_32", E = {
+  "system-alert": "_system-alert_14lm6_1",
+  error: v,
+  success: b,
+  info: h,
+  "icon-wrapper": "_icon-wrapper_14lm6_20",
+  "content-wrapper": "_content-wrapper_14lm6_26",
+  title: w,
+  "close-button": "_close-button_14lm6_45"
+}, e = p.bind(E), O = 7e3, I = 4e3, F = ({
+  title: r,
+  onClose: t,
+  icon: a = null,
+  type: c = o.INFO,
+  duration: l = I,
+  className: i
+}) => {
+  const n = c === o.ERROR ? O : l;
+  f(() => {
+    const _ = setTimeout(() => {
+      t();
+    }, n);
+    return () => clearTimeout(_);
+  }, [n, t]);
+  const m = () => {
+    switch (c) {
+      case "info":
+        return /* @__PURE__ */ s(S, {});
+      case "success":
+        return /* @__PURE__ */ s(N, {});
+      case "error":
+        return /* @__PURE__ */ s(R, {});
+      default:
+        return a;
+    }
+  };
+  return /* @__PURE__ */ u("div", { className: e("system-alert", c, i), children: [
+    /* @__PURE__ */ s("div", { className: e("icon-wrapper"), children: m() }),
+    /* @__PURE__ */ s("div", { className: e("content-wrapper"), children: /* @__PURE__ */ s("h2", { className: e("title"), children: r }) }),
+    /* @__PURE__ */ s("button", { className: e("close-button"), onClick: t, "aria-label": "close system alert", children: /* @__PURE__ */ s(d, {}) })
+  ] });
+};
+export {
+  F as SystemAlert
+};

package/dist/table-32fc8c70.js

@@ -0,0 +1,144 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { useState as S, useMemo as G } from "react";
+import { c as J } from "./bind-06a7ff84.js";
+import { a as f, S as K } from "./arrowUp-4a5caee7.js";
+import { C as x } from "./checkbox-9a6c7ce1.js";
+const O = "_table_kha9s_1", P = "_label_kha9s_87", Q = {
+  table: O,
+  "table-header": "_table-header_kha9s_9",
+  "table-row": "_table-row_kha9s_16",
+  "table-row-content": "_table-row-content_kha9s_21",
+  "size-small": "_size-small_kha9s_31",
+  "size-large": "_size-large_kha9s_34",
+  "table-body": "_table-body_kha9s_38",
+  "table-header-cell": "_table-header-cell_kha9s_45",
+  "table-cell": "_table-cell_kha9s_45",
+  "action-menu-cell": "_action-menu-cell_kha9s_50",
+  "checkbox-cell": "_checkbox-cell_kha9s_60",
+  "primary-cell": "_primary-cell_kha9s_71",
+  label: P,
+  "sortable-cell": "_sortable-cell_kha9s_91",
+  "align-right": "_align-right_kha9s_94",
+  "align-center": "_align-center_kha9s_100"
+};
+var k = /* @__PURE__ */ ((c) => (c.ASC = "asc", c.DESC = "desc", c))(k || {});
+const V = (c) => c.map((t) => t.key), a = J.bind(Q), ee = ({
+  data: c,
+  primaryColumn: t,
+  fixedColumns: h,
+  renderRowActions: i,
+  className: z = "",
+  rowClassName: M = "",
+  headerClassName: m = "",
+  selectable: y = !1,
+  selectedRowIds: d = [],
+  sortingDirection: v = k.ASC,
+  sortingColumn: r = t,
+  sortableColumns: _ = V([t, ...h]),
+  onChangeSorting: u = () => {
+  },
+  onToggleRowSelection: A = () => {
+  },
+  onToggleAllRowsSelection: E = () => {
+  }
+}) => {
+  const [C, p] = S(null), [L, N] = S(null), w = G(() => [{ ...t, primary: !0 }, ...h], [t, h]), j = (e) => {
+    _.includes(e) && u({ key: e, direction: v });
+  }, g = (e) => ({
+    width: e.width,
+    textAlign: e.align
+  }), H = (e) => {
+    p(e);
+  }, T = () => {
+    p(null);
+  }, $ = (e) => {
+    N(e);
+  }, D = () => {
+    N(null);
+  }, R = (e) => {
+    A(e);
+  }, U = () => {
+    E();
+  }, q = c.every((e) => d.includes(e.id)), o = c.some((e) => d.includes(e.id)), B = (e) => {
+    var s;
+    return `size-${((s = e.rowConfigs) == null ? void 0 : s.size) ?? "default"}`;
+  }, F = (e) => {
+    if (_.includes(e))
+      return (r == null ? void 0 : r.key) === e ? v === k.ASC ? /* @__PURE__ */ l(f, {}) : /* @__PURE__ */ l(K, {}) : /* @__PURE__ */ l(f, {});
+  };
+  return /* @__PURE__ */ n("div", { className: a("table", z), children: [
+    /* @__PURE__ */ n("div", { className: a("table-header", m), children: [
+      y && /* @__PURE__ */ l("div", { className: a("table-header-cell", "checkbox-cell"), children: o && /* @__PURE__ */ l(
+        x,
+        {
+          value: q,
+          partiallyChecked: o,
+          onChange: U,
+          className: a("checkbox-cell")
+        }
+      ) }),
+      w.map((e) => /* @__PURE__ */ l(
+        "button",
+        {
+          className: a("table-header-cell", {
+            [`align-${e.align}`]: "align" in e,
+            "primary-cell": "primary" in e && e.primary,
+            "sortable-cell": _.includes(e.key)
+          }),
+          style: g(e),
+          children: /* @__PURE__ */ n(
+            "div",
+            {
+              className: a("label"),
+              onClick: () => j(e.key),
+              onMouseEnter: () => H(e.key),
+              onMouseLeave: T,
+              children: [
+                /* @__PURE__ */ l("span", { children: e.header }),
+                (C === e.key || (r == null ? void 0 : r.key) === e.key) && F(e.key)
+              ]
+            }
+          )
+        },
+        e.key
+      )),
+      i && /* @__PURE__ */ l("div", { className: a("table-header-cell", "action-menu-cell") })
+    ] }),
+    /* @__PURE__ */ l("div", { className: a("table-body"), children: c.map((e, b) => /* @__PURE__ */ n(
+      "div",
+      {
+        className: a("table-row", B(e), M),
+        onMouseEnter: () => $(b),
+        onMouseLeave: D,
+        children: [
+          y && /* @__PURE__ */ l("div", { className: a("table-cell", "checkbox-cell"), children: (o || L === b) && /* @__PURE__ */ l(
+            x,
+            {
+              value: d.includes(e.id),
+              onChange: () => R(e.id),
+              className: a("checkbox-cell")
+            }
+          ) }),
+          /* @__PURE__ */ n("div", { className: a("table-row-content"), children: [
+            w.map((s) => /* @__PURE__ */ l(
+              "div",
+              {
+                className: a("table-cell", {
+                  "primary-cell": "primary" in s && s.primary
+                }),
+                style: g(s),
+                children: e[s.key].component || e[s.key].content || e[s.key]
+              },
+              s.key
+            )),
+            i && /* @__PURE__ */ l("div", { className: a("table-cell", "action-menu-cell"), children: i(e.metaData) })
+          ] })
+        ]
+      },
+      e.id
+    )) })
+  ] });
+};
+export {
+  ee as T
+};

package/dist/table.js

@@ -1,8 +1,8 @@
-import { T as r } from "./table-9bf4ddab.js";
+import { T as r } from "./table-32fc8c70.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
-import "./baseIconButton-b6adc843.js";
+import "./arrowUp-4a5caee7.js";
 import "./checkbox-9a6c7ce1.js";
 import "./keyCodes-f63c0e11.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reportportal/ui-kit",
-  "version": "0.0.1-alpha.46",
+  "version": "0.0.1-alpha.47",
   "description": "The UI-kit library for ReportPortal Design System.",
   "type": "module",
   "scripts": {

package/dist/components/dataPicker2/dataPicker2/datePicker.d.ts

@@ -1,24 +0,0 @@
-import { FC, ReactNode, ReactElement } from 'react';
-interface DatePickerProps {
-    onChange?: (date: Date | any) => void;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    headerNodes?: ReactNode;
-    disabled?: boolean;
-    shouldCloseOnSelect?: boolean;
-    fixedHeight?: boolean;
-    startDate?: Date | undefined;
-    endDate?: Date | undefined;
-    customClassName?: string;
-    popperClassName?: string;
-    calendarClassName?: string;
-    customTimeInput?: ReactElement;
-    language?: string;
-    yearsOptions?: number[];
-    placeholder?: string;
-    dateFormat?: string;
-    selects?: 'start' | 'end' | 'none';
-    value?: Date | null;
-}
-export declare const DatePicker2: FC<DatePickerProps>;
-export {};

package/dist/components/dataPicker2/dataPicker2/header/datePickerHeader.d.ts

@@ -1,15 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DatePickerHeaderProps {
-    changeYear: (year: number) => void;
-    changeMonth: (month: number) => void;
-    decreaseMonth: () => void;
-    increaseMonth: () => void;
-    headerNodes: ReactNode;
-    date: Date;
-    prevMonthButtonDisabled: boolean;
-    nextMonthButtonDisabled: boolean;
-    customClassName: string;
-    yearsOptions: number[];
-    locale: string;
-}
-export declare const DatePickerHeader: FC<DatePickerHeaderProps>;

package/dist/components/dataPicker2/dataPicker2/header/index.d.ts

@@ -1,3 +0,0 @@
-import { DatePickerHeader } from './datePickerHeader';
-export { DatePickerHeader };
-export default DatePickerHeader;

package/dist/components/dataPicker2/dataPicker2/index.d.ts

@@ -1,3 +0,0 @@
-import { DatePicker2 } from './datePicker';
-export { DatePicker2 };
-export default DatePicker2;

package/dist/components/dataPicker2/dataPicker2/utils.d.ts

@@ -1,3 +0,0 @@
-import { Locale } from 'date-fns';
-export declare const registerDatePickerLocale: (language: string, locale: Locale) => void;
-export declare const getYearsFrom: (start: number, amountYearsToGenerate?: number) => number[];

package/dist/components/date2/date2.d.ts

@@ -1,24 +0,0 @@
-import { FC, ReactNode, ReactElement } from 'react';
-interface DatePickerProps {
-    onChange?: (date: Date | any) => void;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    headerNodes?: ReactNode;
-    disabled?: boolean;
-    shouldCloseOnSelect?: boolean;
-    fixedHeight?: boolean;
-    startDate?: Date | undefined;
-    endDate?: Date | undefined;
-    customClassName?: string;
-    popperClassName?: string;
-    calendarClassName?: string;
-    customTimeInput?: ReactElement;
-    language?: string;
-    yearsOptions?: number[];
-    placeholder?: string;
-    dateFormat?: string;
-    selects?: 'start' | 'end' | 'none';
-    value?: Date | null;
-}
-export declare const Date2: FC<DatePickerProps>;
-export {};

package/dist/components/date2/index.d.ts

@@ -1,3 +0,0 @@
-import { Date2 } from './date2';
-export { Date2 };
-export default Date2;

package/dist/components/datePicker1/datePicker.d.ts

@@ -1,24 +0,0 @@
-import { FC, ReactNode, ReactElement } from 'react';
-interface DatePickerProps {
-    onChange?: (date: Date | any) => void;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    headerNodes?: ReactNode;
-    disabled?: boolean;
-    shouldCloseOnSelect?: boolean;
-    fixedHeight?: boolean;
-    startDate?: Date | undefined;
-    endDate?: Date | undefined;
-    customClassName?: string;
-    popperClassName?: string;
-    calendarClassName?: string;
-    customTimeInput?: ReactElement;
-    language?: string;
-    yearsOptions?: number[];
-    placeholder?: string;
-    dateFormat?: string;
-    selects?: 'start' | 'end' | 'none';
-    value?: Date | null;
-}
-export declare const DatePicker1: FC<DatePickerProps>;
-export {};

package/dist/components/datePicker1/header/datePickerHeader.d.ts

@@ -1,15 +0,0 @@
-import { FC, ReactNode } from 'react';
-export interface DatePickerHeaderProps {
-    changeYear: (year: number) => void;
-    changeMonth: (month: number) => void;
-    decreaseMonth: () => void;
-    increaseMonth: () => void;
-    headerNodes: ReactNode;
-    date: Date;
-    prevMonthButtonDisabled: boolean;
-    nextMonthButtonDisabled: boolean;
-    customClassName: string;
-    yearsOptions: number[];
-    locale: string;
-}
-export declare const DatePickerHeader: FC<DatePickerHeaderProps>;

package/dist/components/datePicker1/header/index.d.ts

@@ -1,3 +0,0 @@
-import { DatePickerHeader } from './datePickerHeader';
-export { DatePickerHeader };
-export default DatePickerHeader;

package/dist/components/datePicker1/index.d.ts

@@ -1,3 +0,0 @@
-import { DatePicker1 } from './datePicker';
-export { DatePicker1 };
-export default DatePicker1;

package/dist/components/datePicker1/utils.d.ts

@@ -1,3 +0,0 @@
-import { Locale } from 'date-fns';
-export declare const registerDatePickerLocale: (language: string, locale: Locale) => void;
-export declare const getYearsFrom: (start: number, amountYearsToGenerate?: number) => number[];

package/dist/components/reactDatePicker/index.d.ts

@@ -1,3 +0,0 @@
-import { ReactDatePicker2 } from './reactDatePicker';
-export { ReactDatePicker2 };
-export default ReactDatePicker2;

package/dist/components/reactDatePicker/reactDatePicker.d.ts

@@ -1,2 +0,0 @@
-import ReactDatePicker from 'react-datepicker';
-export declare const ReactDatePicker2: typeof ReactDatePicker;

package/dist/components/reactDatePicker2/index.d.ts

@@ -1,3 +0,0 @@
-import { ReactDatePicker2 } from './reactDatePicker2';
-export { ReactDatePicker2 };
-export default ReactDatePicker2;

package/dist/components/reactDatePicker2/reactDatePicker2.d.ts

@@ -1,2 +0,0 @@
-import ReactDatePicker from 'react-datepicker';
-export declare const ReactDatePicker2: typeof ReactDatePicker;

package/dist/date2-9273411e.js

@@ -1,46 +0,0 @@
-import { jsx as E } from "react/jsx-runtime";
-import T from "react-datepicker";
-const m = "en", r = "MM-dd-yyyy", U = ({
-  onChange: a = () => {
-  },
-  disabled: s = !1,
-  onBlur: d = () => {
-  },
-  onFocus: l = () => {
-  },
-  endDate: n = void 0,
-  startDate: o = void 0,
-  customTimeInput: t = void 0,
-  shouldCloseOnSelect: i = !0,
-  fixedHeight: p = !1,
-  language: c = m,
-  placeholder: A = r.toUpperCase(),
-  dateFormat: D = r,
-  selects: e = "start",
-  value: f = null
-}) => /* @__PURE__ */ E(
-  T,
-  {
-    placeholderText: A,
-    selected: f,
-    startDate: o,
-    endDate: n,
-    minDate: e === "end" ? o : void 0,
-    disabled: s,
-    shouldCloseOnSelect: i,
-    fixedHeight: p,
-    locale: c,
-    showPopperArrow: !1,
-    onChange: a,
-    onBlur: d,
-    onFocus: l,
-    customTimeInput: t,
-    showTimeInput: !!t,
-    dateFormat: D,
-    selectsStart: e === "start",
-    selectsEnd: e === "end"
-  }
-);
-export {
-  U as D
-};

package/dist/date2.js

@@ -1,7 +0,0 @@
-import { D as o } from "./date2-9273411e.js";
-import "react/jsx-runtime";
-import "react-datepicker";
-export {
-  o as Date2,
-  o as default
-};

package/dist/datePicker-89394dc8.js

@@ -1,194 +0,0 @@
-import { jsxs as S, Fragment as U, jsx as o } from "react/jsx-runtime";
-import $ from "react-datepicker";
-import { c as Y } from "./bind-06a7ff84.js";
-import { useMemo as E, useRef as B } from "react";
-import { F as D } from "./fieldText-65e4c614.js";
-import "./baseIconButton-b6adc843.js";
-import { S as T, a as G } from "./calendar-f154eb78.js";
-import { D as P } from "./dropdown-b9c6dc2f.js";
-const H = (a, c = 20) => {
-  const l = a + c;
-  return new Array(l - a).fill(void 0).map((g, e) => a - e);
-}, V = "_header_a3cjx_1", O = "_disabled_a3cjx_25", W = "_dropdown_a3cjx_8", q = {
-  header: V,
-  "dropdowns-wrapper": "_dropdowns-wrapper_a3cjx_8",
-  "button-prev": "_button-prev_a3cjx_13",
-  "button-next": "_button-next_a3cjx_14",
-  disabled: O,
-  dropdown: W,
-  "month-dropdown": "_month-dropdown_a3cjx_44",
-  "toggle-button": "_toggle-button_a3cjx_47"
-}, r = Y.bind(q), z = ({
-  date: a = /* @__PURE__ */ new Date(),
-  changeYear: c = () => {
-  },
-  changeMonth: l = () => {
-  },
-  decreaseMonth: g = () => {
-  },
-  increaseMonth: e = () => {
-  },
-  prevMonthButtonDisabled: n = !1,
-  nextMonthButtonDisabled: h = !1,
-  headerNodes: b = null,
-  customClassName: w = "",
-  yearsOptions: i = [],
-  locale: x
-}) => {
-  const p = a.getFullYear(), C = a.getMonth(), f = E(() => {
-    const t = Array(12).keys(), s = new Intl.DateTimeFormat(x, {
-      month: "long"
-    }), d = (m) => s.format(new Date(p, m));
-    return Array.from(t, d).reduce((m, j, A) => m.concat({
-      value: A,
-      label: j
-    }), []);
-  }, []), N = E(() => (i.length > 0 ? i : H(p)).reduce(
-    (s, d) => s.concat({ value: d, label: `${d}` }),
-    []
-  ), [i]), v = (t) => {
-    l(t);
-  }, y = (t) => {
-    c(t);
-  };
-  return /* @__PURE__ */ S(U, { children: [
-    b && /* @__PURE__ */ o("div", { className: r(w), children: b }),
-    /* @__PURE__ */ S("div", { className: r("header"), children: [
-      /* @__PURE__ */ o(
-        "button",
-        {
-          "aria-label": "Previous Months",
-          disabled: n,
-          onClick: g,
-          className: r("button-prev", { disabled: n }),
-          children: /* @__PURE__ */ o(T, {})
-        }
-      ),
-      /* @__PURE__ */ S("div", { className: r("dropdowns-wrapper"), children: [
-        /* @__PURE__ */ o(
-          P,
-          {
-            options: f,
-            value: C,
-            onChange: v,
-            transparentBackground: !0,
-            className: r("dropdown", "month-dropdown"),
-            toggleButtonClassName: r("toggle-button")
-          }
-        ),
-        /* @__PURE__ */ o(
-          P,
-          {
-            options: N,
-            value: p,
-            onChange: y,
-            transparentBackground: !0,
-            className: r("dropdown"),
-            toggleButtonClassName: r("toggle-button")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ o(
-        "button",
-        {
-          "aria-label": "Next Months",
-          disabled: h,
-          onClick: e,
-          className: r("button-next", { disabled: h }),
-          children: /* @__PURE__ */ o(T, {})
-        }
-      )
-    ] })
-  ] });
-}, J = "_calendar_1jr94_5", K = "_date_1jr94_90", Q = "_disabled_1jr94_202", X = "_popper_1jr94_210", Z = "_input_1jr94_214", ee = {
-  calendar: J,
-  "current-date": "_current-date_1jr94_89",
-  date: K,
-  "selected-range": "_selected-range_1jr94_119",
-  "end-date": "_end-date_1jr94_119",
-  disabled: Q,
-  popper: X,
-  input: Z
-}, _ = Y.bind(ee), ne = "en", R = "MM-dd-yyyy", ie = ({
-  onChange: a = () => {
-  },
-  disabled: c = !1,
-  onBlur: l = () => {
-  },
-  onFocus: g = () => {
-  },
-  endDate: e = void 0,
-  startDate: n = void 0,
-  headerNodes: h = null,
-  customClassName: b = "",
-  customTimeInput: w = void 0,
-  shouldCloseOnSelect: i = !0,
-  popperClassName: x = "",
-  calendarClassName: p = "",
-  fixedHeight: C = !1,
-  language: f = ne,
-  yearsOptions: N = [],
-  placeholder: v = R.toUpperCase(),
-  dateFormat: y = R,
-  selects: t = "start",
-  value: s = null
-}) => {
-  const d = B(null), F = n == null ? void 0 : n.toDateString(), m = e == null ? void 0 : e.toDateString(), j = e && n && e > n, A = (u) => {
-    const k = u.toDateString(), I = k === F, M = j && k === m, L = n && e && u > n && u < e;
-    return _("date", {
-      "current-date": I,
-      "selected-range": L && !M,
-      "end-date": M && j,
-      disabled: c
-    });
-  };
-  return /* @__PURE__ */ o(
-    $,
-    {
-      customInput: /* @__PURE__ */ o(
-        D,
-        {
-          className: _("input"),
-          defaultWidth: !1,
-          endIcon: /* @__PURE__ */ o(G, {}),
-          ref: d
-        }
-      ),
-      placeholderText: v,
-      selected: s,
-      startDate: n,
-      endDate: e,
-      minDate: t === "end" ? n : void 0,
-      disabled: c,
-      shouldCloseOnSelect: i,
-      fixedHeight: C,
-      locale: f,
-      showPopperArrow: !1,
-      dayClassName: A,
-      calendarClassName: _(p, "calendar"),
-      renderCustomHeader: (u) => /* @__PURE__ */ o(
-        z,
-        {
-          ...u,
-          headerNodes: h,
-          customClassName: b,
-          yearsOptions: N,
-          locale: f
-        }
-      ),
-      onChange: a,
-      onBlur: l,
-      onFocus: g,
-      customTimeInput: w,
-      showTimeInput: !!w,
-      popperClassName: _(x, "popper"),
-      dateFormat: y,
-      selectsStart: t === "start",
-      selectsEnd: t === "end",
-      className: _("datepicker")
-    }
-  );
-};
-export {
-  ie as D
-};

package/dist/datePicker1.js

@@ -1,19 +0,0 @@
-import { D as t } from "./datePicker-68379fe1.js";
-import "react/jsx-runtime";
-import "react-datepicker";
-import "./bind-06a7ff84.js";
-import "react";
-import "./fieldText-65e4c614.js";
-import "./baseIconButton-b6adc843.js";
-import "./calendar-f154eb78.js";
-import "./dropdown-b9c6dc2f.js";
-import "@floating-ui/react-dom";
-import "downshift";
-import "rc-scrollbars";
-import "./useOnClickOutside-c332f7d3.js";
-import "./keyCodes-f63c0e11.js";
-import "./checkbox-9a6c7ce1.js";
-export {
-  t as DatePicker1,
-  t as default
-};