@reportportal/ui-kit 0.0.1-alpha.87 → 0.0.1-alpha.89

package/dist/calendarArrow-44c7e60e.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 8, height: 13, viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.54134 12.2173C6.69755 12.3735 6.95081 12.3735 7.10702 12.2173L7.24844 12.0759C7.40465 11.9197 7.40465 11.6664 7.24844 11.5102L1.90539 6.16715L7.24844 0.824097C7.40465 0.667887 7.40465 0.41462 7.24844 0.258411L7.10702 0.116989C6.95081 -0.0392199 6.69755 -0.0392199 6.54134 0.116989L0.998591 5.65973L0.999562 5.6607L0.767094 5.89317C0.610884 6.04938 0.610884 6.30265 0.767093 6.45886L1.48425 7.17602L1.49215 7.16813L6.54134 12.2173Z", fill: "#C1C7D0" }));
+export {
+  t as S
+};

package/dist/components/fieldNumber/fieldNumber.d.ts

@@ -12,8 +12,7 @@ interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onCha
     max?: number;
     title?: string;
     error?: string;
-    touched?: boolean;
     onFocus?: () => void | FocusEventHandler<HTMLInputElement>;
 }
-export declare const FieldNumber: ({ value, placeholder, disabled, onChange, onFocus, onBlur, label, postfix, min, max, title, error, touched, id, ...rest }: FieldNumberProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldNumber: ({ value, placeholder, disabled, onChange, onFocus, onBlur, label, postfix, min, max, title, error, id, ...rest }: FieldNumberProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/datePicker-b626922f.js

@@ -0,0 +1,194 @@
+import { jsxs as F, Fragment as $, jsx as r } from "react/jsx-runtime";
+import B from "react-datepicker/dist/es/index.js";
+import { c as R } from "./bind-06a7ff84.js";
+import { useMemo as P, useRef as D } from "react";
+import { F as I } from "./fieldText-35421470.js";
+import { D as E } from "./dropdown-b26b8fd8.js";
+import { S as T } from "./calendarArrow-44c7e60e.js";
+import { registerLocale as j } from "react-datepicker";
+const ie = (n, s) => {
+  j(n, s);
+}, G = (n, s = 20) => {
+  const l = n + s;
+  return new Array(l - n).fill(void 0).map((g, o) => n - o);
+}, H = "_header_1q16i_1", V = "_disabled_1q16i_25", O = "_dropdown_1q16i_8", W = {
+  header: H,
+  "dropdowns-wrapper": "_dropdowns-wrapper_1q16i_8",
+  "button-prev": "_button-prev_1q16i_13",
+  "button-next": "_button-next_1q16i_14",
+  disabled: V,
+  dropdown: O,
+  "month-dropdown": "_month-dropdown_1q16i_44",
+  "toggle-button": "_toggle-button_1q16i_47"
+}, a = R.bind(W), z = ({
+  date: n = /* @__PURE__ */ new Date(),
+  changeYear: s = () => {
+  },
+  changeMonth: l = () => {
+  },
+  decreaseMonth: g = () => {
+  },
+  increaseMonth: o = () => {
+  },
+  prevMonthButtonDisabled: t = !1,
+  nextMonthButtonDisabled: h = !1,
+  headerNodes: b = null,
+  customClassName: w = "",
+  yearsOptions: i = [],
+  locale: N
+}) => {
+  const m = n.getFullYear(), v = n.getMonth(), f = P(() => {
+    const e = Array(12).keys(), d = new Intl.DateTimeFormat(N, {
+      month: "long"
+    }), c = (p) => d.format(new Date(m, p));
+    return Array.from(e, c).reduce((p, y, k) => p.concat({
+      value: k,
+      label: y
+    }), []);
+  }, []), C = P(() => (i.length > 0 ? i : G(m)).reduce(
+    (d, c) => d.concat({ value: c, label: `${c}` }),
+    []
+  ), [i]), x = (e) => {
+    l(e);
+  }, A = (e) => {
+    s(e);
+  };
+  return /* @__PURE__ */ F($, { children: [
+    b && /* @__PURE__ */ r("div", { className: a(w), children: b }),
+    /* @__PURE__ */ F("div", { className: a("header"), children: [
+      /* @__PURE__ */ r(
+        "button",
+        {
+          "aria-label": "Previous Months",
+          disabled: t,
+          onClick: (e) => {
+            e.stopPropagation(), g();
+          },
+          className: a("button-prev", { disabled: t }),
+          children: /* @__PURE__ */ r(T, {})
+        }
+      ),
+      /* @__PURE__ */ F("div", { className: a("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ r(
+          E,
+          {
+            options: f,
+            value: v,
+            onChange: x,
+            transparentBackground: !0,
+            className: a("dropdown", "month-dropdown"),
+            toggleButtonClassName: a("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ r(
+          E,
+          {
+            options: C,
+            value: m,
+            onChange: A,
+            transparentBackground: !0,
+            className: a("dropdown"),
+            toggleButtonClassName: a("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          "aria-label": "Next Months",
+          disabled: h,
+          onClick: (e) => {
+            e.stopPropagation(), o();
+          },
+          className: a("button-next", { disabled: h }),
+          children: /* @__PURE__ */ r(T, {})
+        }
+      )
+    ] })
+  ] });
+}, J = "_calendar_3ty6m_5", K = "_date_3ty6m_90", Q = "_disabled_3ty6m_203", X = "_popper_3ty6m_211", Z = "_input_3ty6m_215", ee = {
+  calendar: J,
+  "current-date": "_current-date_3ty6m_89",
+  date: K,
+  "selected-range": "_selected-range_3ty6m_119",
+  "end-date": "_end-date_3ty6m_119",
+  disabled: Q,
+  popper: X,
+  input: Z
+}, _ = R.bind(ee), oe = "en", L = "MM-dd-yyyy", me = ({
+  onChange: n = () => {
+  },
+  disabled: s = !1,
+  onBlur: l = () => {
+  },
+  onFocus: g = () => {
+  },
+  endDate: o = void 0,
+  startDate: t = void 0,
+  headerNodes: h = null,
+  customClassName: b = "",
+  customTimeInput: w = void 0,
+  shouldCloseOnSelect: i = !0,
+  popperClassName: N = "",
+  calendarClassName: m = "",
+  fixedHeight: v = !1,
+  language: f = oe,
+  yearsOptions: C = [],
+  placeholder: x = L.toUpperCase(),
+  dateFormat: A = L,
+  selects: e = "start",
+  value: d = null
+}) => {
+  const c = D(null), S = t == null ? void 0 : t.toDateString(), p = o == null ? void 0 : o.toDateString(), y = o && t && o > t, k = (u) => {
+    const M = u.toDateString(), Y = M === S, q = y && M === p, U = t && o && u > t && u < o;
+    return _("date", {
+      "current-date": Y,
+      "selected-range": U && !q,
+      "end-date": q && y,
+      disabled: s
+    });
+  };
+  return /* @__PURE__ */ r(
+    B,
+    {
+      customInput: /* @__PURE__ */ r(I, { className: _("input"), defaultWidth: !1, ref: c }),
+      placeholderText: x,
+      selected: d,
+      startDate: t,
+      endDate: o,
+      minDate: e === "end" ? t : void 0,
+      maxDate: e === "start" ? o : void 0,
+      disabled: s,
+      shouldCloseOnSelect: i,
+      fixedHeight: v,
+      locale: f,
+      showPopperArrow: !1,
+      dayClassName: k,
+      calendarClassName: _(m, "calendar"),
+      renderCustomHeader: (u) => /* @__PURE__ */ r(
+        z,
+        {
+          ...u,
+          headerNodes: h,
+          customClassName: b,
+          yearsOptions: C,
+          locale: f
+        }
+      ),
+      onChange: n,
+      onBlur: l,
+      onFocus: g,
+      customTimeInput: w,
+      showTimeInput: !!w,
+      popperClassName: _(N, "popper"),
+      dateFormat: A,
+      selectsStart: e === "start",
+      selectsEnd: e === "end",
+      className: _("datepicker")
+    }
+  );
+};
+export {
+  me as D,
+  ie as r
+};

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-30077e06.js";
-import { r as v } from "./datePicker-30077e06.js";
+import { D as t } from "./datePicker-b626922f.js";
+import { r as v } from "./datePicker-b626922f.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";
@@ -10,7 +10,6 @@ import "./button-97d9e587.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./calendarArrow-3e1339ea.js";
 import "./dropdown-b26b8fd8.js";
 import "@floating-ui/react-dom";
 import "downshift";
@@ -20,6 +19,7 @@ import "./keyCodes-f63c0e11.js";
 import "./baseIconButton-251479f7.js";
 import "./dropdown-0260bb66.js";
 import "./checkbox-ed6cc375.js";
+import "./calendarArrow-44c7e60e.js";
 import "react-datepicker";
 export {
   t as DatePicker,

package/dist/fieldNumber-c9113a7f.js

@@ -0,0 +1,135 @@
+import { jsxs as d, Fragment as v, jsx as i } from "react/jsx-runtime";
+import { useRef as T, useId as I, useMemo as W } from "react";
+import { c as y } from "./bind-06a7ff84.js";
+import { K as _ } from "./keyCodes-f63c0e11.js";
+import { B as p } from "./baseIconButton-251479f7.js";
+import { S as B, a as F } from "./plus-0929dda4.js";
+import { FieldLabel as S } from "./fieldLabel.js";
+const w = 5, m = 16, k = [
+  _.TAB_KEY_CODE,
+  _.BACKSPACE_KEY_CODE,
+  _.ARROW_LEFT_KEY_CODE,
+  _.ARROW_UP_KEY_CODE,
+  _.ARROW_RIGHT_KEY_CODE,
+  _.ARROW_DOWN_KEY_CODE,
+  _.DELETE_KEY_CODE,
+  _.NUM_LOCK_0_KEY_CODE,
+  _.NUM_LOCK_1_KEY_CODE,
+  _.NUM_LOCK_2_KEY_CODE,
+  _.NUM_LOCK_3_KEY_CODE,
+  _.NUM_LOCK_4_KEY_CODE,
+  _.NUM_LOCK_5_KEY_CODE,
+  _.NUM_LOCK_6_KEY_CODE,
+  _.NUM_LOCK_7_KEY_CODE,
+  _.NUM_LOCK_8_KEY_CODE,
+  _.NUM_LOCK_9_KEY_CODE
+], H = "_sign_3v3h5_7", V = "_error_3v3h5_22", P = "_disabled_3v3h5_27", b = "_input_3v3h5_12", j = {
+  "field-number": "_field-number_3v3h5_1",
+  sign: H,
+  "input-container": "_input-container_3v3h5_12",
+  error: V,
+  disabled: P,
+  "input-field": "_input-field_3v3h5_38",
+  input: b,
+  "additional-content": "_additional-content_3v3h5_84",
+  "error-text": "_error-text_3v3h5_88"
+}, s = y.bind(j), Z = ({
+  value: r = "",
+  placeholder: N = "0",
+  disabled: t = !1,
+  onChange: o,
+  onFocus: C,
+  onBlur: G,
+  label: O,
+  postfix: c = "",
+  min: E = 0,
+  max: l = Number.MAX_SAFE_INTEGER,
+  title: f,
+  error: u,
+  id: h,
+  ...Y
+}) => {
+  const a = T(null), D = I(), L = (n) => {
+    let e = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (e === "") {
+      o("");
+      return;
+    }
+    e = +e, e >= E && e <= l && o(e);
+  }, M = (n) => {
+    const { keyCode: e } = n;
+    k.includes(e) || (e < _.NUMBER_START_KEY_CODE || e > _.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
+  }, R = () => {
+    const n = +r - 1;
+    n >= E && n <= l && o(n);
+  }, U = () => {
+    const n = +r + 1;
+    n >= E && n <= l && o(n);
+  }, K = N + c, A = W(() => {
+    let n = (String(r) || K).length;
+    return c && !r && (n += 1), n > m ? `${m}ch` : `${n || w}ch`;
+  }, [K, c, r]), g = () => {
+    a && a.current && a.current.focus(), C && C();
+  };
+  return /* @__PURE__ */ d(v, { children: [
+    /* @__PURE__ */ d("div", { className: s("field-number", { disabled: t }), children: [
+      O && /* @__PURE__ */ i(S, { htmlFor: h ?? D, children: O }),
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: s("input-container", {
+            error: u,
+            disabled: t
+          }),
+          title: f,
+          children: [
+            /* @__PURE__ */ i(
+              p,
+              {
+                className: s("sign", "minus"),
+                disabled: t,
+                onClick: R,
+                children: /* @__PURE__ */ i(B, {})
+              }
+            ),
+            /* @__PURE__ */ d("span", { className: s("input-field", { disabled: t }), onClick: g, children: [
+              /* @__PURE__ */ i(
+                "input",
+                {
+                  id: h ?? D,
+                  ref: a,
+                  className: s("input"),
+                  type: "number",
+                  value: r,
+                  placeholder: K,
+                  disabled: t,
+                  min: E,
+                  max: l,
+                  onKeyDown: t ? void 0 : M,
+                  onChange: t ? void 0 : L,
+                  onFocus: t ? void 0 : C,
+                  style: { width: A },
+                  ...Y
+                }
+              ),
+              !!c && (r === 0 || !!r) && /* @__PURE__ */ i("span", { children: c.slice(0, 1) })
+            ] }),
+            /* @__PURE__ */ i(
+              p,
+              {
+                className: s("sign", "plus"),
+                disabled: t,
+                onClick: U,
+                children: /* @__PURE__ */ i(F, {})
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    u && /* @__PURE__ */ i("div", { className: s("additional-content"), children: /* @__PURE__ */ i("span", { className: s("error-text"), children: u }) })
+  ] });
+};
+export {
+  Z as F
+};

package/dist/fieldNumber.js

@@ -1,4 +1,4 @@
-import { F as m } from "./fieldNumber-2542b311.js";
+import { F as m } from "./fieldNumber-c9113a7f.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";