@reportportal/ui-kit 0.0.1-alpha.173 → 0.0.1-alpha.175

package/dist/common/hooks/useTreeSortable.d.ts

@@ -1,3 +1,3 @@
 import { UseTreeSortableOptions, UseTreeSortableReturn } from '../types';
 
-export declare const useTreeSortable: ({ id, index, parentId, type, isDisabled, acceptDrop, canDropOn, onDrop, hideDefaultPreview, }: UseTreeSortableOptions) => UseTreeSortableReturn;
+export declare const useTreeSortable: ({ id, index, parentId, type, isDisabled, acceptDrop, isLast, canDropOn, onDrop, hideDefaultPreview, }: UseTreeSortableOptions) => UseTreeSortableReturn;

package/dist/common/hooks.js

@@ -1,5 +1,5 @@
 import { u as E } from "../useOnClickOutside-8f7d68a1.js";
-import { u as A, a as R } from "../useTreeSortable-70a9c8f5.js";
+import { u as A, a as R } from "../useTreeSortable-694cfbbc.js";
 import { useCallback as D } from "react";
 import { i as x } from "../isEmpty-ccacb5ff.js";
 import { u as W } from "../useWindowResize-a7e1ac92.js";

package/dist/common/types/sortableTypes.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, Ref } from 'react';
+import { ReactNode, Ref, CSSProperties } from 'react';
 import { XYCoord, ConnectDragSource, ConnectDropTarget, ConnectDragPreview } from 'react-dnd';
 
 export interface SortableItemData {
@@ -101,6 +101,7 @@ export interface UseTreeSortableOptions {
     type?: string;
     isDisabled?: boolean;
     acceptDrop?: boolean;
+    isLast?: boolean;
     canDropOn?: (draggedItem: TreeDragItem, targetId: string | number) => boolean;
     onDrop?: TreeDropHandler;
     hideDefaultPreview?: boolean;
@@ -126,8 +127,8 @@ export interface TreeSortableItemProps {
     acceptDrop?: boolean;
     isLast?: boolean;
     canDropOn?: (draggedItem: TreeDragItem, targetId: string | number) => boolean;
-    depth?: number;
     className?: string;
+    style?: CSSProperties;
     draggingClassName?: string;
     dropBeforeClassName?: string;
     dropInsideClassName?: string;

package/dist/components/sortable/treeSortableItem/treeSortableItem.d.ts

@@ -1,3 +1,3 @@
 import { TreeSortableItemProps } from '../../../common/types';
 
-export declare const TreeSortableItem: ({ id, index, parentId, type, isDisabled, acceptDrop, isLast, canDropOn, className, draggingClassName, dropBeforeClassName, dropInsideClassName, dropAfterClassName, onDrop, hideDefaultPreview, children, }: TreeSortableItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TreeSortableItem: ({ id, index, parentId, type, isDisabled, acceptDrop, isLast, canDropOn, className, style, draggingClassName, dropBeforeClassName, dropInsideClassName, dropAfterClassName, onDrop, hideDefaultPreview, children, }: TreeSortableItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/filtersButton.js

@@ -1,64 +1,64 @@
-import { jsxs as N, jsx as e } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { c as S } from "./bind-06a7ff84.js";
-import { S as y } from "./clear-53660571.js";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { c as g } from "./bind-06a7ff84.js";
+import { S } from "./clear-53660571.js";
 import { S as D, a as k } from "./filterOutline-819b4b0d.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as x } from "./useEllipsisTitle-462fa254.js";
-const F = "_opened_ntvuh_37", T = "_icon_ntvuh_98", j = "_disabled_ntvuh_115", E = {
-  "filters-icon-container": "_filters-icon-container_ntvuh_16",
-  "filter-icon": "_filter-icon_ntvuh_34",
+const F = "_opened_1ytvw_37", T = "_icon_1ytvw_95", j = "_disabled_1ytvw_112", E = {
+  "filters-icon-container": "_filters-icon-container_1ytvw_16",
+  "filter-icon": "_filter-icon_1ytvw_34",
   opened: F,
-  "with-applied": "_with-applied_ntvuh_43",
-  "filters-count": "_filters-count_ntvuh_52",
-  "clear-wrapper": "_clear-wrapper_ntvuh_89",
+  "with-applied": "_with-applied_1ytvw_43",
+  "filters-count": "_filters-count_1ytvw_51",
+  "clear-wrapper": "_clear-wrapper_1ytvw_86",
   icon: T,
-  "clear-icon": "_clear-icon_ntvuh_98",
+  "clear-icon": "_clear-icon_1ytvw_95",
   disabled: j
-}, n = S.bind(E), q = g(
+}, o = g.bind(E), q = N(
   ({
     appliedFiltersCount: l = 0,
     isOpen: f = !1,
     className: _,
     type: d = "button",
-    text: r,
+    text: n,
     filtersLabelClassName: c,
-    clearable: u = !1,
+    clearable: m = !1,
     onClear: i,
-    clearButtonAriaLabel: m = "Clear filters",
-    ...h
-  }, v) => {
-    const o = l > 0, s = r !== void 0 && r !== "", b = s ? r : o ? l : void 0, { ref: a, title: p } = x(b), w = n("filters-icon-container", _, {
-      "with-applied": o || s,
+    clearButtonAriaLabel: w = "Clear filters",
+    ...v
+  }, u) => {
+    const s = l > 0, r = n !== void 0 && n !== "", y = r ? n : s ? l : void 0, { ref: a, title: p } = x(y), b = o("filters-icon-container", _, {
+      "with-applied": s || r,
       opened: f
     });
-    return /* @__PURE__ */ N("button", { type: d, className: w, ref: v, ...h, children: [
-      /* @__PURE__ */ e("span", { className: n("filter-icon"), children: o || s ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(k, {}) }),
-      s ? /* @__PURE__ */ e(
+    return /* @__PURE__ */ h("button", { type: d, className: b, ref: u, ...v, children: [
+      /* @__PURE__ */ e("span", { className: o("filter-icon"), children: s ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(k, {}) }),
+      r ? /* @__PURE__ */ e(
         "span",
         {
           ref: a,
           title: p,
-          className: n("filters-count", c),
-          children: r
+          className: o("filters-count", c),
+          children: n
         }
-      ) : o ? /* @__PURE__ */ e(
+      ) : s ? /* @__PURE__ */ e(
         "span",
         {
           ref: a,
           title: p,
-          className: n("filters-count", c),
+          className: o("filters-count", c),
           children: l
         }
       ) : null,
-      u && (o || s) && /* @__PURE__ */ e("div", { className: n("clear-wrapper"), children: /* @__PURE__ */ e(
+      m && (s || r) && /* @__PURE__ */ e("div", { className: o("clear-wrapper"), children: /* @__PURE__ */ e(
         "span",
         {
           role: "button",
           tabIndex: 0,
-          "aria-label": m,
-          className: n("clear-icon"),
+          "aria-label": w,
+          className: o("clear-icon"),
           onClick: (t) => {
             t.stopPropagation(), i == null || i();
           },
@@ -66,7 +66,7 @@ const F = "_opened_ntvuh_37", T = "_icon_ntvuh_98", j = "_disabled_ntvuh_115", E
             (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), i == null || i());
           },
           onMouseDown: (t) => t.preventDefault(),
-          children: /* @__PURE__ */ e(y, {})
+          children: /* @__PURE__ */ e(S, {})
         }
       ) })
     ] });

package/dist/index.js

@@ -75,7 +75,7 @@ import "./useWindowResize-a7e1ac92.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 import "es-toolkit";
-import "./useTreeSortable-70a9c8f5.js";
+import "./useTreeSortable-694cfbbc.js";
 import "./common.js";
 import "react-resizable";
 export {

package/dist/segmentedControl.js

@@ -1,42 +1,42 @@
-import { jsx as u, jsxs as m } from "react/jsx-runtime";
-import { useState as o, useEffect as f } from "react";
-import { c as v } from "./bind-06a7ff84.js";
-const N = "_button_188ud_28", w = "_disabled_188ud_53", x = "_active_188ud_53", h = "_icon_188ud_77", j = {
-  "segmented-control": "_segmented-control_188ud_16",
-  "full-width": "_full-width_188ud_23",
-  button: N,
-  disabled: w,
-  active: x,
-  icon: h
-}, c = v.bind(j), g = ({
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import { useState as o, useEffect as v } from "react";
+import { c as z } from "./bind-06a7ff84.js";
+const f = "_button_8evzz_29", N = "_disabled_8evzz_50", w = "_active_8evzz_50", x = "_icon_8evzz_74", h = {
+  "segmented-control": "_segmented-control_8evzz_16",
+  "full-width": "_full-width_8evzz_24",
+  button: f,
+  disabled: N,
+  active: w,
+  icon: x
+}, c = z.bind(h), S = ({
   options: s,
   onChange: l,
-  className: r,
-  fullWidth: n = !1,
-  ariaLabel: i
+  className: n,
+  fullWidth: i = !1,
+  ariaLabel: _
 }) => {
-  const [d, t] = o(s);
-  f(() => {
-    t(s);
+  const [t, d] = o(s);
+  v(() => {
+    d(s);
   }, [s]);
-  const _ = (e) => {
+  const b = (e) => {
     if (!e.disabled && !e.selected) {
-      const b = d.map((a) => ({
+      const m = t.map((a) => ({
         ...a,
         selected: a.value === e.value
       }));
-      t(b), l == null || l(e.value);
+      d(m), l == null || l(e.value);
     }
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ r(
     "div",
     {
-      className: c("segmented-control", r, {
-        "full-width": n
+      className: c("segmented-control", n, {
+        "full-width": i
       }),
       role: "group",
-      "aria-label": i,
-      children: d.map((e) => /* @__PURE__ */ m(
+      "aria-label": _,
+      children: t.map((e) => /* @__PURE__ */ u(
         "button",
         {
           type: "button",
@@ -44,11 +44,11 @@ const N = "_button_188ud_28", w = "_disabled_188ud_53", x = "_active_188ud_53",
             active: e.selected,
             disabled: e.disabled
           }),
-          onClick: () => _(e),
+          onClick: () => b(e),
           disabled: e.disabled,
           "aria-pressed": e.selected,
           children: [
-            e.icon && /* @__PURE__ */ u("span", { className: c("icon"), children: e.icon }),
+            e.icon && /* @__PURE__ */ r("span", { className: c("icon"), children: e.icon }),
             e.label
           ]
         },
@@ -58,5 +58,5 @@ const N = "_button_188ud_28", w = "_disabled_188ud_53", x = "_active_188ud_53",
   );
 };
 export {
-  g as SegmentedControl
+  S as SegmentedControl
 };