ovirt-ui-toolkit 0.0.59 → 0.0.61

package/dist/components/groupButtonContainer/ui/GroupButtonContainer.d.ts

@@ -5,6 +5,7 @@ interface GroupButtonContainerProps {
     onChange: (item: DropdownItem) => void;
     items: DropdownItem[];
     selected?: number | string;
+    className?: string;
 }
 declare const GroupButtonContainer: React.FC<GroupButtonContainerProps>;
 export default GroupButtonContainer;

package/dist/ovirt-ui-toolkit.es.js

@@ -1,4 +1,4 @@
-import Se, { forwardRef as mr, useState as Q, useEffect as br } from "react";
+import Se, { forwardRef as hr, useState as Q, useEffect as br } from "react";
 var U = { exports: {} }, A = {};
 /**
  * @license React
@@ -13,15 +13,15 @@ var Ce;
 function xr() {
   if (Ce) return A;
   Ce = 1;
-  var a = Se, s = Symbol.for("react.element"), o = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(C, m, T) {
+  var a = Se, s = Symbol.for("react.element"), l = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function m(C, h, T) {
     var j, b = {}, R = null, W = null;
-    T !== void 0 && (R = "" + T), m.key !== void 0 && (R = "" + m.key), m.ref !== void 0 && (W = m.ref);
-    for (j in m) l.call(m, j) && !p.hasOwnProperty(j) && (b[j] = m[j]);
-    if (C && C.defaultProps) for (j in m = C.defaultProps, m) b[j] === void 0 && (b[j] = m[j]);
+    T !== void 0 && (R = "" + T), h.key !== void 0 && (R = "" + h.key), h.ref !== void 0 && (W = h.ref);
+    for (j in h) i.call(h, j) && !v.hasOwnProperty(j) && (b[j] = h[j]);
+    if (C && C.defaultProps) for (j in h = C.defaultProps, h) b[j] === void 0 && (b[j] = h[j]);
     return { $$typeof: s, type: C, key: R, ref: W, props: b, _owner: c.current };
   }
-  return A.Fragment = o, A.jsx = h, A.jsxs = h, A;
+  return A.Fragment = l, A.jsx = m, A.jsxs = m, A;
 }
 var I = {};
 /**
@@ -36,7 +36,7 @@ var I = {};
 var Te;
 function gr() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = Se, s = Symbol.for("react.element"), o = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), C = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), K = Symbol.iterator, $e = "@@iterator";
+    var a = Se, s = Symbol.for("react.element"), l = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), C = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), K = Symbol.iterator, $e = "@@iterator";
     function De(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -46,34 +46,34 @@ function gr() {
     var k = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function y(e) {
       {
-        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
-          n[i - 1] = arguments[i];
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
+          n[o - 1] = arguments[o];
         Fe("error", e, n);
       }
     }
     function Fe(e, r, n) {
       {
-        var i = k.ReactDebugCurrentFrame, d = i.getStackAddendum();
+        var o = k.ReactDebugCurrentFrame, d = o.getStackAddendum();
         d !== "" && (r += "%s", n = n.concat([d]));
-        var v = n.map(function(f) {
+        var p = n.map(function(f) {
           return String(f);
         });
-        v.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, v);
+        p.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, p);
       }
     }
     var Ae = !1, Ie = !1, We = !1, Ye = !1, Ve = !1, ee;
     ee = Symbol.for("react.module.reference");
     function Me(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === l || e === p || Ve || e === c || e === T || e === j || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === b || e.$$typeof === h || e.$$typeof === C || e.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === v || Ve || e === c || e === T || e === j || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === b || e.$$typeof === m || e.$$typeof === C || e.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === ee || e.getModuleId !== void 0));
     }
     function Le(e, r, n) {
-      var i = e.displayName;
-      if (i)
-        return i;
+      var o = e.displayName;
+      if (o)
+        return o;
       var d = r.displayName || r.name || "";
       return d !== "" ? n + "(" + d + ")" : n;
     }
@@ -88,11 +88,11 @@ function gr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case l:
+        case i:
           return "Fragment";
-        case o:
+        case l:
           return "Portal";
-        case p:
+        case v:
           return "Profiler";
         case c:
           return "StrictMode";
@@ -106,18 +106,18 @@ function gr() {
           case C:
             var r = e;
             return re(r) + ".Consumer";
-          case h:
+          case m:
             var n = e;
             return re(n._context) + ".Provider";
-          case m:
+          case h:
             return Le(e, e.render, "ForwardRef");
           case b:
-            var i = e.displayName || null;
-            return i !== null ? i : O(e.type) || "Memo";
+            var o = e.displayName || null;
+            return o !== null ? o : O(e.type) || "Memo";
           case R: {
-            var d = e, v = d._payload, f = d._init;
+            var d = e, p = d._payload, f = d._init;
             try {
-              return O(f(v));
+              return O(f(p));
             } catch {
               return null;
             }
@@ -194,8 +194,8 @@ function gr() {
           try {
             throw Error();
           } catch (d) {
-            var i = d.stack.trim().match(/\n( *(at )?)/);
-            J = i && i[1] || "";
+            var o = d.stack.trim().match(/\n( *(at )?)/);
+            J = o && o[1] || "";
           }
         return `
 ` + J + e;
@@ -214,12 +214,12 @@ function gr() {
         if (n !== void 0)
           return n;
       }
-      var i;
+      var o;
       q = !0;
       var d = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var v;
-      v = B.current, B.current = null, Ue();
+      var p;
+      p = B.current, B.current = null, Ue();
       try {
         if (r) {
           var f = function() {
@@ -233,14 +233,14 @@ function gr() {
             try {
               Reflect.construct(f, []);
             } catch (_) {
-              i = _;
+              o = _;
             }
             Reflect.construct(e, [], f);
           } else {
             try {
               f.call();
             } catch (_) {
-              i = _;
+              o = _;
             }
             e.call(f.prototype);
           }
@@ -248,14 +248,14 @@ function gr() {
           try {
             throw Error();
           } catch (_) {
-            i = _;
+            o = _;
           }
           e();
         }
       } catch (_) {
-        if (_ && i && typeof _.stack == "string") {
+        if (_ && o && typeof _.stack == "string") {
           for (var u = _.stack.split(`
-`), E = i.stack.split(`
+`), E = o.stack.split(`
 `), x = u.length - 1, g = E.length - 1; x >= 1 && g >= 0 && u[x] !== E[g]; )
             g--;
           for (; x >= 1 && g >= 0; x--, g--)
@@ -272,7 +272,7 @@ function gr() {
             }
         }
       } finally {
-        q = !1, B.current = v, Be(), Error.prepareStackTrace = d;
+        q = !1, B.current = p, Be(), Error.prepareStackTrace = d;
       }
       var $ = e ? e.displayName || e.name : "", N = $ ? Y($) : "";
       return typeof e == "function" && V.set(e, N), N;
@@ -299,14 +299,14 @@ function gr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case m:
+          case h:
             return qe(e.render);
           case b:
             return M(e.type, r, n);
           case R: {
-            var i = e, d = i._payload, v = i._init;
+            var o = e, d = o._payload, p = o._init;
             try {
-              return M(v(d), r, n);
+              return M(p(d), r, n);
             } catch {
             }
           }
@@ -321,22 +321,22 @@ function gr() {
       } else
         de.setExtraStackFrame(null);
     }
-    function Ge(e, r, n, i, d) {
+    function Ge(e, r, n, o, d) {
       {
-        var v = Function.call.bind(F);
+        var p = Function.call.bind(F);
         for (var f in e)
-          if (v(e, f)) {
+          if (p(e, f)) {
             var u = void 0;
             try {
               if (typeof e[f] != "function") {
-                var E = Error((i || "React class") + ": " + n + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var E = Error((o || "React class") + ": " + n + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw E.name = "Invariant Violation", E;
               }
-              u = e[f](r, f, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              u = e[f](r, f, o, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (x) {
               u = x;
             }
-            u && !(u instanceof Error) && (L(d), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", i || "React class", n, f, typeof u), L(null)), u instanceof Error && !(u.message in fe) && (fe[u.message] = !0, L(d), y("Failed %s type: %s", n, u.message), L(null));
+            u && !(u instanceof Error) && (L(d), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", o || "React class", n, f, typeof u), L(null)), u instanceof Error && !(u.message in fe) && (fe[u.message] = !0, L(d), y("Failed %s type: %s", n, u.message), L(null));
           }
       }
     }
@@ -364,12 +364,12 @@ function gr() {
       if (Ze(e))
         return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xe(e)), ve(e);
     }
-    var he = k.ReactCurrentOwner, Qe = {
+    var me = k.ReactCurrentOwner, Qe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, me, be;
+    }, he, be;
     function Ke(e) {
       if (F.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -387,12 +387,12 @@ function gr() {
       return e.key !== void 0;
     }
     function rr(e, r) {
-      typeof e.ref == "string" && he.current;
+      typeof e.ref == "string" && me.current;
     }
     function tr(e, r) {
       {
         var n = function() {
-          me || (me = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          he || (he = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         n.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: n,
@@ -411,7 +411,7 @@ function gr() {
         });
       }
     }
-    var ar = function(e, r, n, i, d, v, f) {
+    var ar = function(e, r, n, o, d, p, f) {
       var u = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: s,
@@ -421,7 +421,7 @@ function gr() {
         ref: n,
         props: f,
         // Record the component responsible for creating this element.
-        _owner: v
+        _owner: p
       };
       return u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
@@ -432,7 +432,7 @@ function gr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: i
+        value: o
       }), Object.defineProperty(u, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -440,22 +440,22 @@ function gr() {
         value: d
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     };
-    function sr(e, r, n, i, d) {
+    function sr(e, r, n, o, d) {
       {
-        var v, f = {}, u = null, E = null;
+        var p, f = {}, u = null, E = null;
         n !== void 0 && (pe(n), u = "" + n), er(r) && (pe(r.key), u = "" + r.key), Ke(r) && (E = r.ref, rr(r, d));
-        for (v in r)
-          F.call(r, v) && !Qe.hasOwnProperty(v) && (f[v] = r[v]);
+        for (p in r)
+          F.call(r, p) && !Qe.hasOwnProperty(p) && (f[p] = r[p]);
         if (e && e.defaultProps) {
           var x = e.defaultProps;
-          for (v in x)
-            f[v] === void 0 && (f[v] = x[v]);
+          for (p in x)
+            f[p] === void 0 && (f[p] = x[p]);
         }
         if (u || E) {
           var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           u && tr(f, g), E && nr(f, g);
         }
-        return ar(e, u, E, d, i, he.current, f);
+        return ar(e, u, E, d, o, me.current, f);
       }
     }
     var G = k.ReactCurrentOwner, xe = k.ReactDebugCurrentFrame;
@@ -508,8 +508,8 @@ Check the top-level render call using <` + n + ">.");
         if (je[n])
           return;
         je[n] = !0;
-        var i = "";
-        e && e._owner && e._owner !== G.current && (i = " It was passed a child from " + O(e._owner.type) + "."), P(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, i), P(null);
+        var o = "";
+        e && e._owner && e._owner !== G.current && (o = " It was passed a child from " + O(e._owner.type) + "."), P(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, o), P(null);
       }
     }
     function Ee(e, r) {
@@ -518,15 +518,15 @@ Check the top-level render call using <` + n + ">.");
           return;
         if (z(e))
           for (var n = 0; n < e.length; n++) {
-            var i = e[n];
-            X(i) && ye(i, r);
+            var o = e[n];
+            X(o) && ye(o, r);
           }
         else if (X(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var d = De(e);
           if (typeof d == "function" && d !== e.entries)
-            for (var v = d.call(e), f; !(f = v.next()).done; )
+            for (var p = d.call(e), f; !(f = p.next()).done; )
               X(f.value) && ye(f.value, r);
         }
       }
@@ -539,15 +539,15 @@ Check the top-level render call using <` + n + ">.");
         var n;
         if (typeof r == "function")
           n = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === m || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === b))
           n = r.propTypes;
         else
           return;
         if (n) {
-          var i = O(r);
-          Ge(n, e.props, "prop", i, e);
+          var o = O(r);
+          Ge(n, e.props, "prop", o, e);
         } else if (r.PropTypes !== void 0 && !H) {
           H = !0;
           var d = O(r);
@@ -559,9 +559,9 @@ Check the top-level render call using <` + n + ">.");
     function cr(e) {
       {
         for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
-          var i = r[n];
-          if (i !== "children" && i !== "key") {
-            P(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), P(null);
+          var o = r[n];
+          if (o !== "children" && o !== "key") {
+            P(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), P(null);
             break;
           }
         }
@@ -569,7 +569,7 @@ Check the top-level render call using <` + n + ">.");
       }
     }
     var Re = {};
-    function _e(e, r, n, i, d, v) {
+    function _e(e, r, n, o, d, p) {
       {
         var f = Me(e);
         if (!f) {
@@ -580,13 +580,13 @@ Check the top-level render call using <` + n + ">.");
           var x;
           e === null ? x = "null" : z(e) ? x = "array" : e !== void 0 && e.$$typeof === s ? (x = "<" + (O(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : x = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", x, u);
         }
-        var g = sr(e, r, n, d, v);
+        var g = sr(e, r, n, d, p);
         if (g == null)
           return g;
         if (f) {
           var w = r.children;
           if (w !== void 0)
-            if (i)
+            if (o)
               if (z(w)) {
                 for (var $ = 0; $ < w.length; $++)
                   Ee(w[$], e);
@@ -597,8 +597,8 @@ Check the top-level render call using <` + n + ">.");
               Ee(w, e);
         }
         if (F.call(r, "key")) {
-          var N = O(e), _ = Object.keys(r).filter(function(hr) {
-            return hr !== "key";
+          var N = O(e), _ = Object.keys(r).filter(function(mr) {
+            return mr !== "key";
           }), Z = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Re[N + Z]) {
             var pr = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
@@ -610,7 +610,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Z, N, pr, N), Re[N + Z] = !0;
           }
         }
-        return e === l ? cr(g) : lr(g), g;
+        return e === i ? cr(g) : lr(g), g;
       }
     }
     function ur(e, r, n) {
@@ -620,7 +620,7 @@ React keys must be passed directly to JSX without using spread:
       return _e(e, r, n, !1);
     }
     var dr = fr, vr = ur;
-    I.Fragment = l, I.jsx = dr, I.jsxs = vr;
+    I.Fragment = i, I.jsx = dr, I.jsxs = vr;
   }()), I;
 }
 var we;
@@ -628,7 +628,7 @@ function jr() {
   return we || (we = 1, process.env.NODE_ENV === "production" ? U.exports = xr() : U.exports = gr()), U.exports;
 }
 var t = jr();
-const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr = ({ items: a, className: s }) => /* @__PURE__ */ t.jsx("ol", { className: `breadcrumb ${s || ""}`.trim(), children: a.map((o, l) => /* @__PURE__ */ t.jsx("li", { className: o.active ? "active" : "", children: o.active ? o.title : /* @__PURE__ */ t.jsx("a", { href: o.href, children: o.title }) }, l)) }), Er = /* @__PURE__ */ t.jsx("span", { className: "loading-spinner mr-2", children: /* @__PURE__ */ t.jsxs(
+const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr = ({ items: a, className: s }) => /* @__PURE__ */ t.jsx("ol", { className: `breadcrumb ${s || ""}`.trim(), children: a.map((l, i) => /* @__PURE__ */ t.jsx("li", { className: l.active ? "active" : "", children: l.active ? l.title : /* @__PURE__ */ t.jsx("a", { href: l.href, children: l.title }) }, i)) }), Er = /* @__PURE__ */ t.jsx("span", { className: "loading-spinner mr-2", children: /* @__PURE__ */ t.jsxs(
   "svg",
   {
     className: "animate-spin h-5 w-5 text-current",
@@ -660,135 +660,135 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 ) }), Ne = ({
   type: a = "default",
   title: s,
-  size: o,
-  label: l,
+  size: l,
+  label: i,
   onClick: c,
-  isDisabled: p = !1,
-  children: h,
+  isDisabled: v = !1,
+  children: m,
   className: C = "",
-  isLoading: m = !1
+  isLoading: h = !1
 }) => {
-  const T = `btn-${a}`, j = o ? `btn-${o}` : "", R = `${`btn ${T} ${j}`.trim()} ${C}`.trim();
+  const T = `btn-${a}`, j = l ? `btn-${l}` : "", R = `${`btn ${T} ${j}`.trim()} ${C}`.trim();
   return /* @__PURE__ */ t.jsx(
     "button",
     {
       className: R,
       type: "button",
       onClick: c,
-      disabled: p || m,
+      disabled: v || h,
       children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
-        m && Er,
-        h || l,
+        h && Er,
+        m || i,
         " ",
         s && /* @__PURE__ */ t.jsx("span", { children: s })
       ] })
     }
   );
-}, wr = ({ children: a, eventKey: s, active: o }) => /* @__PURE__ */ t.jsx(
+}, wr = ({ children: a, eventKey: s, active: l }) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    className: `tab-pane ${o ? "active" : ""}`,
+    className: `tab-pane ${l ? "active" : ""}`,
     id: `${s}-panel`,
     role: "tabpanel",
     "aria-labelledby": `${s}-tab`,
     children: a
   },
   s
