@reportportal/ui-kit 0.0.1-alpha.4 → 0.0.1-alpha.41

package/dist/components/table/types.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode } from 'react';
+export interface Column {
+    key: string;
+    header: string;
+}
+export interface PrimaryColumn extends Column {
+    primary: boolean;
+}
+export interface FixedColumn extends Column {
+    width: string | number;
+    align?: 'left' | 'center' | 'right';
+}
+export interface RowConfigs {
+    size?: 'small' | 'medium' | 'large';
+}
+export interface DetailedCellData {
+    content: string | number;
+    component: ReactNode;
+}
+export interface MetaData {
+    [key: string]: any;
+}
+export interface RowData {
+    id: string | number;
+    [key: string]: DetailedCellData | RowConfigs | string | number | any;
+    rowConfigs?: RowConfigs;
+    metaData?: MetaData;
+}
+export declare enum SortDirection {
+    ASC = "asc",
+    DESC = "desc"
+}
+export interface SortConfig {
+    key: string;
+    direction: SortDirection;
+}
+export interface TableComponentProps {
+    data: RowData[];
+    primaryColumn: Column;
+    fixedColumns: FixedColumn[];
+    renderRowActions?: (metaData?: MetaData) => ReactNode;
+    selectable?: boolean;
+    className?: string;
+    headerClassName?: string;
+    rowClassName?: string;
+    selectedRowIds?: (string | number)[];
+    sortingDirection?: SortDirection;
+    sortingColumn?: Column;
+    sortableColumns?: string[];
+    onChangeSorting?: (sortConfig?: SortConfig) => void;
+    onToggleRowSelection?: (id: string | number) => void;
+    onToggleAllRowsSelection?: () => void;
+}

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

@@ -0,0 +1,3 @@
+import { Column, RowData, SortConfig } from './types';
+export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];
+export declare const getColumnsKeys: (columns: Column[]) => string[];

package/dist/components/themeProvider/themeProvider.d.ts

@@ -7,6 +7,7 @@ interface IThemeProviderProps {
     children?: ReactNode;
     theme?: ThemeKey;
     customThemes?: ITheme;
+    className?: string;
 }
-export declare function ThemeProvider({ children, theme, customThemes, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemeProvider({ children, theme, customThemes, className, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/dist/components/toggle/toggle.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEventHandler, FC, HTMLAttributes, ReactNode } from 'react';
+interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
+    value: boolean;
+    title?: string;
+    children?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const Toggle: FC<ToggleProps>;
+export {};

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

@@ -0,0 +1 @@
+export { Tooltip } from './tooltip';

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    wrapperClassName?: string;
+    contentClassName?: string;
+    dynamicWidth?: boolean;
+    width?: number;
+    minWidth?: number;
+    placement?: Placement;
+    dataAutomationId?: string;
+    arrowColor?: string;
+    safeZone?: number;
+    zIndex?: number;
+    mainAxis?: boolean;
+}
+export declare const Tooltip: FC<TooltipProps>;
+export {};

package/dist/date2-9273411e.js

@@ -0,0 +1,46 @@
+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

@@ -0,0 +1,7 @@
+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-a005ebc6.js

@@ -0,0 +1,194 @@
+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-9f4d1928.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/datePicker-e85bee1d.js

@@ -0,0 +1,194 @@
+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-9f4d1928.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/datePicker.js

@@ -0,0 +1,19 @@
+import { D as t } from "./datePicker-a005ebc6.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-9f4d1928.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 DatePicker,
+  t as default
+};

package/dist/datePicker1.js

@@ -0,0 +1,19 @@
+import { D as t } from "./datePicker-e85bee1d.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-9f4d1928.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
+};