@reportportal/ui-kit 0.0.1-alpha.192 → 0.0.1-alpha.194

package/dist/{checkbox-2b9f889c.js → checkbox-76aa8f97.js}

@@ -1,16 +1,16 @@
-import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { jsxs as x, jsx as a } 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 = {
+import { K as _ } from "./keyCodes-f63c0e11.js";
+const E = "_checkbox_10pak_1", D = "_disabled_10pak_12", K = "_input_10pak_17", N = "_control_10pak_24", I = "_children_10pak_152", R = {
   checkbox: E,
   disabled: D,
   input: K,
   control: N,
-  "partially-checked": "_partially-checked_6sak0_79",
+  "partially-checked": "_partially-checked_10pak_79",
   children: I
 }, e = f.bind(R), A = ({
-  children: a,
+  children: s,
   disabled: c = !1,
   onChange: d,
   className: h,
@@ -19,14 +19,14 @@ const E = "_checkbox_6sak0_1", D = "_disabled_6sak0_12", K = "_input_6sak0_17",
   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();
+  const o = y(null), l = C(), m = (n) => {
+    var i, k;
+    const { keyCode: p } = n;
+    if (p === _.SPACE_KEY_CODE) {
+      n.preventDefault(), (i = o.current) == null || i.click();
       return;
     }
-    i === p.ENTER_KEY_CODE && (s.preventDefault(), (_ = o.current) == null || _.click());
+    p === _.ENTER_KEY_CODE && (n.preventDefault(), (k = o.current) == null || k.click());
   };
   return /* @__PURE__ */ x(
     "label",
@@ -37,7 +37,7 @@ const E = "_checkbox_6sak0_1", D = "_disabled_6sak0_12", K = "_input_6sak0_17",
       }),
       title: r,
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "input",
           {
             ref: o,
@@ -52,7 +52,7 @@ const E = "_checkbox_6sak0_1", D = "_disabled_6sak0_12", K = "_input_6sak0_17",
             ...u
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ a(
           "span",
           {
             "aria-labelledby": l,
@@ -63,7 +63,7 @@ const E = "_checkbox_6sak0_1", D = "_disabled_6sak0_12", K = "_input_6sak0_17",
             })
           }
         ),
-        a && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: a })
+        s && /* @__PURE__ */ a("span", { className: e("children", { disabled: c }), children: s })
       ]
     }
   );

package/dist/checkbox.js

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

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

@@ -3,8 +3,8 @@ interface UseCheckboxRowSyncProps {
     rowCount: number;
 }
 export declare const useCheckboxRowSync: ({ enabled, rowCount }: UseCheckboxRowSyncProps) => {
-    setTableRowRef: (index: number) => (el: HTMLElement | null) => void;
-    setCheckboxRowRef: (index: number) => (el: HTMLElement | null) => void;
+    setTableRowRef: (rowId: string | number) => (el: HTMLElement | null) => void;
+    setCheckboxRowRef: (rowId: string | number) => (el: HTMLElement | null) => void;
     syncAllHeights: () => void;
 };
 export {};

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

