@reportportal/ui-kit 0.0.1-alpha.9 → 0.0.1-alpha.90

package/dist/components/selection/selection.d.ts

@@ -0,0 +1,12 @@
+import { ClearSelection } from './types';
+
+export interface SelectionProps {
+    selectedCount: number;
+    onClearSelection: ClearSelection;
+    captions?: {
+        selected?: string;
+        buttonCaption?: string;
+    };
+    icon?: React.ReactNode;
+}
+export declare const Selection: ({ selectedCount, onClearSelection, captions, icon, }: SelectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export type ClearSelection = VoidFunction;

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

@@ -0,0 +1,4 @@
+import { SpinLoader } from './spinLoader';
+
+export { SpinLoader };
+export default SpinLoader;

package/dist/components/spinLoader/spinLoader.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface SpinLoaderProps {
+    color?: string;
+    className?: string;
+}
+export declare const SpinLoader: FC<SpinLoaderProps>;
+export {};

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

@@ -0,0 +1 @@
+export { SystemAlert } from './systemAlert';

package/dist/components/systemAlert/systemAlert.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SystemAlertProps } from './types';
+
+export declare const SystemAlert: FC<SystemAlertProps>;

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

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+
+export declare enum SystemAlertType {
+    INFO = "info",
+    SUCCESS = "success",
+    ERROR = "error"
+}
+export interface SystemAlertProps {
+    title: string;
+    onClose: () => void;
+    icon?: ReactElement | null;
+    type?: SystemAlertType;
+    duration?: number;
+    className?: string;
+    dataAutomationId?: string;
+}

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

@@ -1,3 +1,4 @@
 import { SystemMessage } from './systemMessage';
+
 export { SystemMessage };
 export default SystemMessage;

package/dist/components/systemMessage/systemMessage.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+
 type Mode = 'info' | 'warning' | 'error';
 interface SystemMessageProps {
     children?: ReactNode;

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

@@ -0,0 +1,2 @@
+export declare const ASC = "asc";
+export declare const DESC = "desc";

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

@@ -1,3 +1,4 @@
 import { Table } from './table';
+
 export { Table };
 export default Table;

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

@@ -1,3 +1,4 @@
 import { FC } from 'react';
 import { TableComponentProps } from './types';
+
 export declare const Table: FC<TableComponentProps>;

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

@@ -1,4 +1,6 @@
 import { ReactNode } from 'react';
+import { ASC, DESC } from './constants';
+
 export interface Column {
     key: string;
     header: string;
@@ -17,29 +19,33 @@ 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 type SortingDirection = typeof ASC | typeof DESC | Uppercase<typeof ASC | typeof DESC>;
 export interface SortConfig {
     key: string;
-    direction: SortDirection;
+    direction: SortingDirection;
 }
 export interface TableComponentProps {
     data: RowData[];
     primaryColumn: Column;
     fixedColumns: FixedColumn[];
-    rowActionMenu?: ReactNode;
+    renderRowActions?: (metaData?: MetaData) => ReactNode;
     selectable?: boolean;
     className?: string;
+    headerClassName?: string;
+    rowClassName?: string;
     selectedRowIds?: (string | number)[];
-    sortingDirection?: SortDirection;
+    sortingDirection?: SortingDirection;
     sortingColumn?: Column;
+    sortableColumns?: string[];
     onChangeSorting?: (sortConfig?: SortConfig) => void;
     onToggleRowSelection?: (id: string | number) => void;
     onToggleAllRowsSelection?: () => void;

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

@@ -1,2 +1,6 @@
-import { RowData, SortConfig } from './types';
+import { Column, RowData, SortConfig, SortingDirection } from './types';
+
+export declare const isAsc: (direction: SortingDirection) => boolean;
 export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];
+export declare const getColumnsKeys: (columns: Column[]) => string[];
+export declare const toggleDirection: (direction: SortingDirection) => "asc" | "desc";

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

@@ -1,3 +1,4 @@
 import { ThemeProvider } from './themeProvider';
+
 export { ThemeProvider };
 export default ThemeProvider;

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 type ThemeKey = 'light' | 'dark' | string;
 interface ITheme {
     [themeKey: ThemeKey]: string;

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

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

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

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, FC, HTMLAttributes, ReactNode } from 'react';
+
 interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
     value: boolean;
     title?: string;

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

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

package/dist/datePicker-f8747600.js

@@ -0,0 +1,196 @@
+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 p = n.getFullYear(), v = n.getMonth(), y = P(() => {
+    const e = Array(12).keys(), d = new Intl.DateTimeFormat(N, {
+      month: "long"
+    }), c = (m) => d.format(new Date(p, m));
+    return Array.from(e, c).reduce((m, f, k) => m.concat({
+      value: k,
+      label: f
+    }), []);
+  }, []), C = P(() => (i.length > 0 ? i : G(p)).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",
+        {
+          type: "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: y,
+            value: v,
+            onChange: x,
+            transparentBackground: !0,
+            className: a("dropdown", "month-dropdown"),
+            toggleButtonClassName: a("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ r(
+          E,
+          {
+            options: C,
+            value: p,
+            onChange: A,
+            transparentBackground: !0,
+            className: a("dropdown"),
+            toggleButtonClassName: a("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r(
+        "button",
+        {
+          type: "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", pe = ({
+  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: p = "",
+  fixedHeight: v = !1,
+  language: y = 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(), m = o == null ? void 0 : o.toDateString(), f = o && t && o > t, k = (u) => {
+    const M = u.toDateString(), Y = M === S, q = f && M === m, U = t && o && u > t && u < o;
+    return _("date", {
+      "current-date": Y,
+      "selected-range": U && !q,
+      "end-date": q && f,
+      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: y,
+      showPopperArrow: !1,
+      dayClassName: k,
+      calendarClassName: _(p, "calendar"),
+      renderCustomHeader: (u) => /* @__PURE__ */ r(
+        z,
+        {
+          ...u,
+          headerNodes: h,
+          customClassName: b,
+          yearsOptions: C,
+          locale: y
+        }
+      ),
+      onChange: n,
+      onBlur: l,
+      onFocus: g,
+      customTimeInput: w,
+      showTimeInput: !!w,
+      popperClassName: _(N, "popper"),
+      dateFormat: A,
+      selectsStart: e === "start",
+      selectsEnd: e === "end",
+      className: _("datepicker")
+    }
+  );
+};
+export {
+  pe as D,
+  ie as r
+};

package/dist/datePicker.js

@@ -0,0 +1,28 @@
+import { D as t } from "./datePicker-f8747600.js";
+import { r as v } from "./datePicker-f8747600.js";
+import "react/jsx-runtime";
+import "react-datepicker/dist/es/index.js";
+import "./bind-06a7ff84.js";
+import "react";
+import "./fieldText-35421470.js";
+import "./openEye-7b9cf080.js";
+import "./button-97d9e587.js";
+import "./spinLoader-c4a53718.js";
+import "./maxValueDisplay-9be01a75.js";
+import "./fieldLabel.js";
+import "./dropdown-b26b8fd8.js";
+import "@floating-ui/react-dom";
+import "downshift";
+import "rc-scrollbars";
+import "./useOnClickOutside-c332f7d3.js";
+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,
+  t as default,
+  v as registerDatePickerLocale
+};

package/dist/dropdown-0260bb66.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" }));
+export {
+  o as S
+};