@reportportal/ui-kit 0.0.1-alpha.225 → 0.0.1-alpha.227

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

@@ -18,6 +18,8 @@ interface DatePickerBaseProps {
     placeholder?: string;
     dateFormat?: string;
     popperPlacement?: Placement;
+    minDate?: Date | null;
+    maxDate?: Date | null;
 }
 interface DatePickerSingleProps extends DatePickerBaseProps {
     selectsRange?: false;

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

@@ -75,3 +75,6 @@ export { default as LaunchTypeIcon } from './svg/launchType.svg';
 export { default as RunManualIcon } from './svg/runManual.svg';
 export { default as CoverageFullIcon } from './svg/coverageFull.svg';
 export { default as CoveragePartialIcon } from './svg/coveragePartially.svg';
+export { default as DownloadIcon } from './svg/download.svg';
+export { default as ArrowRightIcon } from './svg/arrowRight.svg';
+export { default as ArrowLeftIcon } from './svg/arrowLeft.svg';

package/dist/datePicker-6c001a18.js

@@ -0,0 +1,229 @@
+import { jsxs as x, Fragment as z, jsx as a } from "react/jsx-runtime";
+import { useMemo as v, forwardRef as J, useRef as K } from "react";
+import I from "react-datepicker/dist/es/index.js";
+import { c as Y } from "./bind-06a7ff84.js";
+import { F as Q } from "./fieldText-1749da7a.js";
+import { D as L } from "./dropdown-33f2bf75.js";
+import { S as B } from "./calendarArrow-44c7e60e.js";
+import { registerLocale as X } from "react-datepicker";
+function Z(e) {
+  return e == null;
+}
+const Ae = (e, t) => {
+  X(e, t);
+}, ee = (e, t, r = 20) => {
+  const d = new Array(r).fill(void 0).map((f, u) => e - u), D = e - r + 1;
+  return t > e ? [t, ...d] : t < D ? [...d, t] : d;
+}, te = "_header_1s3dn_1", ne = "_disabled_1s3dn_25", oe = "_dropdown_1s3dn_8", ae = {
+  header: te,
+  "dropdowns-wrapper": "_dropdowns-wrapper_1s3dn_8",
+  "button-prev": "_button-prev_1s3dn_13",
+  "button-next": "_button-next_1s3dn_14",
+  disabled: ne,
+  dropdown: oe,
+  "month-dropdown": "_month-dropdown_1s3dn_44",
+  "toggle-button": "_toggle-button_1s3dn_47"
+}, l = Y.bind(ae), re = ({
+  date: e = /* @__PURE__ */ new Date(),
+  changeYear: t = () => {
+  },
+  changeMonth: r = () => {
+  },
+  decreaseMonth: d = () => {
+  },
+  increaseMonth: D = () => {
+  },
+  prevMonthButtonDisabled: f = !1,
+  nextMonthButtonDisabled: u = !1,
+  headerNodes: w = null,
+  customClassName: y = "",
+  yearsOptions: N = [],
+  locale: k
+}) => {
+  const p = e.getFullYear(), S = e.getMonth(), C = v(() => {
+    const n = Array(12).keys(), m = new Intl.DateTimeFormat(k, {
+      month: "long"
+    }), g = (s) => m.format(new Date(p, s));
+    return Array.from(n, g).reduce((s, P, c) => s.concat({
+      value: c,
+      label: P
+    }), []);
+  }, [k, p]), A = v(() => {
+    const n = (/* @__PURE__ */ new Date()).getFullYear();
+    return (N.length > 0 ? N : ee(n, p)).reduce(
+      (g, _) => g.concat({ value: _, label: `${_}` }),
+      []
+    );
+  }, [N, p]), F = (n) => {
+    r(n);
+  }, o = (n) => {
+    t(n);
+  };
+  return /* @__PURE__ */ x(z, { children: [
+    w && /* @__PURE__ */ a("div", { className: l(y), children: w }),
+    /* @__PURE__ */ x("div", { className: l("header"), children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Previous Months",
+          disabled: f,
+          onClick: (n) => {
+            n.stopPropagation(), d();
+          },
+          className: l("button-prev", { disabled: f }),
+          children: /* @__PURE__ */ a(B, {})
+        }
+      ),
+      /* @__PURE__ */ x("div", { className: l("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ a(
+          L,
+          {
+            options: C,
+            value: S,
+            onChange: F,
+            transparentBackground: !0,
+            className: l("dropdown", "month-dropdown"),
+            toggleButtonClassName: l("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ a(
+          L,
+          {
+            options: A,
+            value: p,
+            onChange: o,
+            transparentBackground: !0,
+            className: l("dropdown"),
+            toggleButtonClassName: l("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Next Months",
+          disabled: u,
+          onClick: (n) => {
+            n.stopPropagation(), D();
+          },
+          className: l("button-next", { disabled: u }),
+          children: /* @__PURE__ */ a(B, {})
+        }
+      )
+    ] })
+  ] });
+}, se = "_calendar_1511k_5", ce = "_date_1511k_104", de = "_disabled_1511k_150", le = "_popper_1511k_159", ie = "_input_1511k_163", pe = {
+  calendar: se,
+  "current-date": "_current-date_1511k_103",
+  date: ce,
+  "end-date": "_end-date_1511k_121",
+  "selected-range": "_selected-range_1511k_131",
+  disabled: de,
+  popper: le,
+  input: ie,
+  "input-range": "_input-range_1511k_174"
+}, b = Y.bind(pe), ue = "en", me = "MM-dd-yyyy", ge = " to ", O = (e) => Z(e) ? void 0 : e, _e = J(
+  ({ selectsRange: e, value: t, ...r }, d) => /* @__PURE__ */ a(
+    Q,
+    {
+      ...r,
+      className: b("input", e ? "input-range" : ""),
+      defaultWidth: !1,
+      value: e ? (t == null ? void 0 : t.replace(" - ", ge)) ?? "" : t,
+      ref: d,
+      readOnly: !0
+    }
+  )
+), Fe = (e) => {
+  const {
+    onChange: t = () => {
+    },
+    disabled: r = !1,
+    onBlur: d = () => {
+    },
+    onFocus: D = () => {
+    },
+    headerNodes: f = null,
+    customClassName: u = "",
+    customTimeInput: w = void 0,
+    shouldCloseOnSelect: y = !0,
+    popperClassName: N = "",
+    calendarClassName: k = "",
+    popperPlacement: p = "bottom-start",
+    fixedHeight: S = !0,
+    language: C = ue,
+    yearsOptions: A = [],
+    dateFormat: F = me,
+    value: o = null
+  } = e, { minDate: n, maxDate: m } = e, g = O(n), _ = O(m), s = "selectsRange" in e && e.selectsRange === !0, P = K(null), c = s ? (o == null ? void 0 : o[0]) ?? void 0 : void 0, i = s ? (o == null ? void 0 : o[1]) ?? void 0 : void 0, $ = c == null ? void 0 : c.toDateString(), H = i == null ? void 0 : i.toDateString(), M = i && c && i > c, U = s ? "Select date range" : "Select date", j = e.placeholder ?? U, R = {
+    customInput: /* @__PURE__ */ a(_e, { ref: P, selectsRange: s }),
+    placeholderText: j,
+    disabled: r,
+    shouldCloseOnSelect: y,
+    fixedHeight: S,
+    locale: C,
+    showPopperArrow: !1,
+    dayClassName: (h) => {
+      if (!s) {
+        const W = o == null ? void 0 : o.toDateString(), q = h.toDateString();
+        return b("date", {
+          "current-date": q === W,
+          disabled: r
+        });
+      }
+      const T = h.toDateString(), G = T === $, E = M && T === H, V = c && i && h > c && h < i;
+      return b("date", {
+        "current-date": G,
+        "selected-range": V && !E,
+        "end-date": E && M,
+        disabled: r
+      });
+    },
+    calendarClassName: b(k, "calendar"),
+    renderCustomHeader: (h) => /* @__PURE__ */ a(
+      re,
+      {
+        ...h,
+        headerNodes: f,
+        customClassName: u,
+        yearsOptions: A,
+        locale: C
+      }
+    ),
+    onBlur: d,
+    onFocus: D,
+    customTimeInput: w,
+    showTimeInput: !!w,
+    popperClassName: b(N, "popper"),
+    dateFormat: F,
+    className: b("datepicker"),
+    popperPlacement: p
+  };
+  return s ? /* @__PURE__ */ a(
+    I,
+    {
+      ...R,
+      selectsRange: !0,
+      startDate: c,
+      endDate: i,
+      onChange: t,
+      minDate: g,
+      maxDate: _
+    }
+  ) : /* @__PURE__ */ a(
+    I,
+    {
+      ...R,
+      selected: o,
+      onChange: t,
+      minDate: g,
+      maxDate: _
+    }
+  );
+};
+export {
+  Fe as D,
+  Ae as r
+};

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-bc0a9fca.js";
-import { r as H } from "./datePicker-bc0a9fca.js";
+import { D as t } from "./datePicker-6c001a18.js";
+import { r as H } from "./datePicker-6c001a18.js";
 import "react/jsx-runtime";
 import "react";
 import "react-datepicker/dist/es/index.js";