-), Or = ({ activeKey: a, onSelect: s, children: o }) => /* @__PURE__ */ t.jsxs("div", { className: "tabs-container", children: [
-  /* @__PURE__ */ t.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: o.map(({ props: { eventKey: l, title: c } }) => /* @__PURE__ */ t.jsx("li", { className: a === l ? "active" : "", children: /* @__PURE__ */ t.jsx(
+), Or = ({ activeKey: a, onSelect: s, children: l }) => /* @__PURE__ */ t.jsxs("div", { className: "tabs-container", children: [
+  /* @__PURE__ */ t.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: l.map(({ props: { eventKey: i, title: c } }) => /* @__PURE__ */ t.jsx("li", { className: a === i ? "active" : "", children: /* @__PURE__ */ t.jsx(
     "a",
     {
-      href: `#${l}`,
-      onClick: (p) => {
-        p.preventDefault(), s(l);
+      href: `#${i}`,
+      onClick: (v) => {
+        v.preventDefault(), s(i);
       },
       children: c
     }
-  ) }, l)) }),
-  /* @__PURE__ */ t.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ t.jsx("div", { className: "tab-content pf-c-tab-content", children: o.map(({ props: { eventKey: l, children: c } }) => /* @__PURE__ */ t.jsx(
+  ) }, i)) }),
+  /* @__PURE__ */ t.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ t.jsx("div", { className: "tab-content pf-c-tab-content", children: l.map(({ props: { eventKey: i, children: c } }) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: `tab-pane ${a === l ? "active" : ""}`,
-      id: `${l}-panel`,
+      className: `tab-pane ${a === i ? "active" : ""}`,
+      id: `${i}-panel`,
       role: "tabpanel",
-      "aria-labelledby": `${l}-tab`,
+      "aria-labelledby": `${i}-tab`,
       children: c
     },
-    l
+    i
   )) }) })
-] }), Sr = mr(
+] }), Sr = hr(
   ({
     id: a,
     type: s,
-    placeholder: o = "",
-    value: l,
+    placeholder: l = "",
+    value: i,
     onChange: c,
-    className: p = "form-control"
-  }, h) => /* @__PURE__ */ t.jsx(
+    className: v = "form-control"
+  }, m) => /* @__PURE__ */ t.jsx(
     "input",
     {
       type: s,
       id: a,
-      className: p,
-      placeholder: o,
-      value: l,
+      className: v,
+      placeholder: l,
+      value: i,
       onChange: c,
-      ref: h
+      ref: m
     }
   )
