@reportportal/ui-kit 0.0.1-alpha.184 → 0.0.1-alpha.186

package/dist/checkbox-2b9f889c.js

@@ -0,0 +1,73 @@
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { c as f } from "./bind-06a7ff84.js";
+import { useRef as y, useId as C } from "react";
+import { K as p } from "./keyCodes-f63c0e11.js";
+const E = "_checkbox_6sak0_1", D = "_disabled_6sak0_12", K = "_input_6sak0_17", N = "_control_6sak0_24", I = "_children_6sak0_152", R = {
+  checkbox: E,
+  disabled: D,
+  input: K,
+  control: N,
+  "partially-checked": "_partially-checked_6sak0_79",
+  children: I
+}, e = f.bind(R), A = ({
+  children: a,
+  disabled: c = !1,
+  onChange: d,
+  className: h,
+  value: t,
+  partiallyChecked: b,
+  title: r,
+  ...u
+}) => {
+  const o = y(null), l = C(), m = (s) => {
+    var k, _;
+    const { keyCode: i } = s;
+    if (i === p.SPACE_KEY_CODE) {
+      s.preventDefault(), (k = o.current) == null || k.click();
+      return;
+    }
+    i === p.ENTER_KEY_CODE && (s.preventDefault(), (_ = o.current) == null || _.click());
+  };
+  return /* @__PURE__ */ x(
+    "label",
+    {
+      id: l,
+      className: e("checkbox", h, {
+        disabled: c
+      }),
+      title: r,
+      children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: o,
+            tabIndex: 0,
+            type: "checkbox",
+            onKeyDown: m,
+            className: e("input", { "partially-checked": b }),
+            disabled: c,
+            onChange: d,
+            checked: t,
+            title: r,
+            ...u
+          }
+        ),
+        /* @__PURE__ */ n(
+          "span",
+          {
+            "aria-labelledby": l,
+            role: "checkbox",
+            "aria-checked": t,
+            className: e("control", {
+              disabled: c
+            })
+          }
+        ),
+        a && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: a })
+      ]
+    }
+  );
+};
+export {
+  A as C
+};

package/dist/checkbox.js

@@ -1,4 +1,4 @@
-import { C as r } from "./checkbox-b85cd9fa.js";
+import { C as r } from "./checkbox-2b9f889c.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 import "react";

package/dist/common/constants/sortable.d.ts

@@ -1 +1,2 @@
 export declare const DEFAULT_SORTABLE_TYPE = "SORTABLE_ITEM";