@@ -64,6 +64,7 @@ export interface TableComponentProps {
     isRowsExpandable?: boolean;
     expandedRowIds?: (string | number)[];
     isSelectAllCheckboxAlwaysVisible?: boolean;
+    disabledRowIds?: (string | number)[];
     setExpandedRowIds?: Dispatch<SetStateAction<Set<string | number>>>;
     isAllExpandedByDefault?: boolean;
     expandAllTooltip?: ReactNode;
@@ -76,6 +77,7 @@ export interface TableComponentProps {
     onToggleRowExpansion?: (id: string | number) => void;
     onToggleAllRowsExpansion?: () => void;
     onColumnResize?: (columnKey: string, width: number) => void;
+    getRowCheckboxTooltip?: (rowId: string | number) => ReactNode;
     externalScrollContainerRef?: RefObject<HTMLElement> | RefObject<Element> | null | undefined;
     portalContainer?: HTMLElement | null;
     rightGradientClassName?: string;

package/dist/{datePicker-8453b46f.js → datePicker-954bd00b.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-99d0749c.js";
+import { D as x } from "./dropdown-aec82d1f.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-8453b46f.js";
-import { r as E } from "./datePicker-8453b46f.js";
+import { D as t } from "./datePicker-954bd00b.js";
+import { r as E } from "./datePicker-954bd00b.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-99d0749c.js";
+import "./dropdown-aec82d1f.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-2b9f889c.js";
+import "./checkbox-76aa8f97.js";
 import "./calendarArrow-44c7e60e.js";
 import "react-datepicker";
 export {

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

@@ -1,12 +1,12 @@
 import { jsxs as k, jsx as u, Fragment as Pe } from "react/jsx-runtime";
-import { forwardRef as Er, useState as me, useRef as x, useMemo as w, useCallback as N, useLayoutEffect as Ye, useEffect as W } from "react";
+import { forwardRef as Er, useState as me, useRef as x, useMemo as g, useCallback as v, useLayoutEffect as Ye, useEffect as W } from "react";
 import { createPortal as yr } from "react-dom";
 import { c as He } from "./bind-06a7ff84.js";
-import { useFloating as Cr, offset as Ar, flip as Or, size as vr, autoUpdate as Dr } from "@floating-ui/react-dom";
-import { useSelect as we } from "downshift";
-import { Scrollbars as br } from "rc-scrollbars";
+import { useFloating as Cr, offset as Ar, flip as Or, size as br, autoUpdate as Dr } from "@floating-ui/react-dom";
+import { useSelect as ge } from "downshift";
+import { Scrollbars as Nr } from "rc-scrollbars";
 import { K as p } from "./keyCodes-f63c0e11.js";
-import { B as Nr } from "./baseIconButton-251479f7.js";
+import { B as vr } from "./baseIconButton-251479f7.js";
 import { S as Ir } from "./clear-53660571.js";
 import { S as Kr } from "./dropdown-0260bb66.js";
 import { FieldLabel as Lr } from "./fieldLabel.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-2b9f889c.js";
+import { C as xr } from "./checkbox-76aa8f97.js";
 import { i as te } from "./isEmpty-ccacb5ff.js";
 const kr = (n) => {
   const r = {}, c = {};
@@ -25,16 +25,16 @@ const kr = (n) => {
     } else
       c[a] = h;
   }), { transformed: r, remaining: c };
-}, Rr = "_disabled_14s7v_12", Pr = "_hidden_14s7v_16", Yr = "_hover_14s7v_22", Vr = "_selected_14s7v_38", Sr = {
-  "dropdown-option": "_dropdown-option_14s7v_1",
+}, Rr = "_disabled_g6ob0_12", Pr = "_hidden_g6ob0_16", Yr = "_hover_g6ob0_25", Vr = "_selected_g6ob0_41", Sr = {
+  "dropdown-option": "_dropdown-option_g6ob0_1",
   disabled: Rr,
   hidden: Pr,
+  "multi-select": "_multi-select_g6ob0_19",
   hover: Yr,
-  "depth-1": "_depth-1_14s7v_32",
+  "depth-1": "_depth-1_g6ob0_35",
   selected: Vr,
-  "multi-select": "_multi-select_14s7v_38",
-  "single-option": "_single-option_14s7v_43",
-  "sub-option": "_sub-option_14s7v_50"
+  "single-option": "_single-option_g6ob0_46",
+  "sub-option": "_sub-option_g6ob0_53"
 }, Ve = He.bind(Sr), Se = Er(
   (n, r) => {
     const {
@@ -91,19 +91,19 @@ var Y = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onCl
 const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
   const c = Array.isArray(r) ? r : [r];
   return n.findIndex(({ value: a }) => c.includes(a));
-}, Br = (n, r) => (n % r + r) % r, ge = (n, r = 0, c = 1) => {
+}, Br = (n, r) => (n % r + r) % r, we = (n, r = 0, c = 1) => {
   var h;
   if (n.length === 0)
     return 0;
   if (!((h = n[r]) != null && h.disabled))
     return r;
   const a = n.length;
-  return ge(
+  return we(
     n,
     Br(r + c, a),
     c
   );
-}, jr = (n, r) => ge(n, r), qr = (n, r) => ge(n, r, -1), $e = (n, r = 0, c) => !n || n.length === 0 ? [] : n.reduce((a, h) => {
+}, jr = (n, r) => we(n, r), qr = (n, r) => we(n, r, -1), $e = (n, r = 0, c) => !n || n.length === 0 ? [] : n.reduce((a, h) => {
   var m;
   return h && (a.push({ option: h, depth: r, parent: c }), (m = h.children) != null && m.length && a.push(...$e(h.children, r + 1, h))), a;
 }, []), Me = (n) => !n || n.length === 0 ? [] : n.reduce((r, c) => {
@@ -137,7 +137,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
   "empty-list-message": "_empty-list-message_18w0z_172",
   ghost: at,
   divider: ot
-}, _ = He.bind(it), Nt = ({
+}, _ = He.bind(it), vt = ({
   multiSelect: n = !1,
   value: r = n ? [] : "",
   options: c = [],
@@ -171,59 +171,59 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
   onClear: Ce = () => {
   },
   clearButtonAriaLabel: qe = "Clear selection",
-  menuPortalRoot: g,
-  isMultiSelectWithTags: v = !1,
+  menuPortalRoot: w,
+  isMultiSelectWithTags: b = !1,
   noMatchesMessage: Ze = "No matches found",
   ...Ge
 }) => {
-  const { transformed: Xe, remaining: Je } = kr(Ge), [l, X] = me(!1), [I, Ae] = me(""), Oe = x(null), ve = x(null), H = x(null), le = x(0), ce = x(null), de = x(""), [Qe, J] = me(null), K = x(null), $ = w(() => $e(c), [c]), L = w(() => {
-    if (!v || !I.trim())
+  const { transformed: Xe, remaining: Je } = kr(Ge), [l, X] = me(!1), [I, Ae] = me(""), Oe = x(null), be = x(null), H = x(null), le = x(0), ce = x(null), de = x(""), [Qe, J] = me(null), K = x(null), $ = g(() => $e(c), [c]), L = g(() => {
+    if (!b || !I.trim())
       return $;
     const e = I.toLowerCase();
     return $.filter(
       ({ option: t }) => t.label.toLowerCase().includes(e)
     );
-  }, [$, I, v]), E = w(
+  }, [$, I, b]), E = g(
     () => L.map(({ option: e }) => e),
     [L]
-  ), De = w(
+  ), De = g(
     () => $.map(({ option: e }) => e),
     [$]
-  ), Q = w(() => L.filter(({ option: e }) => {
+  ), Q = g(() => L.filter(({ option: e }) => {
     var t;
     return (t = e.children) == null ? void 0 : t.length;
-  }).map(({ option: e }) => e), [L]), be = w(() => Me(c), [c]), D = w(
-    () => be.map(({ value: e }) => e),
-    [be]
-  ), ee = w(() => {
+  }).map(({ option: e }) => e), [L]), Ne = g(() => Me(c), [c]), D = g(
+    () => Ne.map(({ value: e }) => e),
+    [Ne]
+  ), ee = g(() => {
     const e = /* @__PURE__ */ new Map();
     return Q.forEach((t) => {
       e.set(t.value, We(t));
     }), e;
-  }, [Q]), M = N(
+  }, [Q]), M = v(
     (e) => (Q.forEach((t) => {
       const s = ee.get(t.value) ?? [], i = s.length > 0 && s.every((d) => e.has(d));
       ye && i ? e.add(t.value) : e.delete(t.value);
     }), e),
     [Q, ye, ee]
-  ), z = w(() => !n || !Array.isArray(r) ? /* @__PURE__ */ new Set() : M(new Set(r)), [n, r, M]), ue = n ? Array.isArray(r) && r.length > 0 : r || r === !1 || r === 0, er = je && ue && !a, rr = N((e) => {
+  ), z = g(() => !n || !Array.isArray(r) ? /* @__PURE__ */ new Set() : M(new Set(r)), [n, r, M]), ue = n ? Array.isArray(r) && r.length > 0 : r || r === !1 || r === 0, er = je && ue && !a, rr = v((e) => {
     le.current = e.scrollTop;
   }, []);
   Ye(() => {
     l && !S && H.current && !(n && K.current !== null) && H.current.scrollTop(le.current);
   }, [l, S, r, n]);
-  const { refs: R, floatingStyles: Ne } = Cr({
+  const { refs: R, floatingStyles: ve } = Cr({
     placement: "bottom-start",
     middleware: [
       Ar(5),
       Or({
         fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
-        ...g && {
+        ...w && {
           boundary: document.documentElement,
           rootBoundary: "viewport"
         }
       }),
-      g ? vr({
+      w ? br({
         apply({ rects: e, elements: t }) {
           const s = e.reference.width;
           Object.assign(t.floating.style, {
@@ -246,23 +246,23 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     });
     const i = M(t);
     m(Array.from(i)), Be();
-  }, re = N(() => {
+  }, re = v(() => {
     l || (X(!0), C == null || C());
-  }, [l, C]), y = N(() => {
+  }, [l, C]), y = v(() => {
     X(!1), Ae(""), de.current = "", A == null || A();
-  }, [A]), fe = N(() => {
+  }, [A]), fe = v(() => {
     if (a)
       return;
     m(n ? [] : ""), Ce(), y(), requestAnimationFrame(() => {
       const t = R.reference.current;
       t && t instanceof HTMLElement && t.focus();
     });
-  }, [a, n, m, Ce, y, R]), nr = N(
+  }, [a, n, m, Ce, y, R]), nr = v(
     (e) => {
       e.preventDefault(), e.stopPropagation(), fe();
     },
     [fe]
-  ), Ie = N(
+  ), Ie = v(
     (e) => {
       var d, o;
       if (!l)
@@ -270,7 +270,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       const t = e == null ? void 0 : e.target;
       if (!t)
         return;
-      const s = (d = Oe.current) == null ? void 0 : d.contains(t), i = (o = ve.current) == null ? void 0 : o.contains(t);
+      const s = (d = Oe.current) == null ? void 0 : d.contains(t), i = (o = be.current) == null ? void 0 : o.contains(t);
       !s && !i && y();
     },
     [l, y]
@@ -291,9 +291,9 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       if (n) {
         const s = Array.isArray(r) ? r : [], i = new Set(s);
         if ((t = e.children) != null && t.length) {
-          const o = ee.get(e.value) ?? [], f = o.some((b) => !i.has(b));
-          o.forEach((b) => {
-            f ? i.add(b) : i.delete(b);
+          const o = ee.get(e.value) ?? [], f = o.some((N) => !i.has(N));
+          o.forEach((N) => {
+            f ? i.add(N) : i.delete(N);
           });
         } else
           i.has(e.value) ? i.delete(e.value) : i.add(e.value);
@@ -310,7 +310,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     getItemProps: ir,
     setHighlightedIndex: T,
     highlightedIndex: he
-  } = we({
+  } = ge({
     items: E,
     itemToString: (e) => (e != null && e.label ? String(e.label) : O) || "",
     selectedItem: sr(),
@@ -319,20 +319,20 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     defaultHighlightedIndex: Le,
     onHighlightedIndexChange: (e) => {
       switch (e.type) {
-        case we.stateChangeTypes.MenuKeyDownArrowUp:
+        case ge.stateChangeTypes.MenuKeyDownArrowUp:
           return J(Y.ON_KEY_DOWN), T(qr(E, e.highlightedIndex)), e;
-        case we.stateChangeTypes.MenuKeyDownArrowDown:
+        case ge.stateChangeTypes.MenuKeyDownArrowDown:
           return J(Y.ON_KEY_DOWN), T(jr(E, e.highlightedIndex)), e;
         default:
           return e;
       }
     }
-  }), Te = N(
+  }), Te = v(
     (e) => {
-      ve.current = e, R.setFloating(e);
+      be.current = e, R.setFloating(e);
     },
     [R]
-  ), lr = N(
+  ), lr = v(
     (e = {}) => {
       const t = ze(e), s = t.ref;
       return {
@@ -349,14 +349,14 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       H.current && !S && H.current.scrollTop(le.current);
     }));
   }, [n, l, r, E.length, T, S]), W(() => {
-    l && v && requestAnimationFrame(() => {
+    l && b && requestAnimationFrame(() => {
       var e;
       (e = ce.current) == null || e.focus();
     });
-  }, [l, v]), W(() => {
-    v && l && I !== de.current && (de.current = I, I && T(0));
-  }, [I, v, l]), Ye(() => {
-    if (!l || !g)
+  }, [l, b]), W(() => {
+    b && l && I !== de.current && (de.current = I, I && T(0));
+  }, [I, b, l]), Ye(() => {
+    if (!l || !w)
       return;
     let e = window.scrollY, t = !0;
     const s = 300, i = () => {
@@ -375,8 +375,8 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     return () => {
       clearTimeout(o), window.removeEventListener("scroll", d, { capture: !0 });
     };
-  }, [l, g]), W(() => {
-    if (!l || !g)
+  }, [l, w]), W(() => {
+    if (!l || !w)
       return;
     const e = () => {
       y();
@@ -384,10 +384,10 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     return window.addEventListener("resize", e), () => {
       window.removeEventListener("resize", e);
     };
-  }, [l, g, y]);
+  }, [l, w, y]);
   const xe = () => {
     a || (X((e) => !e), l ? A == null || A() : C == null || C(), J(Y.ON_CLICK));
-  }, _e = w(() => {
+  }, _e = g(() => {
     if (n && Array.isArray(r) && D.length > 0 && D.every((t) => z.has(t)))
       return oe.label;
     const e = E.reduce((t, s) => ((Array.isArray(r) && r.includes(s.value) || s.value === r) && t.push(s.label), t), []);
@@ -400,7 +400,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
     oe.label,
     E,
     O
-  ]), pe = w(() => ie ? ie(_e) : _e, [ie, _e]), cr = ue && pe ? pe : void 0, { ref: dr, title: ur } = Tr(cr), fr = (e) => {
+  ]), pe = g(() => ie ? ie(_e) : _e, [ie, _e]), cr = ue && pe ? pe : void 0, { ref: dr, title: ur } = Tr(cr), fr = (e) => {
     const { keyCode: t } = e;
     Hr.includes(t) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !l && (T(Le), re(), J(Y.ON_KEY_DOWN)));
   }, hr = (e) => {
@@ -429,7 +429,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       " "
     ] }),
     te(L) ? /* @__PURE__ */ u("div", { className: _("empty-list-message"), children: Ze }) : L.map(({ option: e, depth: t }, s) => {
-      var f, b;
+      var f, N;
       const i = ee.get(e.value) ?? [e.value], d = n && i.every((P) => z.has(P)), o = n && ((f = e.children) == null ? void 0 : f.length) && i.some((P) => z.has(P)) && !d;
       return /* @__PURE__ */ u(
         Se,
@@ -446,7 +446,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
           onChange: e.disabled ? null : () => Ke(e),
           onMouseEnter: () => T(s),
           depth: t,
-          hasChildren: !!((b = e.children) != null && b.length),
+          hasChildren: !!((N = e.children) != null && N.length),
           isPartiallyChecked: o
         },
         e.value
@@ -459,14 +459,14 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
   ] }), _r = () => {
     const e = De.reduce((o, f) => (Array.isArray(r) && r.includes(f.value) && o.push(f.label), o), []), t = (o) => {
       const f = De.find(
-        ({ label: gr }) => gr === o
+        ({ label: wr }) => wr === o
       );
       if (!f)
         return;
-      const b = Array.isArray(r) ? r : [], P = new Set(b);
+      const N = Array.isArray(r) ? r : [], P = new Set(N);
       P.delete(f.value);
-      const wr = M(P);
-      m(Array.from(wr));
+      const gr = M(P);
+      m(Array.from(gr));
     }, s = (o) => {
       const f = o.target;
       Ae(f.value), l || (re(), requestAnimationFrame(() => {
@@ -506,7 +506,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       ),
       d
     ] });
-  }, pr = () => v && n && Array.isArray(r) ? _r() : /* @__PURE__ */ u(
+  }, pr = () => b && n && Array.isArray(r) ? _r() : /* @__PURE__ */ u(
     "span",
     {
       ref: dr,
@@ -524,7 +524,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
       error: h,
       touched: U,
       "mobile-disabled": F,
-      "multi-select-with-tags": v
+      "multi-select-with-tags": b
     }),
     onClick: xe,
     onKeyDown: fr,
@@ -559,7 +559,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
               B && /* @__PURE__ */ u("span", { className: _("icon"), children: B }),
               /* @__PURE__ */ u("div", { className: _("value-wrapper"), children: pr() }),
               er && /* @__PURE__ */ u(
-                Nr,
+                vr,
                 {
                   className: _("clear-button"),
                   onClick: nr,
@@ -577,12 +577,12 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
         ),
         l && (() => {
           var i;
-          const e = (i = R.reference.current) == null ? void 0 : i.getBoundingClientRect().width, t = g && e ? {
-            ...Ne,
+          const e = (i = R.reference.current) == null ? void 0 : i.getBoundingClientRect().width, t = w && e ? {
+            ...ve,
             width: `${e}px`,
             minWidth: `${e}px`,
             maxWidth: `${e}px`
-          } : Ne, s = /* @__PURE__ */ u(
+          } : ve, s = /* @__PURE__ */ u(
             "div",
             {
               style: t,
@@ -594,10 +594,10 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
                 },
                 Fe
               ),
-              ...g && { [Wr]: "" },
+              ...w && { [Wr]: "" },
               ...lr({
                 onKeyDown: hr,
-                ...v && {
+                ...b && {
                   tabIndex: -1,
                   onFocus: (d) => {
                     var o;
@@ -606,7 +606,7 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
                 }
               }),
               children: S ? ke() : /* @__PURE__ */ u(
-                br,
+                Nr,
                 {
                   autoHeight: !0,
                   autoHeightMax: Mr,
@@ -620,13 +620,13 @@ const Mr = 240, Wr = "data-dropdown-portal-menu", Fr = 10, Ur = (n, r) => {
               )
             }
           );
-          return g ? yr(s, g) : s;
+          return w ? yr(s, w) : s;
         })()
       ]
     }
   );
 };
 export {
-  Nt as D,
+  vt as D,
   Wr as a
 };

package/dist/dropdown.js

@@ -1,5 +1,5 @@
-import { D as r } from "./dropdown-99d0749c.js";
-import { a as E } from "./dropdown-99d0749c.js";
+import { D as r } from "./dropdown-aec82d1f.js";
+import { a as E } from "./dropdown-aec82d1f.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-2b9f889c.js";
+import "./checkbox-76aa8f97.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-b9af3ee5.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-2b9f889c.js";
+import { C as W } from "./checkbox-76aa8f97.js";
 import { Chip as j } from "./chip.js";
-import { D as K } from "./datePicker-8453b46f.js";
+import { D as K } from "./datePicker-954bd00b.js";
 import "react-datepicker";
-import { D as Y } from "./dropdown-99d0749c.js";
+import { D as Y } from "./dropdown-aec82d1f.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-701a71d1.js";
+import { T as _o } from "./table-0ec68481.js";
 import { T as Wo } from "./themeProvider-46c2be7b.js";
 import { T as jo } from "./toggle-304107fa.js";
 import { Tooltip as Ko } from "./tooltip.js";

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-99d0749c.js";
+import { a as Q } from "./dropdown-aec82d1f.js";
 import { K as V } from "./keyCodes-f63c0e11.js";
 import { B as C } 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-2b9f889c.js";
+import "./checkbox-76aa8f97.js";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
 const oe = {

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-99d0749c.js";
+import { a as O } from "./dropdown-aec82d1f.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-2b9f889c.js";
+import "./checkbox-76aa8f97.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,