-), Nr = ({ title: a, isOpen: s, onClose: o, children: l, size: c }) => {
+), Nr = ({ title: a, isOpen: s, onClose: l, children: i, size: c }) => {
   if (!s) return null;
-  const p = c ? `modal-${c}` : "";
-  return /* @__PURE__ */ t.jsx("div", { className: "modal fade in", style: { display: "block" }, tabIndex: -1, role: "dialog", children: /* @__PURE__ */ t.jsx("div", { className: `modal-dialog ${p}`, role: "document", children: /* @__PURE__ */ t.jsxs("div", { className: "modal-content", children: [
+  const v = c ? `modal-${c}` : "";
+  return /* @__PURE__ */ t.jsx("div", { className: "modal fade in", style: { display: "block" }, tabIndex: -1, role: "dialog", children: /* @__PURE__ */ t.jsx("div", { className: `modal-dialog ${v}`, role: "document", children: /* @__PURE__ */ t.jsxs("div", { className: "modal-content", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "modal-header", children: [
-      /* @__PURE__ */ t.jsx("button", { type: "button", className: "close", onClick: o, "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("span", { className: "pficon pficon-close" }) }),
+      /* @__PURE__ */ t.jsx("button", { type: "button", className: "close", onClick: l, "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("span", { className: "pficon pficon-close" }) }),
       /* @__PURE__ */ t.jsx("h4", { className: "modal-title", children: a })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "modal-body", children: l })
+    /* @__PURE__ */ t.jsx("div", { className: "modal-body", children: i })
   ] }) }) });
-}, kr = ({ variant: a, children: s, className: o = "" }) => {
-  const l = {
+}, kr = ({ variant: a, children: s, className: l = "" }) => {
+  const i = {
     warning: "text-yellow-600",
     success: "text-green-600",
     error: "text-red-600"
-  }, c = o + " " + l[a] || "";
+  }, c = l + " " + i[a] || "";
   return /* @__PURE__ */ t.jsx("p", { className: c, children: s });
 }, Pr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("table", { ...s, children: a }), $r = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("tbody", { ...s, children: a }), Dr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("td", { ...s, children: a }), Fr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("th", { ...s, children: a }), Ar = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("thead", { ...s, children: a }), Ir = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("tr", { ...s, children: a }), ke = ({
   items: a,
   selected: s,
-  title: o,
-  isOpen: l,
+  title: l,
+  isOpen: i,
   setIsOpen: c,
-  onChange: p,
-  className: h = ""
+  onChange: v,
+  className: m = ""
 }) => {
   const C = (b) => {
     c(!b);
-  }, m = (b) => {
-    c(!1), p(b);
+  }, h = (b) => {
+    c(!1), v(b);
   }, T = (b) => {
     const R = b.id === s;
     return /* @__PURE__ */ t.jsx(
       "li",
       {
-        onClick: () => m(b),
+        onClick: () => h(b),
         className: R ? "active" : "",
         children: /* @__PURE__ */ t.jsx("a", { href: "#", children: b.title })
       },
       b.id
     );
-  }, j = `btn btn-default dropdown-toggle flex-1 ${h}`;
+  }, j = `btn btn-default dropdown-toggle flex-1 ${m}`;
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       "button",
       {
         style: { marginLeft: "0px", left: "-1px" },
         className: j,
-        onClick: () => C(l),
+        onClick: () => C(i),
         "data-toggle": "dropdown",
         type: "button",
         children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
-          o && /* @__PURE__ */ t.jsx("div", { className: "mr-2", children: o }),
+          l && /* @__PURE__ */ t.jsx("div", { className: "mr-2", children: l }),
           " ",
           /* @__PURE__ */ t.jsx("span", { className: "caret" }),
           " "
@@ -798,20 +798,21 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     /* @__PURE__ */ t.jsx("ul", { className: "dropdown-menu", role: "menu", children: a.map(T) })
   ] });
 }, Wr = (a) => {
-  const [s, o] = Q(!1);
+  const [s, l] = Q(!1), i = a.selected, c = a.items.find((v) => v.id == i);
   return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${s ? "open" : ""}`, children: /* @__PURE__ */ t.jsx(
     ke,
     {
       ...a,
-      setIsOpen: o,
+      title: a.title || c.title,
+      setIsOpen: l,
       isOpen: s
     }
   ) });
-}, Rr = ({ currentPage: a, total: s, onPageChange: o, pageSize: l }) => {
-  const c = Math.ceil(s / l), p = () => {
-    a > 1 && o(a - 1);
-  }, h = () => {
-    a < c && o(a + 1);
+}, Rr = ({ currentPage: a, total: s, onPageChange: l, pageSize: i }) => {
+  const c = Math.ceil(s / i), v = () => {
+    a > 1 && l(a - 1);
+  }, m = () => {
+    a < c && l(a + 1);
   };
   return /* @__PURE__ */ t.jsxs("div", { children: [
     /* @__PURE__ */ t.jsx("span", { children: /* @__PURE__ */ t.jsxs("span", { className: "pagination-pf-items-current", children: [
@@ -826,7 +827,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
           type: "button",
           className: `btn btn-default ${a === 1 ? "disabled" : ""}`,
           disabled: a === 1,
-          onClick: p,
+          onClick: v,
           children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-angle-left" })
         }
       ),
@@ -836,7 +837,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
           type: "button",
           className: `btn btn-default ${a === c ? "disabled" : ""}`,
           disabled: a === c,
-          onClick: h,
+          onClick: m,
           children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-angle-right" })
         }
       )
@@ -845,20 +846,21 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 }, Pe = ({
   children: a,
   onChange: s,
-  items: o,
-  selected: l
+  items: l,
+  selected: i,
+  className: c = ""
 }) => {
-  const [c, p] = Q(!1);
-  return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${c ? "open" : ""}`, children: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+  const [v, m] = Q(!1);
+  return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${c} ${v ? "open" : ""}`, children: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     a,
     /* @__PURE__ */ t.jsx(
       ke,
       {
-        setIsOpen: p,
-        isOpen: c,
+        setIsOpen: m,
+        isOpen: v,
         onChange: s,
-        items: o,
-        selected: l
+        items: l,
+        selected: i
       }
     )
   ] }) });
@@ -868,43 +870,43 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   { id: 3, title: "20 сек", data: 2e4 },
   { id: 4, title: "30 сек", data: 3e4 },
   { id: 5, title: "60 сек", data: 6e4 }
-], _r = ({ onChange: a, value: s, onRefresh: o }) => {
-  var p;
-  const l = (h) => {
-    a(h.data);
-  }, c = (p = Oe.find((h) => h.data === s)) == null ? void 0 : p.id;
-  return /* @__PURE__ */ t.jsx(Pe, { items: Oe, onChange: l, selected: c, children: /* @__PURE__ */ t.jsx(Ne, { className: "m-0", type: "default", onClick: o, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) });
+], _r = ({ onChange: a, value: s, onRefresh: l }) => {
+  var v;
+  const i = (m) => {
+    a(m.data);
+  }, c = (v = Oe.find((m) => m.data === s)) == null ? void 0 : v.id;
+  return /* @__PURE__ */ t.jsx(Pe, { className: "flex", items: Oe, onChange: i, selected: c, children: /* @__PURE__ */ t.jsx(Ne, { className: "m-0", type: "default", onClick: l, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) });
 }, Yr = ({
   interval: a,
   page: s,
-  total: o,
-  onRefresh: l,
+  total: l,
+  onRefresh: i,
   onChangeInterval: c,
-  onPageChange: p,
-  pageSize: h
+  onPageChange: v,
+  pageSize: m
 }) => /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]", children: [
   /* @__PURE__ */ t.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ t.jsx(
     _r,
     {
       value: a,
       onChange: c,
-      onRefresh: l
+      onRefresh: i
     }
   ) }),
   /* @__PURE__ */ t.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ t.jsx(
     Rr,
     {
-      pageSize: h,
+      pageSize: m,
       currentPage: s,
-      total: o,
-      onPageChange: p
+      total: l,
+      onPageChange: v
     }
   ) })
 ] }), Vr = ({
   id: a,
   label: s,
-  isChecked: o = !1,
-  onChange: l,
+  isChecked: l = !1,
+  onChange: i,
   className: c = "checkbox"
 }) => /* @__PURE__ */ t.jsx("div", { className: c, children: /* @__PURE__ */ t.jsxs("label", { htmlFor: a, children: [
   /* @__PURE__ */ t.jsx(
@@ -912,48 +914,48 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     {
       type: "checkbox",
       id: a,
-      checked: o,
-      onChange: l
+      checked: l,
+      onChange: i
     }
   ),
   ` ${s}`
 ] }) }), Mr = ({
   placeholder: a = "",
   rows: s = 3,
-  maxLength: o,
-  value: l,
+  maxLength: l,
+  value: i,
   onChange: c,
-  isDisabled: p = !1,
-  className: h = ""
+  isDisabled: v = !1,
+  className: m = ""
 }) => {
-  const [C, m] = Q(l || ""), T = l !== void 0 ? l : C, j = (b) => {
+  const [C, h] = Q(i || ""), T = i !== void 0 ? i : C, j = (b) => {
     const R = b.target.value;
-    c ? c(R) : m(R);
+    c ? c(R) : h(R);
   };
   return /* @__PURE__ */ t.jsx(
     "textarea",
     {
-      className: h,
+      className: m,
       placeholder: a,
       rows: s,
-      maxLength: o,
+      maxLength: l,
       value: T,
       onChange: j,
-      disabled: p
+      disabled: v
     }
   );
-}, Lr = ({ variant: a, title: s, className: o }) => {
-  const l = `alert alert-${a} ${o || ""}`;
-  return ["success", "info", "warning", "danger"].includes(a) || (console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`), a = "info"), /* @__PURE__ */ t.jsx("div", { className: l.trim(), role: "alert", children: s });
+}, Lr = ({ variant: a, title: s, className: l }) => {
+  const i = `alert alert-${a} ${l || ""}`;
+  return ["success", "info", "warning", "danger"].includes(a) || (console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`), a = "info"), /* @__PURE__ */ t.jsx("div", { className: i.trim(), role: "alert", children: s });
 };
 function Ur(a, s) {
   br(() => {
     if (!a)
       return;
-    const o = setInterval(() => {
+    const l = setInterval(() => {
       s();
     }, a);
-    return () => clearInterval(o);
+    return () => clearInterval(l);
   }, [a]);
 }
 const Br = () => /* @__PURE__ */ t.jsxs("div", { children: [

package/dist/ovirt-ui-toolkit.umd.js

@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ne;function Ie(){if(ne)return I;ne=1;var a=O,s=Symbol.for("react.element"),o=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,c=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function m(C,b,w){var y,g={},_=null,V=null;w!==void 0&&(_=""+w),b.key!==void 0&&(_=""+b.key),b.ref!==void 0&&(V=b.ref);for(y in b)l.call(b,y)&&!h.hasOwnProperty(y)&&(g[y]=b[y]);if(C&&C.defaultProps)for(y in b=C.defaultProps,b)g[y]===void 0&&(g[y]=b[y]);return{$$typeof:s,type:C,key:_,ref:V,props:g,_owner:c.current}}return I.Fragment=o,I.jsx=m,I.jsxs=m,I}var $={};/**
+ */var ne;function Ie(){if(ne)return I;ne=1;var a=O,s=Symbol.for("react.element"),l=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,c=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function h(C,b,w){var y,g={},_=null,V=null;w!==void 0&&(_=""+w),b.key!==void 0&&(_=""+b.key),b.ref!==void 0&&(V=b.ref);for(y in b)i.call(b,y)&&!p.hasOwnProperty(y)&&(g[y]=b[y]);if(C&&C.defaultProps)for(y in b=C.defaultProps,b)g[y]===void 0&&(g[y]=b[y]);return{$$typeof:s,type:C,key:_,ref:V,props:g,_owner:c.current}}return I.Fragment=l,I.jsx=h,I.jsxs=h,I}var $={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,17 +14,17 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ae;function $e(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){var a=O,s=Symbol.for("react.element"),o=Symbol.for("react.portal"),l=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),m=Symbol.for("react.provider"),C=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),_=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),ue=Symbol.iterator,sr="@@iterator";function ir(e){if(e===null||typeof e!="object")return null;var r=ue&&e[ue]||e[sr];return typeof r=="function"?r:null}var D=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function R(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];or("error",e,n)}}function or(e,r,n){{var i=D.ReactDebugCurrentFrame,v=i.getStackAddendum();v!==""&&(r+="%s",n=n.concat([v]));var p=n.map(function(f){return String(f)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var lr=!1,cr=!1,ur=!1,fr=!1,dr=!1,fe;fe=Symbol.for("react.module.reference");function vr(e){return!!(typeof e=="string"||typeof e=="function"||e===l||e===h||dr||e===c||e===w||e===y||fr||e===V||lr||cr||ur||typeof e=="object"&&e!==null&&(e.$$typeof===_||e.$$typeof===g||e.$$typeof===m||e.$$typeof===C||e.$$typeof===b||e.$$typeof===fe||e.getModuleId!==void 0))}function pr(e,r,n){var i=e.displayName;if(i)return i;var v=r.displayName||r.name||"";return v!==""?n+"("+v+")":n}function de(e){return e.displayName||"Context"}function k(e){if(e==null)return null;if(typeof e.tag=="number"&&R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case l:return"Fragment";case o:return"Portal";case h:return"Profiler";case c:return"StrictMode";case w:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case C:var r=e;return de(r)+".Consumer";case m:var n=e;return de(n._context)+".Provider";case b:return pr(e,e.render,"ForwardRef");case g:var i=e.displayName||null;return i!==null?i:k(e.type)||"Memo";case _:{var v=e,p=v._payload,f=v._init;try{return k(f(p))}catch{return null}}}return null}var N=Object.assign,W=0,ve,pe,he,me,be,ge,je;function xe(){}xe.__reactDisabledLog=!0;function hr(){{if(W===0){ve=console.log,pe=console.info,he=console.warn,me=console.error,be=console.group,ge=console.groupCollapsed,je=console.groupEnd;var e={configurable:!0,enumerable:!0,value:xe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}W++}}function mr(){{if(W--,W===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},e,{value:ve}),info:N({},e,{value:pe}),warn:N({},e,{value:he}),error:N({},e,{value:me}),group:N({},e,{value:be}),groupCollapsed:N({},e,{value:ge}),groupEnd:N({},e,{value:je})})}W<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var X=D.ReactCurrentDispatcher,q;function B(e,r,n){{if(q===void 0)try{throw Error()}catch(v){var i=v.stack.trim().match(/\n( *(at )?)/);q=i&&i[1]||""}return`
-`+q+e}}var Z=!1,L;{var br=typeof WeakMap=="function"?WeakMap:Map;L=new br}function ye(e,r){if(!e||Z)return"";{var n=L.get(e);if(n!==void 0)return n}var i;Z=!0;var v=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=X.current,X.current=null,hr();try{if(r){var f=function(){throw Error()};if(Object.defineProperty(f.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(f,[])}catch(T){i=T}Reflect.construct(e,[],f)}else{try{f.call()}catch(T){i=T}e.call(f.prototype)}}else{try{throw Error()}catch(T){i=T}e()}}catch(T){if(T&&i&&typeof T.stack=="string"){for(var u=T.stack.split(`
-`),E=i.stack.split(`
+ */var ae;function $e(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){var a=O,s=Symbol.for("react.element"),l=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),p=Symbol.for("react.profiler"),h=Symbol.for("react.provider"),C=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),_=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),ue=Symbol.iterator,sr="@@iterator";function ir(e){if(e===null||typeof e!="object")return null;var r=ue&&e[ue]||e[sr];return typeof r=="function"?r:null}var D=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function R(e){{for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];or("error",e,n)}}function or(e,r,n){{var o=D.ReactDebugCurrentFrame,v=o.getStackAddendum();v!==""&&(r+="%s",n=n.concat([v]));var m=n.map(function(f){return String(f)});m.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,m)}}var lr=!1,cr=!1,ur=!1,fr=!1,dr=!1,fe;fe=Symbol.for("react.module.reference");function vr(e){return!!(typeof e=="string"||typeof e=="function"||e===i||e===p||dr||e===c||e===w||e===y||fr||e===V||lr||cr||ur||typeof e=="object"&&e!==null&&(e.$$typeof===_||e.$$typeof===g||e.$$typeof===h||e.$$typeof===C||e.$$typeof===b||e.$$typeof===fe||e.getModuleId!==void 0))}function pr(e,r,n){var o=e.displayName;if(o)return o;var v=r.displayName||r.name||"";return v!==""?n+"("+v+")":n}function de(e){return e.displayName||"Context"}function k(e){if(e==null)return null;if(typeof e.tag=="number"&&R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case i:return"Fragment";case l:return"Portal";case p:return"Profiler";case c:return"StrictMode";case w:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case C:var r=e;return de(r)+".Consumer";case h:var n=e;return de(n._context)+".Provider";case b:return pr(e,e.render,"ForwardRef");case g:var o=e.displayName||null;return o!==null?o:k(e.type)||"Memo";case _:{var v=e,m=v._payload,f=v._init;try{return k(f(m))}catch{return null}}}return null}var N=Object.assign,W=0,ve,pe,me,he,be,ge,je;function xe(){}xe.__reactDisabledLog=!0;function mr(){{if(W===0){ve=console.log,pe=console.info,me=console.warn,he=console.error,be=console.group,ge=console.groupCollapsed,je=console.groupEnd;var e={configurable:!0,enumerable:!0,value:xe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}W++}}function hr(){{if(W--,W===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:N({},e,{value:ve}),info:N({},e,{value:pe}),warn:N({},e,{value:me}),error:N({},e,{value:he}),group:N({},e,{value:be}),groupCollapsed:N({},e,{value:ge}),groupEnd:N({},e,{value:je})})}W<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var X=D.ReactCurrentDispatcher,q;function B(e,r,n){{if(q===void 0)try{throw Error()}catch(v){var o=v.stack.trim().match(/\n( *(at )?)/);q=o&&o[1]||""}return`
+`+q+e}}var Z=!1,L;{var br=typeof WeakMap=="function"?WeakMap:Map;L=new br}function ye(e,r){if(!e||Z)return"";{var n=L.get(e);if(n!==void 0)return n}var o;Z=!0;var v=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var m;m=X.current,X.current=null,mr();try{if(r){var f=function(){throw Error()};if(Object.defineProperty(f.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(f,[])}catch(T){o=T}Reflect.construct(e,[],f)}else{try{f.call()}catch(T){o=T}e.call(f.prototype)}}else{try{throw Error()}catch(T){o=T}e()}}catch(T){if(T&&o&&typeof T.stack=="string"){for(var u=T.stack.split(`
+`),E=o.stack.split(`
 `),j=u.length-1,x=E.length-1;j>=1&&x>=0&&u[j]!==E[x];)x--;for(;j>=1&&x>=0;j--,x--)if(u[j]!==E[x]){if(j!==1||x!==1)do if(j--,x--,x<0||u[j]!==E[x]){var S=`
-`+u[j].replace(" at new "," at ");return e.displayName&&S.includes("<anonymous>")&&(S=S.replace("<anonymous>",e.displayName)),typeof e=="function"&&L.set(e,S),S}while(j>=1&&x>=0);break}}}finally{Z=!1,X.current=p,mr(),Error.prepareStackTrace=v}var F=e?e.displayName||e.name:"",P=F?B(F):"";return typeof e=="function"&&L.set(e,P),P}function gr(e,r,n){return ye(e,!1)}function jr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,n){if(e==null)return"";if(typeof e=="function")return ye(e,jr(e));if(typeof e=="string")return B(e);switch(e){case w:return B("Suspense");case y:return B("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return gr(e.render);case g:return U(e.type,r,n);case _:{var i=e,v=i._payload,p=i._init;try{return U(p(v),r,n)}catch{}}}return""}var Y=Object.prototype.hasOwnProperty,Re={},Ee=D.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,n=U(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(n)}else Ee.setExtraStackFrame(null)}function xr(e,r,n,i,v){{var p=Function.call.bind(Y);for(var f in e)if(p(e,f)){var u=void 0;try{if(typeof e[f]!="function"){var E=Error((i||"React class")+": "+n+" type `"+f+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[f]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}u=e[f](r,f,i,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(j){u=j}u&&!(u instanceof Error)&&(J(v),R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",i||"React class",n,f,typeof u),J(null)),u instanceof Error&&!(u.message in Re)&&(Re[u.message]=!0,J(v),R("Failed %s type: %s",n,u.message),J(null))}}}var yr=Array.isArray;function Q(e){return yr(e)}function Rr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Er(e){try{return _e(e),!1}catch{return!0}}function _e(e){return""+e}function Te(e){if(Er(e))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Rr(e)),_e(e)}var Ce=D.ReactCurrentOwner,_r={key:!0,ref:!0,__self:!0,__source:!0},we,Se;function Tr(e){if(Y.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Cr(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function wr(e,r){typeof e.ref=="string"&&Ce.current}function Sr(e,r){{var n=function(){we||(we=!0,R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function Or(e,r){{var n=function(){Se||(Se=!0,R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var kr=function(e,r,n,i,v,p,f){var u={$$typeof:s,type:e,key:r,ref:n,props:f,_owner:p};return u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(u,"_self",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.defineProperty(u,"_source",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u};function Nr(e,r,n,i,v){{var p,f={},u=null,E=null;n!==void 0&&(Te(n),u=""+n),Cr(r)&&(Te(r.key),u=""+r.key),Tr(r)&&(E=r.ref,wr(r,v));for(p in r)Y.call(r,p)&&!_r.hasOwnProperty(p)&&(f[p]=r[p]);if(e&&e.defaultProps){var j=e.defaultProps;for(p in j)f[p]===void 0&&(f[p]=j[p])}if(u||E){var x=typeof e=="function"?e.displayName||e.name||"Unknown":e;u&&Sr(f,x),E&&Or(f,x)}return kr(e,u,E,v,i,Ce.current,f)}}var K=D.ReactCurrentOwner,Oe=D.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,n=U(e.type,e._source,r?r.type:null);Oe.setExtraStackFrame(n)}else Oe.setExtraStackFrame(null)}var ee;ee=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function ke(){{if(K.current){var e=k(K.current.type);if(e)return`
+`+u[j].replace(" at new "," at ");return e.displayName&&S.includes("<anonymous>")&&(S=S.replace("<anonymous>",e.displayName)),typeof e=="function"&&L.set(e,S),S}while(j>=1&&x>=0);break}}}finally{Z=!1,X.current=m,hr(),Error.prepareStackTrace=v}var F=e?e.displayName||e.name:"",P=F?B(F):"";return typeof e=="function"&&L.set(e,P),P}function gr(e,r,n){return ye(e,!1)}function jr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,n){if(e==null)return"";if(typeof e=="function")return ye(e,jr(e));if(typeof e=="string")return B(e);switch(e){case w:return B("Suspense");case y:return B("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return gr(e.render);case g:return U(e.type,r,n);case _:{var o=e,v=o._payload,m=o._init;try{return U(m(v),r,n)}catch{}}}return""}var Y=Object.prototype.hasOwnProperty,Re={},Ee=D.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,n=U(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(n)}else Ee.setExtraStackFrame(null)}function xr(e,r,n,o,v){{var m=Function.call.bind(Y);for(var f in e)if(m(e,f)){var u=void 0;try{if(typeof e[f]!="function"){var E=Error((o||"React class")+": "+n+" type `"+f+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[f]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw E.name="Invariant Violation",E}u=e[f](r,f,o,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(j){u=j}u&&!(u instanceof Error)&&(J(v),R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",o||"React class",n,f,typeof u),J(null)),u instanceof Error&&!(u.message in Re)&&(Re[u.message]=!0,J(v),R("Failed %s type: %s",n,u.message),J(null))}}}var yr=Array.isArray;function Q(e){return yr(e)}function Rr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Er(e){try{return _e(e),!1}catch{return!0}}function _e(e){return""+e}function Te(e){if(Er(e))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Rr(e)),_e(e)}var Ce=D.ReactCurrentOwner,_r={key:!0,ref:!0,__self:!0,__source:!0},we,Se;function Tr(e){if(Y.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Cr(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function wr(e,r){typeof e.ref=="string"&&Ce.current}function Sr(e,r){{var n=function(){we||(we=!0,R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}}function Or(e,r){{var n=function(){Se||(Se=!0,R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};n.isReactWarning=!0,Object.defineProperty(e,"ref",{get:n,configurable:!0})}}var kr=function(e,r,n,o,v,m,f){var u={$$typeof:s,type:e,key:r,ref:n,props:f,_owner:m};return u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(u,"_self",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.defineProperty(u,"_source",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u};function Nr(e,r,n,o,v){{var m,f={},u=null,E=null;n!==void 0&&(Te(n),u=""+n),Cr(r)&&(Te(r.key),u=""+r.key),Tr(r)&&(E=r.ref,wr(r,v));for(m in r)Y.call(r,m)&&!_r.hasOwnProperty(m)&&(f[m]=r[m]);if(e&&e.defaultProps){var j=e.defaultProps;for(m in j)f[m]===void 0&&(f[m]=j[m])}if(u||E){var x=typeof e=="function"?e.displayName||e.name||"Unknown":e;u&&Sr(f,x),E&&Or(f,x)}return kr(e,u,E,v,o,Ce.current,f)}}var K=D.ReactCurrentOwner,Oe=D.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,n=U(e.type,e._source,r?r.type:null);Oe.setExtraStackFrame(n)}else Oe.setExtraStackFrame(null)}var ee;ee=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function ke(){{if(K.current){var e=k(K.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function Pr(e){return""}var Ne={};function Dr(e){{var r=ke();if(!r){var n=typeof e=="string"?e:e.displayName||e.name;n&&(r=`
 
-Check the top-level render call using <`+n+">.")}return r}}function Pe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=Dr(r);if(Ne[n])return;Ne[n]=!0;var i="";e&&e._owner&&e._owner!==K.current&&(i=" It was passed a child from "+k(e._owner.type)+"."),A(e),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,i),A(null)}}function De(e,r){{if(typeof e!="object")return;if(Q(e))for(var n=0;n<e.length;n++){var i=e[n];re(i)&&Pe(i,r)}else if(re(e))e._store&&(e._store.validated=!0);else if(e){var v=ir(e);if(typeof v=="function"&&v!==e.entries)for(var p=v.call(e),f;!(f=p.next()).done;)re(f.value)&&Pe(f.value,r)}}}function Ar(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===b||r.$$typeof===g))n=r.propTypes;else return;if(n){var i=k(r);xr(n,e.props,"prop",i,e)}else if(r.PropTypes!==void 0&&!ee){ee=!0;var v=k(r);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",v||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Fr(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var i=r[n];if(i!=="children"&&i!=="key"){A(e),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",i),A(null);break}}e.ref!==null&&(A(e),R("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var Ae={};function Fe(e,r,n,i,v,p){{var f=vr(e);if(!f){var u="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(u+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var E=Pr();E?u+=E:u+=ke();var j;e===null?j="null":Q(e)?j="array":e!==void 0&&e.$$typeof===s?(j="<"+(k(e.type)||"Unknown")+" />",u=" Did you accidentally export a JSX literal instead of a component?"):j=typeof e,R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",j,u)}var x=Nr(e,r,n,v,p);if(x==null)return x;if(f){var S=r.children;if(S!==void 0)if(i)if(Q(S)){for(var F=0;F<S.length;F++)De(S[F],e);Object.freeze&&Object.freeze(S)}else R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else De(S,e)}if(Y.call(r,"key")){var P=k(e),T=Object.keys(r).filter(function(Vr){return Vr!=="key"}),te=T.length>0?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}";if(!Ae[P+te]){var Mr=T.length>0?"{"+T.join(": ..., ")+": ...}":"{}";R(`A props object containing a "key" prop is being spread into JSX:
+Check the top-level render call using <`+n+">.")}return r}}function Pe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=Dr(r);if(Ne[n])return;Ne[n]=!0;var o="";e&&e._owner&&e._owner!==K.current&&(o=" It was passed a child from "+k(e._owner.type)+"."),A(e),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,o),A(null)}}function De(e,r){{if(typeof e!="object")return;if(Q(e))for(var n=0;n<e.length;n++){var o=e[n];re(o)&&Pe(o,r)}else if(re(e))e._store&&(e._store.validated=!0);else if(e){var v=ir(e);if(typeof v=="function"&&v!==e.entries)for(var m=v.call(e),f;!(f=m.next()).done;)re(f.value)&&Pe(f.value,r)}}}function Ar(e){{var r=e.type;if(r==null||typeof r=="string")return;var n;if(typeof r=="function")n=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===b||r.$$typeof===g))n=r.propTypes;else return;if(n){var o=k(r);xr(n,e.props,"prop",o,e)}else if(r.PropTypes!==void 0&&!ee){ee=!0;var v=k(r);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",v||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Fr(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var o=r[n];if(o!=="children"&&o!=="key"){A(e),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",o),A(null);break}}e.ref!==null&&(A(e),R("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var Ae={};function Fe(e,r,n,o,v,m){{var f=vr(e);if(!f){var u="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(u+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var E=Pr();E?u+=E:u+=ke();var j;e===null?j="null":Q(e)?j="array":e!==void 0&&e.$$typeof===s?(j="<"+(k(e.type)||"Unknown")+" />",u=" Did you accidentally export a JSX literal instead of a component?"):j=typeof e,R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",j,u)}var x=Nr(e,r,n,v,m);if(x==null)return x;if(f){var S=r.children;if(S!==void 0)if(o)if(Q(S)){for(var F=0;F<S.length;F++)De(S[F],e);Object.freeze&&Object.freeze(S)}else R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else De(S,e)}if(Y.call(r,"key")){var P=k(e),T=Object.keys(r).filter(function(Vr){return Vr!=="key"}),te=T.length>0?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}";if(!Ae[P+te]){var Mr=T.length>0?"{"+T.join(": ..., ")+": ...}":"{}";R(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,te,P,Mr,P),Ae[P+te]=!0}}return e===l?Fr(x):Ar(x),x}}function Ir(e,r,n){return Fe(e,r,n,!0)}function $r(e,r,n){return Fe(e,r,n,!1)}var Wr=$r,Yr=Ir;$.Fragment=l,$.jsx=Wr,$.jsxs=Yr}()),$}var se;function We(){return se||(se=1,process.env.NODE_ENV==="production"?M.exports=Ie():M.exports=$e()),M.exports}var t=We();const Ye=()=>t.jsx("div",{className:"toolbar-pf"}),ie=({items:a,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:a.map((o,l)=>t.jsx("li",{className:o.active?"active":"",children:o.active?o.title:t.jsx("a",{href:o.href,children:o.title})},l))}),Me=t.jsx("span",{className:"loading-spinner mr-2",children:t.jsxs("svg",{className:"animate-spin h-5 w-5 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[t.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}),G=({type:a="default",title:s,size:o,label:l,onClick:c,isDisabled:h=!1,children:m,className:C="",isLoading:b=!1})=>{const w=`btn-${a}`,y=o?`btn-${o}`:"",_=`${`btn ${w} ${y}`.trim()} ${C}`.trim();return t.jsx("button",{className:_,type:"button",onClick:c,disabled:h||b,children:t.jsxs("div",{className:"flex items-center justify-center",children:[b&&Me,m||l," ",s&&t.jsx("span",{children:s})]})})},Ve=({children:a,eventKey:s,active:o})=>t.jsx("div",{className:`tab-pane ${o?"active":""}`,id:`${s}-panel`,role:"tabpanel","aria-labelledby":`${s}-tab`,children:a},s),Be=({activeKey:a,onSelect:s,children:o})=>t.jsxs("div",{className:"tabs-container",children:[t.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:o.map(({props:{eventKey:l,title:c}})=>t.jsx("li",{className:a===l?"active":"",children:t.jsx("a",{href:`#${l}`,onClick:h=>{h.preventDefault(),s(l)},children:c})},l))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:o.map(({props:{eventKey:l,children:c}})=>t.jsx("div",{className:`tab-pane ${a===l?"active":""}`,id:`${l}-panel`,role:"tabpanel","aria-labelledby":`${l}-tab`,children:c},l))})})]}),Le=O.forwardRef(({id:a,type:s,placeholder:o="",value:l,onChange:c,className:h="form-control"},m)=>t.jsx("input",{type:s,id:a,className:h,placeholder:o,value:l,onChange:c,ref:m})),Ue=({title:a,isOpen:s,onClose:o,children:l,size:c})=>{if(!s)return null;const h=c?`modal-${c}`:"";return t.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:t.jsx("div",{className:`modal-dialog ${h}`,role:"document",children:t.jsxs("div",{className:"modal-content",children:[t.jsxs("div",{className:"modal-header",children:[t.jsx("button",{type:"button",className:"close",onClick:o,"aria-hidden":"true",children:t.jsx("span",{className:"pficon pficon-close"})}),t.jsx("h4",{className:"modal-title",children:a})]}),t.jsx("div",{className:"modal-body",children:l})]})})})},Je=({variant:a,children:s,className:o=""})=>{const l={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},c=o+" "+l[a]||"";return t.jsx("p",{className:c,children:s})},Ge=({children:a,...s})=>t.jsx("table",{...s,children:a}),ze=({children:a,...s})=>t.jsx("tbody",{...s,children:a}),He=({children:a,...s})=>t.jsx("td",{...s,children:a}),Xe=({children:a,...s})=>t.jsx("th",{...s,children:a}),qe=({children:a,...s})=>t.jsx("thead",{...s,children:a}),Ze=({children:a,...s})=>t.jsx("tr",{...s,children:a}),z=({items:a,selected:s,title:o,isOpen:l,setIsOpen:c,onChange:h,className:m=""})=>{const C=g=>{c(!g)},b=g=>{c(!1),h(g)},w=g=>{const _=g.id===s;return t.jsx("li",{onClick:()=>b(g),className:_?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},y=`btn btn-default dropdown-toggle flex-1 ${m}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:y,onClick:()=>C(l),"data-toggle":"dropdown",type:"button",children:t.jsxs("div",{className:"flex items-center justify-center",children:[o&&t.jsx("div",{className:"mr-2",children:o})," ",t.jsx("span",{className:"caret"})," "]})}),t.jsx("ul",{className:"dropdown-menu",role:"menu",children:a.map(w)})]})},Qe=a=>{const[s,o]=O.useState(!1);return t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...a,setIsOpen:o,isOpen:s})})},oe=({currentPage:a,total:s,onPageChange:o,pageSize:l})=>{const c=Math.ceil(s/l),h=()=>{a>1&&o(a-1)},m=()=>{a<c&&o(a+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",c]})}),t.jsxs("div",{className:"btn-group ml-2",children:[t.jsx("button",{type:"button",className:`btn btn-default ${a===1?"disabled":""}`,disabled:a===1,onClick:h,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${a===c?"disabled":""}`,disabled:a===c,onClick:m,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},H=({children:a,onChange:s,items:o,selected:l})=>{const[c,h]=O.useState(!1);return t.jsx("div",{className:`btn-group ${c?"open":""}`,children:t.jsxs(t.Fragment,{children:[a,t.jsx(z,{setIsOpen:h,isOpen:c,onChange:s,items:o,selected:l})]})})},le=[{id:1,title:"5 сек",data:5e3},{id:2,title:"10 сек",data:1e4},{id:3,title:"20 сек",data:2e4},{id:4,title:"30 сек",data:3e4},{id:5,title:"60 сек",data:6e4}],ce=({onChange:a,value:s,onRefresh:o})=>{var h;const l=m=>{a(m.data)},c=(h=le.find(m=>m.data===s))==null?void 0:h.id;return t.jsx(H,{items:le,onChange:l,selected:c,children:t.jsx(G,{className:"m-0",type:"default",onClick:o,children:t.jsx("i",{className:"fa fa-refresh"})})})},Ke=({interval:a,page:s,total:o,onRefresh:l,onChangeInterval:c,onPageChange:h,pageSize:m})=>t.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[t.jsx("div",{className:"m-[5px]",children:t.jsx(ce,{value:a,onChange:c,onRefresh:l})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{pageSize:m,currentPage:s,total:o,onPageChange:h})})]}),er=({id:a,label:s,isChecked:o=!1,onChange:l,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:a,children:[t.jsx("input",{type:"checkbox",id:a,checked:o,onChange:l}),` ${s}`]})}),rr=({placeholder:a="",rows:s=3,maxLength:o,value:l,onChange:c,isDisabled:h=!1,className:m=""})=>{const[C,b]=O.useState(l||""),w=l!==void 0?l:C,y=g=>{const _=g.target.value;c?c(_):b(_)};return t.jsx("textarea",{className:m,placeholder:a,rows:s,maxLength:o,value:w,onChange:y,disabled:h})},tr=({variant:a,title:s,className:o})=>{const l=`alert alert-${a} ${o||""}`;return["success","info","warning","danger"].includes(a)||(console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`),a="info"),t.jsx("div",{className:l.trim(),role:"alert",children:s})};function nr(a,s){O.useEffect(()=>{if(!a)return;const o=setInterval(()=>{s()},a);return()=>clearInterval(o)},[a])}const ar=()=>t.jsxs("div",{children:[t.jsx(ie,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsx(H,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(G,{children:"Hello"})})]});d.Alert=tr,d.Breadcrumb=ie,d.Button=G,d.Checkbox=er,d.Dropdown=z,d.DropdownSelect=Qe,d.GroupButtonContainer=H,d.HelpText=Je,d.Input=Le,d.Modal=Ue,d.Pagination=oe,d.ReloadButton=ce,d.SampleComp=ar,d.Tab=Ve,d.Table=Ge,d.TableToolbar=Ke,d.Tabs=Be,d.Tbody=ze,d.Td=He,d.TextArea=rr,d.Th=Xe,d.Thead=qe,d.ToolbarContainer=Ye,d.Tr=Ze,d.useIntervalLoader=nr,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,te,P,Mr,P),Ae[P+te]=!0}}return e===i?Fr(x):Ar(x),x}}function Ir(e,r,n){return Fe(e,r,n,!0)}function $r(e,r,n){return Fe(e,r,n,!1)}var Wr=$r,Yr=Ir;$.Fragment=i,$.jsx=Wr,$.jsxs=Yr}()),$}var se;function We(){return se||(se=1,process.env.NODE_ENV==="production"?M.exports=Ie():M.exports=$e()),M.exports}var t=We();const Ye=()=>t.jsx("div",{className:"toolbar-pf"}),ie=({items:a,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:a.map((l,i)=>t.jsx("li",{className:l.active?"active":"",children:l.active?l.title:t.jsx("a",{href:l.href,children:l.title})},i))}),Me=t.jsx("span",{className:"loading-spinner mr-2",children:t.jsxs("svg",{className:"animate-spin h-5 w-5 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[t.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}),G=({type:a="default",title:s,size:l,label:i,onClick:c,isDisabled:p=!1,children:h,className:C="",isLoading:b=!1})=>{const w=`btn-${a}`,y=l?`btn-${l}`:"",_=`${`btn ${w} ${y}`.trim()} ${C}`.trim();return t.jsx("button",{className:_,type:"button",onClick:c,disabled:p||b,children:t.jsxs("div",{className:"flex items-center justify-center",children:[b&&Me,h||i," ",s&&t.jsx("span",{children:s})]})})},Ve=({children:a,eventKey:s,active:l})=>t.jsx("div",{className:`tab-pane ${l?"active":""}`,id:`${s}-panel`,role:"tabpanel","aria-labelledby":`${s}-tab`,children:a},s),Be=({activeKey:a,onSelect:s,children:l})=>t.jsxs("div",{className:"tabs-container",children:[t.jsx("ul",{className:"nav nav-tabs",role:"tablist",children:l.map(({props:{eventKey:i,title:c}})=>t.jsx("li",{className:a===i?"active":"",children:t.jsx("a",{href:`#${i}`,onClick:p=>{p.preventDefault(),s(i)},children:c})},i))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:l.map(({props:{eventKey:i,children:c}})=>t.jsx("div",{className:`tab-pane ${a===i?"active":""}`,id:`${i}-panel`,role:"tabpanel","aria-labelledby":`${i}-tab`,children:c},i))})})]}),Le=O.forwardRef(({id:a,type:s,placeholder:l="",value:i,onChange:c,className:p="form-control"},h)=>t.jsx("input",{type:s,id:a,className:p,placeholder:l,value:i,onChange:c,ref:h})),Ue=({title:a,isOpen:s,onClose:l,children:i,size:c})=>{if(!s)return null;const p=c?`modal-${c}`:"";return t.jsx("div",{className:"modal fade in",style:{display:"block"},tabIndex:-1,role:"dialog",children:t.jsx("div",{className:`modal-dialog ${p}`,role:"document",children:t.jsxs("div",{className:"modal-content",children:[t.jsxs("div",{className:"modal-header",children:[t.jsx("button",{type:"button",className:"close",onClick:l,"aria-hidden":"true",children:t.jsx("span",{className:"pficon pficon-close"})}),t.jsx("h4",{className:"modal-title",children:a})]}),t.jsx("div",{className:"modal-body",children:i})]})})})},Je=({variant:a,children:s,className:l=""})=>{const i={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},c=l+" "+i[a]||"";return t.jsx("p",{className:c,children:s})},Ge=({children:a,...s})=>t.jsx("table",{...s,children:a}),ze=({children:a,...s})=>t.jsx("tbody",{...s,children:a}),He=({children:a,...s})=>t.jsx("td",{...s,children:a}),Xe=({children:a,...s})=>t.jsx("th",{...s,children:a}),qe=({children:a,...s})=>t.jsx("thead",{...s,children:a}),Ze=({children:a,...s})=>t.jsx("tr",{...s,children:a}),z=({items:a,selected:s,title:l,isOpen:i,setIsOpen:c,onChange:p,className:h=""})=>{const C=g=>{c(!g)},b=g=>{c(!1),p(g)},w=g=>{const _=g.id===s;return t.jsx("li",{onClick:()=>b(g),className:_?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},y=`btn btn-default dropdown-toggle flex-1 ${h}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:y,onClick:()=>C(i),"data-toggle":"dropdown",type:"button",children:t.jsxs("div",{className:"flex items-center justify-center",children:[l&&t.jsx("div",{className:"mr-2",children:l})," ",t.jsx("span",{className:"caret"})," "]})}),t.jsx("ul",{className:"dropdown-menu",role:"menu",children:a.map(w)})]})},Qe=a=>{const[s,l]=O.useState(!1),i=a.selected,c=a.items.find(p=>p.id==i);return t.jsx("div",{className:`btn-group ${s?"open":""}`,children:t.jsx(z,{...a,title:a.title||c.title,setIsOpen:l,isOpen:s})})},oe=({currentPage:a,total:s,onPageChange:l,pageSize:i})=>{const c=Math.ceil(s/i),p=()=>{a>1&&l(a-1)},h=()=>{a<c&&l(a+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",c]})}),t.jsxs("div",{className:"btn-group ml-2",children:[t.jsx("button",{type:"button",className:`btn btn-default ${a===1?"disabled":""}`,disabled:a===1,onClick:p,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${a===c?"disabled":""}`,disabled:a===c,onClick:h,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},H=({children:a,onChange:s,items:l,selected:i,className:c=""})=>{const[p,h]=O.useState(!1);return t.jsx("div",{className:`btn-group ${c} ${p?"open":""}`,children:t.jsxs(t.Fragment,{children:[a,t.jsx(z,{setIsOpen:h,isOpen:p,onChange:s,items:l,selected:i})]})})},le=[{id:1,title:"5 сек",data:5e3},{id:2,title:"10 сек",data:1e4},{id:3,title:"20 сек",data:2e4},{id:4,title:"30 сек",data:3e4},{id:5,title:"60 сек",data:6e4}],ce=({onChange:a,value:s,onRefresh:l})=>{var p;const i=h=>{a(h.data)},c=(p=le.find(h=>h.data===s))==null?void 0:p.id;return t.jsx(H,{className:"flex",items:le,onChange:i,selected:c,children:t.jsx(G,{className:"m-0",type:"default",onClick:l,children:t.jsx("i",{className:"fa fa-refresh"})})})},Ke=({interval:a,page:s,total:l,onRefresh:i,onChangeInterval:c,onPageChange:p,pageSize:h})=>t.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[t.jsx("div",{className:"m-[5px]",children:t.jsx(ce,{value:a,onChange:c,onRefresh:i})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{pageSize:h,currentPage:s,total:l,onPageChange:p})})]}),er=({id:a,label:s,isChecked:l=!1,onChange:i,className:c="checkbox"})=>t.jsx("div",{className:c,children:t.jsxs("label",{htmlFor:a,children:[t.jsx("input",{type:"checkbox",id:a,checked:l,onChange:i}),` ${s}`]})}),rr=({placeholder:a="",rows:s=3,maxLength:l,value:i,onChange:c,isDisabled:p=!1,className:h=""})=>{const[C,b]=O.useState(i||""),w=i!==void 0?i:C,y=g=>{const _=g.target.value;c?c(_):b(_)};return t.jsx("textarea",{className:h,placeholder:a,rows:s,maxLength:l,value:w,onChange:y,disabled:p})},tr=({variant:a,title:s,className:l})=>{const i=`alert alert-${a} ${l||""}`;return["success","info","warning","danger"].includes(a)||(console.warn(`Unsupported alert variant: "${a}". Defaulting to "info".`),a="info"),t.jsx("div",{className:i.trim(),role:"alert",children:s})};function nr(a,s){O.useEffect(()=>{if(!a)return;const l=setInterval(()=>{s()},a);return()=>clearInterval(l)},[a])}const ar=()=>t.jsxs("div",{children:[t.jsx(ie,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsx(H,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(G,{children:"Hello"})})]});d.Alert=tr,d.Breadcrumb=ie,d.Button=G,d.Checkbox=er,d.Dropdown=z,d.DropdownSelect=Qe,d.GroupButtonContainer=H,d.HelpText=Je,d.Input=Le,d.Modal=Ue,d.Pagination=oe,d.ReloadButton=ce,d.SampleComp=ar,d.Tab=Ve,d.Table=Ge,d.TableToolbar=Ke,d.Tabs=Be,d.Tbody=ze,d.Td=He,d.TextArea=rr,d.Th=Xe,d.Thead=qe,d.ToolbarContainer=Ye,d.Tr=Ze,d.useIntervalLoader=nr,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ovirt-ui-toolkit",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "type": "module",
   "main": "./dist/ovirt-ui-toolkit.umd.js",
   "module": "./dist/ovirt-ui-toolkit.es.js",