+export declare const EXTERNAL_TREE_DROP_TYPE = "EXTERNAL_TREE_DROP";

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, isLast, canDropOn, onDrop, hideDefaultPreview, }: UseTreeSortableOptions) => UseTreeSortableReturn;
+export declare const useTreeSortable: ({ id, index, parentId, type, isDisabled, acceptDrop, isLast, canDropOn, onDrop, hideDefaultPreview, acceptExternalDrop, externalDropType, }: 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-687d8f74.js";
+import { u as A, a as R } from "../useTreeSortable-bc631689.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

@@ -101,6 +101,7 @@ export type TreeDropPosition = TreeDropPositionValue | null;
 export interface TreeDragItem extends DragItem {
     parentId?: string | number | null;
     depth?: number;
+    isExternal?: boolean;
 }
 export type TreeDropHandler = (draggedItem: TreeDragItem, targetId: string | number, position: TreeDropPosition) => void;
 export interface UseTreeSortableOptions {
@@ -114,6 +115,8 @@ export interface UseTreeSortableOptions {
     canDropOn?: (draggedItem: TreeDragItem, targetId: string | number) => boolean;
     onDrop?: TreeDropHandler;
     hideDefaultPreview?: boolean;
+    acceptExternalDrop?: boolean;
+    externalDropType?: string;
 }
 export interface TreeSortableState {
     isDragging: boolean;
@@ -136,6 +139,8 @@ export interface TreeSortableItemProps {
     acceptDrop?: boolean;
     isLast?: boolean;
     canDropOn?: (draggedItem: TreeDragItem, targetId: string | number) => boolean;
+    acceptExternalDrop?: boolean;
+    externalDropType?: string;
     className?: string;
     style?: CSSProperties;
     draggingClassName?: string;
@@ -174,5 +179,7 @@ export interface TreeSortableContainerProps {
     portalTarget?: Element | null;
     onMove?: TreeDropHandler;
     onDuplicate?: TreeDropHandler;
+    onMoveExternal?: TreeDropHandler;
+    onDuplicateExternal?: TreeDropHandler;
     onCancel?: () => void;
 }

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

@@ -1,3 +1,3 @@
 import { TreeSortableContainerProps } from '../../../common/types';
 
-export declare const TreeSortableContainer: ({ children, showDropConfirmation, confirmationLabels, portalTarget, onMove, onDuplicate, onCancel, }: TreeSortableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TreeSortableContainer: ({ children, showDropConfirmation, confirmationLabels, portalTarget, onMove, onDuplicate, onMoveExternal, onDuplicateExternal, onCancel, }: TreeSortableContainerProps) => import("react/jsx-runtime").JSX.Element;

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, style, 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, acceptExternalDrop, externalDropType, className, style, draggingClassName, dropBeforeClassName, dropInsideClassName, dropAfterClassName, onDrop, hideDefaultPreview, children, }: TreeSortableItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{datePicker-18882a46.js → datePicker-8453b46f.js}

@@ -3,7 +3,7 @@ import { useMemo as E, forwardRef as G, useRef as V } from "react";
 import v from "react-datepicker/dist/es/index.js";
 import { c as L } from "./bind-06a7ff84.js";
 import { F as W } from "./fieldText-1749da7a.js";
-import { D as x } from "./dropdown-27dfefb1.js";
+import { D as x } from "./dropdown-99d0749c.js";
 import { S as I } from "./calendarArrow-44c7e60e.js";
 import { registerLocale as q } from "react-datepicker";
 const De = (t, n) => {

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-18882a46.js";
-import { r as E } from "./datePicker-18882a46.js";
+import { D as t } from "./datePicker-8453b46f.js";
+import { r as E } from "./datePicker-8453b46f.js";
 import "react/jsx-runtime";
 import "react";
 import "react-datepicker/dist/es/index.js";
@@ -11,7 +11,7 @@ import "./baseIconButton-251479f7.js";
 import "./spinLoader-c4a53718.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./fieldLabel.js";
-import "./dropdown-27dfefb1.js";
+import "./dropdown-99d0749c.js";
 import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
@@ -25,7 +25,7 @@ import "./isEmpty-ccacb5ff.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import "./useEllipsisTitle-462fa254.js";
-import "./checkbox-b85cd9fa.js";
+import "./checkbox-2b9f889c.js";
 import "./calendarArrow-44c7e60e.js";
 import "react-datepicker";
 export {

package/dist/{dropdown-27dfefb1.js → dropdown-99d0749c.js}

@@ -14,7 +14,7 @@ import { AdaptiveTagList as zr } from "./adaptiveTagList.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as Tr } from "./useEllipsisTitle-462fa254.js";
-import { C as xr } from "./checkbox-b85cd9fa.js";
+import { C as xr } from "./checkbox-2b9f889c.js";
 import { i as te } from "./isEmpty-ccacb5ff.js";
 const kr = (n) => {
   const r = {}, c = {};

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { D as r } from "./dropdown-27dfefb1.js";
-import { a as E } from "./dropdown-27dfefb1.js";
+import { D as r } from "./dropdown-99d0749c.js";
+import { a as E } from "./dropdown-99d0749c.js";
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
@@ -19,7 +19,7 @@ import "./isEmpty-ccacb5ff.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import "./useEllipsisTitle-462fa254.js";
-import "./checkbox-b85cd9fa.js";
+import "./checkbox-2b9f889c.js";
 export {
   E as DROPDOWN_PORTAL_MENU_ATTR,
   r as Dropdown,

package/dist/index.js

@@ -7,11 +7,11 @@ import { B as N } from "./breadcrumbs-1e887800.js";
 import { B as z } from "./bubblesLoader-f3ffa240.js";
 import { BulkPanel as J } from "./bulkPanel.js";
 import { B as _ } from "./button-7ab874f3.js";
-import { C as W } from "./checkbox-b85cd9fa.js";
+import { C as W } from "./checkbox-2b9f889c.js";
 import { Chip as j } from "./chip.js";
-import { D as K } from "./datePicker-18882a46.js";
+import { D as K } from "./datePicker-8453b46f.js";
 import "react-datepicker";
-import { D as Y } from "./dropdown-27dfefb1.js";
+import { D as Y } from "./dropdown-99d0749c.js";
 import { FieldLabel as $ } from "./fieldLabel.js";
 import { F as ro } from "./fieldNumber-d1b5a7a1.js";
 import { F as to } from "./fieldText-1749da7a.js";
@@ -31,7 +31,7 @@ import { S as Lo } from "./spinLoader-c4a53718.js";
 import { SystemAlert as Eo } from "./systemAlert.js";
 import { S as ko } from "./systemMessage-924fdaa6.js";
 import { DragLayer as No, SortableItem as Uo, SortableList as zo, TreeSortableContainer as Ho, TreeSortableItem as Jo } from "./sortable.js";
-import { T as _o } from "./table-0392b58d.js";
+import { T as _o } from "./table-701a71d1.js";
 import { T as Wo } from "./themeProvider-46c2be7b.js";
 import { T as jo } from "./toggle-304107fa.js";
 import { Tooltip as Ko } from "./tooltip.js";
@@ -75,7 +75,7 @@ import "framer-motion";
 import "./useWindowResize-a7e1ac92.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
-import "./useTreeSortable-687d8f74.js";
+import "./useTreeSortable-bc631689.js";
 import "./common.js";
 import "react-resizable";
 export {

package/dist/modal.js

@@ -7,7 +7,7 @@ import { u as q } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { u as J } from "./useWindowResize-a7e1ac92.js";
-import { a as Q } from "./dropdown-27dfefb1.js";
+import { a as Q } from "./dropdown-99d0749c.js";
 import { K as V } from "./keyCodes-f63c0e11.js";
 import { B as A } from "./button-7ab874f3.js";
 import { Tooltip as Z } from "./tooltip.js";
@@ -22,7 +22,7 @@ import "./fieldLabel.js";
 import "./adaptiveTagList.js";
 import "./isEmpty-ccacb5ff.js";
 import "./useEllipsisTitle-462fa254.js";
-import "./checkbox-b85cd9fa.js";
+import "./checkbox-2b9f889c.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 const eo = {

package/dist/sidePanel.js

@@ -5,7 +5,7 @@ import { K as B } from "./keyCodes-f63c0e11.js";
 import { u as L } from "./useOnClickOutside-8f7d68a1.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import { a as O } from "./dropdown-27dfefb1.js";
+import { a as O } from "./dropdown-99d0749c.js";
 import { S as T } from "./close-4d480ef7.js";
 import { B as j } from "./baseIconButton-251479f7.js";
 import "react-dom";
@@ -19,7 +19,7 @@ import "./adaptiveTagList.js";
 import "./button-7ab874f3.js";
 import "./isEmpty-ccacb5ff.js";
 import "./useEllipsisTitle-462fa254.js";
-import "./checkbox-b85cd9fa.js";
+import "./checkbox-2b9f889c.js";
 const w = "_active_5ebdz_11", M = "_compact_5ebdz_62", F = "_header_5ebdz_58", H = "_title_5ebdz_88", U = "_description_5ebdz_99", W = "_content_5ebdz_108", Y = "_footer_5ebdz_115", q = "_divider_5ebdz_121", G = {
   "side-panel-overlay": "_side-panel-overlay_5ebdz_1",
   active: w,