ovirt-ui-toolkit 0.0.44 → 0.0.46

package/dist/components/dropdown/Dropdown.d.ts

@@ -10,6 +10,7 @@ interface DropdownProps {
     isDisabled?: boolean;
     selected?: number | string;
     onChange: (item: DropdownItem) => void;
+    className?: string;
 }
 declare const Dropdown: React.FC<DropdownProps>;
 export default Dropdown;

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

@@ -1,5 +1,5 @@
-import Se, { forwardRef as pr, useState as ke, useEffect as hr } from "react";
-var U = { exports: {} }, F = {};
+import Se, { forwardRef as pr, useState as Ne, useEffect as hr } from "react";
+var B = { exports: {} }, I = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -11,19 +11,19 @@ var U = { exports: {} }, F = {};
  */
 var Ce;
 function mr() {
-  if (Ce) return F;
+  if (Ce) return I;
   Ce = 1;
   var a = Se, s = Symbol.for("react.element"), l = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, u = 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 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) o.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]);
-    return { $$typeof: s, type: C, key: R, ref: W, props: b, _owner: u.current };
+  function h(E, m, w) {
+    var g, R = {}, _ = null, T = null;
+    w !== void 0 && (_ = "" + w), m.key !== void 0 && (_ = "" + m.key), m.ref !== void 0 && (T = m.ref);
+    for (g in m) o.call(m, g) && !p.hasOwnProperty(g) && (R[g] = m[g]);
+    if (E && E.defaultProps) for (g in m = E.defaultProps, m) R[g] === void 0 && (R[g] = m[g]);
+    return { $$typeof: s, type: E, key: _, ref: T, props: R, _owner: u.current };
   }
-  return F.Fragment = l, F.jsx = h, F.jsxs = h, F;
+  return I.Fragment = l, I.jsx = h, I.jsxs = h, I;
 }
-var I = {};
+var W = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -36,15 +36,15 @@ var I = {};
 var Te;
 function br() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = Se, s = Symbol.for("react.element"), l = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), u = 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, Ne = "@@iterator";
+    var a = Se, s = Symbol.for("react.element"), l = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), E = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), Y = Symbol.iterator, ke = "@@iterator";
     function Pe(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = K && e[K] || e[Ne];
+      var r = Y && e[Y] || e[ke];
       return typeof r == "function" ? r : null;
     }
-    var N = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function y(e) {
+    var P = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function j(e) {
       {
         for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
           n[i - 1] = arguments[i];
@@ -53,7 +53,7 @@ function br() {
     }
     function $e(e, r, n) {
       {
-        var i = N.ReactDebugCurrentFrame, d = i.getStackAddendum();
+        var i = P.ReactDebugCurrentFrame, d = i.getStackAddendum();
         d !== "" && (r += "%s", n = n.concat([d]));
         var v = n.map(function(f) {
           return String(f);
@@ -64,7 +64,7 @@ function br() {
     var De = !1, Ae = !1, Fe = !1, Ie = !1, We = !1, ee;
     ee = Symbol.for("react.module.reference");
     function Ye(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === p || We || e === u || e === T || e === j || Ie || e === W || De || Ae || Fe || 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 === o || e === p || We || e === u || e === w || e === g || Ie || e === T || De || Ae || Fe || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === R || e.$$typeof === h || e.$$typeof === E || e.$$typeof === m || // 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.
@@ -80,10 +80,10 @@ function br() {
     function re(e) {
       return e.displayName || "Context";
     }
-    function O(e) {
+    function S(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && j("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;
@@ -96,14 +96,14 @@ function br() {
           return "Profiler";
         case u:
           return "StrictMode";
-        case T:
+        case w:
           return "Suspense";
-        case j:
+        case g:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case C:
+          case E:
             var r = e;
             return re(r) + ".Consumer";
           case h:
@@ -111,13 +111,13 @@ function br() {
             return re(n._context) + ".Provider";
           case m:
             return Ve(e, e.render, "ForwardRef");
-          case b:
+          case R:
             var i = e.displayName || null;
-            return i !== null ? i : O(e.type) || "Memo";
-          case R: {
+            return i !== null ? i : S(e.type) || "Memo";
+          case _: {
             var d = e, v = d._payload, f = d._init;
             try {
-              return O(f(v));
+              return S(f(v));
             } catch {
               return null;
             }
@@ -125,13 +125,13 @@ function br() {
         }
       return null;
     }
-    var S = Object.assign, D = 0, te, ne, ae, se, ie, oe, le;
+    var N = Object.assign, A = 0, te, ne, ae, se, ie, oe, le;
     function ce() {
     }
     ce.__reactDisabledLog = !0;
     function Me() {
       {
-        if (D === 0) {
+        if (A === 0) {
           te = console.log, ne = console.info, ae = console.warn, se = console.error, ie = console.group, oe = console.groupCollapsed, le = console.groupEnd;
           var e = {
             configurable: !0,
@@ -149,77 +149,77 @@ function br() {
             groupEnd: e
           });
         }
-        D++;
+        A++;
       }
     }
     function Le() {
       {
-        if (D--, D === 0) {
+        if (A--, A === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: S({}, e, {
+            log: N({}, e, {
               value: te
             }),
-            info: S({}, e, {
+            info: N({}, e, {
               value: ne
             }),
-            warn: S({}, e, {
+            warn: N({}, e, {
               value: ae
             }),
-            error: S({}, e, {
+            error: N({}, e, {
               value: se
             }),
-            group: S({}, e, {
+            group: N({}, e, {
               value: ie
             }),
-            groupCollapsed: S({}, e, {
+            groupCollapsed: N({}, e, {
               value: oe
             }),
-            groupEnd: S({}, e, {
+            groupEnd: N({}, e, {
               value: le
             })
           });
         }
-        D < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        A < 0 && j("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var B = N.ReactCurrentDispatcher, J;
-    function Y(e, r, n) {
+    var J = P.ReactCurrentDispatcher, q;
+    function V(e, r, n) {
       {
-        if (J === void 0)
+        if (q === void 0)
           try {
             throw Error();
           } catch (d) {
             var i = d.stack.trim().match(/\n( *(at )?)/);
-            J = i && i[1] || "";
+            q = i && i[1] || "";
           }
         return `
-` + J + e;
+` + q + e;
       }
     }
-    var q = !1, V;
+    var z = !1, M;
     {
       var Ue = typeof WeakMap == "function" ? WeakMap : Map;
-      V = new Ue();
+      M = new Ue();
     }
     function ue(e, r) {
-      if (!e || q)
+      if (!e || z)
         return "";
       {
-        var n = V.get(e);
+        var n = M.get(e);
         if (n !== void 0)
           return n;
       }
       var i;
-      q = !0;
+      z = !0;
       var d = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var v;
-      v = B.current, B.current = null, Me();
+      v = J.current, J.current = null, Me();
       try {
         if (r) {
           var f = function() {
@@ -232,50 +232,50 @@ function br() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(f, []);
-            } catch (_) {
-              i = _;
+            } catch (C) {
+              i = C;
             }
             Reflect.construct(e, [], f);
           } else {
             try {
               f.call();
-            } catch (_) {
-              i = _;
+            } catch (C) {
+              i = C;
             }
             e.call(f.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (_) {
-            i = _;
+          } catch (C) {
+            i = C;
           }
           e();
         }
-      } catch (_) {
-        if (_ && i && typeof _.stack == "string") {
-          for (var c = _.stack.split(`
-`), E = i.stack.split(`
-`), x = c.length - 1, g = E.length - 1; x >= 1 && g >= 0 && c[x] !== E[g]; )
-            g--;
-          for (; x >= 1 && g >= 0; x--, g--)
-            if (c[x] !== E[g]) {
-              if (x !== 1 || g !== 1)
+      } catch (C) {
+        if (C && i && typeof C.stack == "string") {
+          for (var c = C.stack.split(`
+`), y = i.stack.split(`
+`), b = c.length - 1, x = y.length - 1; b >= 1 && x >= 0 && c[b] !== y[x]; )
+            x--;
+          for (; b >= 1 && x >= 0; b--, x--)
+            if (c[b] !== y[x]) {
+              if (b !== 1 || x !== 1)
                 do
-                  if (x--, g--, g < 0 || c[x] !== E[g]) {
-                    var w = `
-` + c[x].replace(" at new ", " at ");
-                    return e.displayName && w.includes("<anonymous>") && (w = w.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, w), w;
+                  if (b--, x--, x < 0 || c[b] !== y[x]) {
+                    var O = `
+` + c[b].replace(" at new ", " at ");
+                    return e.displayName && O.includes("<anonymous>") && (O = O.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, O), O;
                   }
-                while (x >= 1 && g >= 0);
+                while (b >= 1 && x >= 0);
               break;
             }
         }
       } finally {
-        q = !1, B.current = v, Le(), Error.prepareStackTrace = d;
+        z = !1, J.current = v, Le(), Error.prepareStackTrace = d;
       }
-      var $ = e ? e.displayName || e.name : "", k = $ ? Y($) : "";
-      return typeof e == "function" && V.set(e, k), k;
+      var D = e ? e.displayName || e.name : "", k = D ? V(D) : "";
+      return typeof e == "function" && M.set(e, k), k;
     }
     function Be(e, r, n) {
       return ue(e, !1);
@@ -284,64 +284,64 @@ function br() {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function M(e, r, n) {
+    function L(e, r, n) {
       if (e == null)
         return "";
       if (typeof e == "function")
         return ue(e, Je(e));
       if (typeof e == "string")
-        return Y(e);
+        return V(e);
       switch (e) {
-        case T:
-          return Y("Suspense");
-        case j:
-          return Y("SuspenseList");
+        case w:
+          return V("Suspense");
+        case g:
+          return V("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case m:
             return Be(e.render);
-          case b:
-            return M(e.type, r, n);
-          case R: {
+          case R:
+            return L(e.type, r, n);
+          case _: {
             var i = e, d = i._payload, v = i._init;
             try {
-              return M(v(d), r, n);
+              return L(v(d), r, n);
             } catch {
             }
           }
         }
       return "";
     }
-    var A = Object.prototype.hasOwnProperty, fe = {}, de = N.ReactDebugCurrentFrame;
-    function L(e) {
+    var F = Object.prototype.hasOwnProperty, fe = {}, de = P.ReactDebugCurrentFrame;
+    function U(e) {
       if (e) {
-        var r = e._owner, n = M(e.type, e._source, r ? r.type : null);
+        var r = e._owner, n = L(e.type, e._source, r ? r.type : null);
         de.setExtraStackFrame(n);
       } else
         de.setExtraStackFrame(null);
     }
     function qe(e, r, n, i, d) {
       {
-        var v = Function.call.bind(A);
+        var v = Function.call.bind(F);
         for (var f in e)
           if (v(e, f)) {
             var c = 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;
+                var y = 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 y.name = "Invariant Violation", y;
               }
               c = e[f](r, f, i, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (x) {
-              c = x;
+            } catch (b) {
+              c = b;
             }
-            c && !(c 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 c), L(null)), c instanceof Error && !(c.message in fe) && (fe[c.message] = !0, L(d), y("Failed %s type: %s", n, c.message), L(null));
+            c && !(c instanceof Error) && (U(d), j("%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 c), U(null)), c instanceof Error && !(c.message in fe) && (fe[c.message] = !0, U(d), j("Failed %s type: %s", n, c.message), U(null));
           }
       }
     }
     var ze = Array.isArray;
-    function z(e) {
+    function G(e) {
       return ze(e);
     }
     function Ge(e) {
@@ -362,16 +362,16 @@ function br() {
     }
     function pe(e) {
       if (He(e))
-        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), ve(e);
+        return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), ve(e);
     }
-    var he = N.ReactCurrentOwner, Xe = {
+    var he = P.ReactCurrentOwner, Xe = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, me, be;
     function Ze(e) {
-      if (A.call(e, "ref")) {
+      if (F.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
@@ -379,7 +379,7 @@ function br() {
       return e.ref !== void 0;
     }
     function Qe(e) {
-      if (A.call(e, "key")) {
+      if (F.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
@@ -392,7 +392,7 @@ function br() {
     function er(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));
+          me || (me = !0, j("%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,
@@ -403,7 +403,7 @@ function br() {
     function rr(e, r) {
       {
         var n = function() {
-          be || (be = !0, y("%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));
+          be || (be = !0, j("%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,
@@ -442,39 +442,39 @@ function br() {
     };
     function nr(e, r, n, i, d) {
       {
-        var v, f = {}, c = null, E = null;
-        n !== void 0 && (pe(n), c = "" + n), Qe(r) && (pe(r.key), c = "" + r.key), Ze(r) && (E = r.ref, Ke(r, d));
+        var v, f = {}, c = null, y = null;
+        n !== void 0 && (pe(n), c = "" + n), Qe(r) && (pe(r.key), c = "" + r.key), Ze(r) && (y = r.ref, Ke(r, d));
         for (v in r)
-          A.call(r, v) && !Xe.hasOwnProperty(v) && (f[v] = r[v]);
+          F.call(r, v) && !Xe.hasOwnProperty(v) && (f[v] = r[v]);
         if (e && e.defaultProps) {
-          var x = e.defaultProps;
-          for (v in x)
-            f[v] === void 0 && (f[v] = x[v]);
+          var b = e.defaultProps;
+          for (v in b)
+            f[v] === void 0 && (f[v] = b[v]);
         }
-        if (c || E) {
-          var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          c && er(f, g), E && rr(f, g);
+        if (c || y) {
+          var x = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          c && er(f, x), y && rr(f, x);
         }
-        return tr(e, c, E, d, i, he.current, f);
+        return tr(e, c, y, d, i, he.current, f);
       }
     }
-    var G = N.ReactCurrentOwner, xe = N.ReactDebugCurrentFrame;
-    function P(e) {
+    var H = P.ReactCurrentOwner, xe = P.ReactDebugCurrentFrame;
+    function $(e) {
       if (e) {
-        var r = e._owner, n = M(e.type, e._source, r ? r.type : null);
+        var r = e._owner, n = L(e.type, e._source, r ? r.type : null);
         xe.setExtraStackFrame(n);
       } else
         xe.setExtraStackFrame(null);
     }
-    var H;
-    H = !1;
-    function X(e) {
+    var X;
+    X = !1;
+    function Z(e) {
       return typeof e == "object" && e !== null && e.$$typeof === s;
     }
     function ge() {
       {
-        if (G.current) {
-          var e = O(G.current.type);
+        if (H.current) {
+          var e = S(H.current.type);
           if (e)
             return `
 
@@ -509,25 +509,25 @@ Check the top-level render call using <` + 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);
+        e && e._owner && e._owner !== H.current && (i = " It was passed a child from " + S(e._owner.type) + "."), $(e), j('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), $(null);
       }
     }
     function Ee(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (z(e))
+        if (G(e))
           for (var n = 0; n < e.length; n++) {
             var i = e[n];
-            X(i) && ye(i, r);
+            Z(i) && ye(i, r);
           }
-        else if (X(e))
+        else if (Z(e))
           e._store && (e._store.validated = !0);
         else if (e) {
           var d = Pe(e);
           if (typeof d == "function" && d !== e.entries)
             for (var v = d.call(e), f; !(f = v.next()).done; )
-              X(f.value) && ye(f.value, r);
+              Z(f.value) && ye(f.value, r);
         }
       }
     }
@@ -541,19 +541,19 @@ Check the top-level render call using <` + n + ">.");
           n = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === b))
+        r.$$typeof === R))
           n = r.propTypes;
         else
           return;
         if (n) {
-          var i = O(r);
+          var i = S(r);
           qe(n, e.props, "prop", i, e);
-        } else if (r.PropTypes !== void 0 && !H) {
-          H = !0;
-          var d = O(r);
-          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", d || "Unknown");
+        } else if (r.PropTypes !== void 0 && !X) {
+          X = !0;
+          var d = S(r);
+          j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", d || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function or(e) {
@@ -561,11 +561,11 @@ Check the top-level render call using <` + n + ">.");
         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);
+            $(e), j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), $(null);
             break;
           }
         }
-        e.ref !== null && (P(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), P(null));
+        e.ref !== null && ($(e), j("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
       }
     }
     var Re = {};
@@ -575,42 +575,42 @@ Check the top-level render call using <` + n + ">.");
         if (!f) {
           var c = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (c += " 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 = ar();
-          E ? c += E : c += ge();
-          var x;
-          e === null ? x = "null" : z(e) ? x = "array" : e !== void 0 && e.$$typeof === s ? (x = "<" + (O(e.type) || "Unknown") + " />", c = " 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, c);
+          var y = ar();
+          y ? c += y : c += ge();
+          var b;
+          e === null ? b = "null" : G(e) ? b = "array" : e !== void 0 && e.$$typeof === s ? (b = "<" + (S(e.type) || "Unknown") + " />", c = " Did you accidentally export a JSX literal instead of a component?") : b = typeof e, j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", b, c);
         }
-        var g = nr(e, r, n, d, v);
-        if (g == null)
-          return g;
+        var x = nr(e, r, n, d, v);
+        if (x == null)
+          return x;
         if (f) {
-          var w = r.children;
-          if (w !== void 0)
+          var O = r.children;
+          if (O !== void 0)
             if (i)
-              if (z(w)) {
-                for (var $ = 0; $ < w.length; $++)
-                  Ee(w[$], e);
-                Object.freeze && Object.freeze(w);
+              if (G(O)) {
+                for (var D = 0; D < O.length; D++)
+                  Ee(O[D], e);
+                Object.freeze && Object.freeze(O);
               } else
-                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                j("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
-              Ee(w, e);
+              Ee(O, e);
         }
-        if (A.call(r, "key")) {
-          var k = O(e), _ = Object.keys(r).filter(function(vr) {
+        if (F.call(r, "key")) {
+          var k = S(e), C = Object.keys(r).filter(function(vr) {
             return vr !== "key";
-          }), Z = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Re[k + Z]) {
-            var dr = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
-            y(`A props object containing a "key" prop is being spread into JSX:
+          }), Q = C.length > 0 ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Re[k + Q]) {
+            var dr = C.length > 0 ? "{" + C.join(": ..., ") + ": ...}" : "{}";
+            j(`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} />`, Z, k, dr, k), Re[k + Z] = !0;
+  <%s key={someKey} {...props} />`, Q, k, dr, k), Re[k + Q] = !0;
           }
         }
-        return e === o ? or(g) : ir(g), g;
+        return e === o ? or(x) : ir(x), x;
       }
     }
     function lr(e, r, n) {
@@ -620,12 +620,12 @@ React keys must be passed directly to JSX without using spread:
       return _e(e, r, n, !1);
     }
     var ur = cr, fr = lr;
-    I.Fragment = o, I.jsx = ur, I.jsxs = fr;
-  }()), I;
+    W.Fragment = o, W.jsx = ur, W.jsxs = fr;
+  }()), W;
 }
 var we;
 function xr() {
-  return we || (we = 1, process.env.NODE_ENV === "production" ? U.exports = mr() : U.exports = br()), U.exports;
+  return we || (we = 1, process.env.NODE_ENV === "production" ? B.exports = mr() : B.exports = br()), B.exports;
 }
 var t = xr();
 const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), gr = ({ items: a, className: s }) => /* @__PURE__ */ t.jsx("ol", { className: `breadcrumb ${s || ""}`.trim(), children: a.map((l, o) => /* @__PURE__ */ t.jsx("li", { className: l.active ? "active" : "", children: l.active ? l.title : /* @__PURE__ */ t.jsx("a", { href: l.href, children: l.title }) }, o)) }), jr = /* @__PURE__ */ t.jsx("span", { className: "loading-spinner mr-2", children: /* @__PURE__ */ t.jsxs(
@@ -657,7 +657,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), gr =
       )
     ]
   }
-) }), Q = ({
+) }), K = ({
   type: a = "default",
   title: s,
   size: l,
@@ -665,14 +665,14 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), gr =
   onClick: u,
   isDisabled: p = !1,
   children: h,
-  className: C = "",
+  className: E = "",
   isLoading: m = !1
 }) => {
-  const T = `btn-${a}`, j = l ? `btn-${l}` : "", R = `${`btn ${T} ${j}`.trim()} ${C}`.trim();
+  const w = `btn-${a}`, g = l ? `btn-${l}` : "", _ = `${`btn ${w} ${g}`.trim()} ${E}`.trim();
   return /* @__PURE__ */ t.jsx(
     "button",
     {
-      className: R,
+      className: _,
       type: "button",
       onClick: u,
       disabled: p || m,
@@ -736,7 +736,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), gr =
       ref: h
     }
   )
-), kr = ({ title: a, isOpen: s, onClose: l, children: o, size: u }) => {
+), Nr = ({ title: a, isOpen: s, onClose: l, children: o, size: u }) => {
   if (!s) return null;
   const p = u ? `modal-${u}` : "";
   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: [
@@ -746,45 +746,45 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), gr =
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: "modal-body", children: o })
   ] }) }) });
-}, Nr = ({ variant: a, children: s, className: l = "" }) => {
+}, kr = ({ variant: a, children: s, className: l = "" }) => {
   const o = {
     warning: "text-yellow-600",
     success: "text-green-600",
     error: "text-red-600"
   }, u = l + " " + o[a] || "";
   return /* @__PURE__ */ t.jsx("p", { className: u, 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 }), Ar = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("th", { ...s, children: a }), Fr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("thead", { ...s, children: a }), Ir = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("tr", { ...s, children: a }), yr = ({ items: a, selected: s, title: l, onChange: o, isDisabled: u }) => {
-  const [p, h] = ke(!1), C = () => {
-    h((b) => !b);
-  }, m = (b) => {
-    h(!1), o(b);
-  }, T = (b) => {
-    const R = b.id === 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 }), Ar = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("th", { ...s, children: a }), Fr = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("thead", { ...s, children: a }), Ir = ({ children: a, ...s }) => /* @__PURE__ */ t.jsx("tr", { ...s, children: a }), yr = ({ items: a, selected: s, title: l, onChange: o, isDisabled: u, className: p = "" }) => {
+  const [h, E] = Ne(!1), m = `btn btn-default dropdown-toggle h-full ${p}`, w = () => {
+    E((T) => !T);
+  }, g = (T) => {
+    E(!1), o(T);
+  }, R = (T) => {
+    const Y = T.id === s;
     return /* @__PURE__ */ t.jsx(
       "li",
       {
-        onClick: () => m(b),
-        className: R ? "active" : "",
-        children: /* @__PURE__ */ t.jsx("a", { href: "#", children: b.title })
+        onClick: () => g(T),
+        className: Y ? "active" : "",
+        children: /* @__PURE__ */ t.jsx("a", { href: "#", children: T.title })
       },
-      b.id
+      T.id
     );
-  }, j = p ? "dropdown open" : "dropdown";
-  return /* @__PURE__ */ t.jsxs("div", { className: j, style: { display: "inline-block" }, children: [
+  }, _ = h ? "dropdown open" : "dropdown";
+  return /* @__PURE__ */ t.jsxs("div", { className: _, style: { display: "inline-block" }, children: [
     /* @__PURE__ */ t.jsx(
       "button",
       {
         type: "button",
         disabled: u,
-        className: "btn btn-default dropdown-toggle h-full",
-        onClick: C,
+        className: m,
+        onClick: w,
         children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center", children: [
           l && /* @__PURE__ */ t.jsx("div", { className: "mr-2", children: l }),
           /* @__PURE__ */ t.jsx("span", { className: "caret" })
         ] })
       }
     ),
-    p && /* @__PURE__ */ t.jsx("ul", { className: "dropdown-menu", children: a.map(T) })
+    h && /* @__PURE__ */ t.jsx("ul", { className: "dropdown-menu", children: a.map(R) })
   ] });
 }, Er = ({ currentPage: a, total: s, onPageChange: l, pageSize: o }) => {
   const u = Math.ceil(s / o), p = () => {
@@ -833,8 +833,8 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), gr =
     a(h.data);
   }, u = (p = Oe.find((h) => h.data === s)) == null ? void 0 : p.id;
   return /* @__PURE__ */ t.jsxs("div", { className: "flex", children: [
-    /* @__PURE__ */ t.jsx(Q, { type: "default", onClick: l, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }),
-    /* @__PURE__ */ t.jsx(yr, { onChange: o, items: Oe, selected: u })
+    /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(K, { className: "m-0", type: "default", onClick: l, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) }),
+    /* @__PURE__ */ t.jsx(yr, { className: "m-0", onChange: o, items: Oe, selected: u })
   ] });
 }, Wr = ({
   interval: a,
@@ -888,9 +888,9 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), gr =
   isDisabled: p = !1,
   className: h = ""
 }) => {
-  const [C, m] = ke(o || ""), T = o !== void 0 ? o : C, j = (b) => {
-    const R = b.target.value;
-    u ? u(R) : m(R);
+  const [E, m] = Ne(o || ""), w = o !== void 0 ? o : E, g = (R) => {
+    const _ = R.target.value;
+    u ? u(_) : m(_);
   };
   return /* @__PURE__ */ t.jsx(
     "textarea",
@@ -899,8 +899,8 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), gr =
       placeholder: a,
       rows: s,
       maxLength: l,
-      value: T,
-      onChange: j,
+      value: w,
+      onChange: g,
       disabled: p
     }
   );
@@ -931,19 +931,19 @@ const _r = ({
     }
   ),
   /* @__PURE__ */ t.jsxs(_r, { children: [
-    /* @__PURE__ */ t.jsx(Q, { children: "Hello" }),
-    /* @__PURE__ */ t.jsx(Q, { children: "Hello" })
+    /* @__PURE__ */ t.jsx(K, { children: "Hello" }),
+    /* @__PURE__ */ t.jsx(K, { children: "Hello" })
   ] })
 ] });
 export {
   Mr as Alert,
   gr as Breadcrumb,
-  Q as Button,
+  K as Button,
   Yr as Checkbox,
   yr as Dropdown,
-  Nr as HelpText,
+  kr as HelpText,
   Sr as Input,
-  kr as Modal,
+  Nr as Modal,
   Er as Pagination,
   Rr as ReloadButton,
   Ur as SampleComp,

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

@@ -1,4 +1,4 @@
-(function(v,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],O):(v=typeof globalThis<"u"?globalThis:v||self,O(v["ovirt-ui-toolkit"]={},v.React))})(this,function(v,O){"use strict";var M={exports:{}},F={};/**
+(function(v,k){typeof exports=="object"&&typeof module<"u"?k(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],k):(v=typeof globalThis<"u"?globalThis:v||self,k(v["ovirt-ui-toolkit"]={},v.React))})(this,function(v,k){"use strict";var V={exports:{}},$={};/**
  * @license React
  * react-jsx-runtime.production.min.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 re;function Ie(){if(re)return F;re=1;var a=O,s=Symbol.for("react.element"),l=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,u=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function b(C,m,w){var y,g={},_=null,B=null;w!==void 0&&(_=""+w),m.key!==void 0&&(_=""+m.key),m.ref!==void 0&&(B=m.ref);for(y in m)o.call(m,y)&&!h.hasOwnProperty(y)&&(g[y]=m[y]);if(C&&C.defaultProps)for(y in m=C.defaultProps,m)g[y]===void 0&&(g[y]=m[y]);return{$$typeof:s,type:C,key:_,ref:B,props:g,_owner:u.current}}return F.Fragment=l,F.jsx=b,F.jsxs=b,F}var $={};/**
+ */var te;function Ie(){if(te)return $;te=1;var a=k,s=Symbol.for("react.element"),l=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,u=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,h={key:!0,ref:!0,__self:!0,__source:!0};function b(E,m,S){var x,_={},T=null,w=null;S!==void 0&&(T=""+S),m.key!==void 0&&(T=""+m.key),m.ref!==void 0&&(w=m.ref);for(x in m)o.call(m,x)&&!h.hasOwnProperty(x)&&(_[x]=m[x]);if(E&&E.defaultProps)for(x in m=E.defaultProps,m)_[x]===void 0&&(_[x]=m[x]);return{$$typeof:s,type:E,key:T,ref:w,props:_,_owner:u.current}}return $.Fragment=l,$.jsx=b,$.jsxs=b,$}var W={};/**
  * @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 te;function Fe(){return te||(te=1,process.env.NODE_ENV!=="production"&&function(){var a=O,s=Symbol.for("react.element"),l=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),C=Symbol.for("react.context"),m=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"),B=Symbol.for("react.offscreen"),ce=Symbol.iterator,ar="@@iterator";function sr(e){if(e===null||typeof e!="object")return null;var r=ce&&e[ce]||e[ar];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];ir("error",e,n)}}function ir(e,r,n){{var i=D.ReactDebugCurrentFrame,d=i.getStackAddendum();d!==""&&(r+="%s",n=n.concat([d]));var p=n.map(function(f){return String(f)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var or=!1,lr=!1,cr=!1,ur=!1,fr=!1,ue;ue=Symbol.for("react.module.reference");function dr(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===h||fr||e===u||e===w||e===y||ur||e===B||or||lr||cr||typeof e=="object"&&e!==null&&(e.$$typeof===_||e.$$typeof===g||e.$$typeof===b||e.$$typeof===C||e.$$typeof===m||e.$$typeof===ue||e.getModuleId!==void 0))}function vr(e,r,n){var i=e.displayName;if(i)return i;var d=r.displayName||r.name||"";return d!==""?n+"("+d+")":n}function fe(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 o:return"Fragment";case l:return"Portal";case h:return"Profiler";case u:return"StrictMode";case w:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case C:var r=e;return fe(r)+".Consumer";case b:var n=e;return fe(n._context)+".Provider";case m:return vr(e,e.render,"ForwardRef");case g:var i=e.displayName||null;return i!==null?i:k(e.type)||"Memo";case _:{var d=e,p=d._payload,f=d._init;try{return k(f(p))}catch{return null}}}return null}var N=Object.assign,W=0,de,ve,pe,he,be,me,ge;function je(){}je.__reactDisabledLog=!0;function pr(){{if(W===0){de=console.log,ve=console.info,pe=console.warn,he=console.error,be=console.group,me=console.groupCollapsed,ge=console.groupEnd;var e={configurable:!0,enumerable:!0,value:je,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:de}),info:N({},e,{value:ve}),warn:N({},e,{value:pe}),error:N({},e,{value:he}),group:N({},e,{value:be}),groupCollapsed:N({},e,{value:me}),groupEnd:N({},e,{value:ge})})}W<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var z=D.ReactCurrentDispatcher,G;function L(e,r,n){{if(G===void 0)try{throw Error()}catch(d){var i=d.stack.trim().match(/\n( *(at )?)/);G=i&&i[1]||""}return`
-`+G+e}}var q=!1,U;{var br=typeof WeakMap=="function"?WeakMap:Map;U=new br}function xe(e,r){if(!e||q)return"";{var n=U.get(e);if(n!==void 0)return n}var i;q=!0;var d=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=z.current,z.current=null,pr();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 c=T.stack.split(`
-`),E=i.stack.split(`
-`),j=c.length-1,x=E.length-1;j>=1&&x>=0&&c[j]!==E[x];)x--;for(;j>=1&&x>=0;j--,x--)if(c[j]!==E[x]){if(j!==1||x!==1)do if(j--,x--,x<0||c[j]!==E[x]){var S=`
-`+c[j].replace(" at new "," at ");return e.displayName&&S.includes("<anonymous>")&&(S=S.replace("<anonymous>",e.displayName)),typeof e=="function"&&U.set(e,S),S}while(j>=1&&x>=0);break}}}finally{q=!1,z.current=p,hr(),Error.prepareStackTrace=d}var I=e?e.displayName||e.name:"",P=I?L(I):"";return typeof e=="function"&&U.set(e,P),P}function mr(e,r,n){return xe(e,!1)}function gr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function J(e,r,n){if(e==null)return"";if(typeof e=="function")return xe(e,gr(e));if(typeof e=="string")return L(e);switch(e){case w:return L("Suspense");case y:return L("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case m:return mr(e.render);case g:return J(e.type,r,n);case _:{var i=e,d=i._payload,p=i._init;try{return J(p(d),r,n)}catch{}}}return""}var Y=Object.prototype.hasOwnProperty,ye={},Re=D.ReactDebugCurrentFrame;function H(e){if(e){var r=e._owner,n=J(e.type,e._source,r?r.type:null);Re.setExtraStackFrame(n)}else Re.setExtraStackFrame(null)}function jr(e,r,n,i,d){{var p=Function.call.bind(Y);for(var f in e)if(p(e,f)){var c=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}c=e[f](r,f,i,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(j){c=j}c&&!(c instanceof Error)&&(H(d),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 c),H(null)),c instanceof Error&&!(c.message in ye)&&(ye[c.message]=!0,H(d),R("Failed %s type: %s",n,c.message),H(null))}}}var xr=Array.isArray;function X(e){return xr(e)}function yr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Rr(e){try{return Ee(e),!1}catch{return!0}}function Ee(e){return""+e}function _e(e){if(Rr(e))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",yr(e)),Ee(e)}var Te=D.ReactCurrentOwner,Er={key:!0,ref:!0,__self:!0,__source:!0},Ce,we;function _r(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 Tr(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 Cr(e,r){typeof e.ref=="string"&&Te.current}function wr(e,r){{var n=function(){Ce||(Ce=!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 Sr(e,r){{var n=function(){we||(we=!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 Or=function(e,r,n,i,d,p,f){var c={$$typeof:s,type:e,key:r,ref:n,props:f,_owner:p};return c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function kr(e,r,n,i,d){{var p,f={},c=null,E=null;n!==void 0&&(_e(n),c=""+n),Tr(r)&&(_e(r.key),c=""+r.key),_r(r)&&(E=r.ref,Cr(r,d));for(p in r)Y.call(r,p)&&!Er.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(c||E){var x=typeof e=="function"?e.displayName||e.name||"Unknown":e;c&&wr(f,x),E&&Sr(f,x)}return Or(e,c,E,d,i,Te.current,f)}}var Z=D.ReactCurrentOwner,Se=D.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,n=J(e.type,e._source,r?r.type:null);Se.setExtraStackFrame(n)}else Se.setExtraStackFrame(null)}var Q;Q=!1;function K(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Oe(){{if(Z.current){var e=k(Z.current.type);if(e)return`
+ */var ne;function Fe(){return ne||(ne=1,process.env.NODE_ENV!=="production"&&function(){var a=k,s=Symbol.for("react.element"),l=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),h=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),E=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),x=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),w=Symbol.for("react.offscreen"),L=Symbol.iterator,ar="@@iterator";function sr(e){if(e===null||typeof e!="object")return null;var r=L&&e[L]||e[ar];return typeof r=="function"?r:null}var A=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];ir("error",e,n)}}function ir(e,r,n){{var i=A.ReactDebugCurrentFrame,d=i.getStackAddendum();d!==""&&(r+="%s",n=n.concat([d]));var p=n.map(function(f){return String(f)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var or=!1,lr=!1,cr=!1,ur=!1,fr=!1,ue;ue=Symbol.for("react.module.reference");function dr(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===h||fr||e===u||e===S||e===x||ur||e===w||or||lr||cr||typeof e=="object"&&e!==null&&(e.$$typeof===T||e.$$typeof===_||e.$$typeof===b||e.$$typeof===E||e.$$typeof===m||e.$$typeof===ue||e.getModuleId!==void 0))}function vr(e,r,n){var i=e.displayName;if(i)return i;var d=r.displayName||r.name||"";return d!==""?n+"("+d+")":n}function fe(e){return e.displayName||"Context"}function N(e){if(e==null)return null;if(typeof e.tag=="number"&&y("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 o:return"Fragment";case l:return"Portal";case h:return"Profiler";case u:return"StrictMode";case S:return"Suspense";case x:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case E:var r=e;return fe(r)+".Consumer";case b:var n=e;return fe(n._context)+".Provider";case m:return vr(e,e.render,"ForwardRef");case _:var i=e.displayName||null;return i!==null?i:N(e.type)||"Memo";case T:{var d=e,p=d._payload,f=d._init;try{return N(f(p))}catch{return null}}}return null}var P=Object.assign,Y=0,de,ve,pe,he,be,me,ge;function je(){}je.__reactDisabledLog=!0;function pr(){{if(Y===0){de=console.log,ve=console.info,pe=console.warn,he=console.error,be=console.group,me=console.groupCollapsed,ge=console.groupEnd;var e={configurable:!0,enumerable:!0,value:je,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Y++}}function hr(){{if(Y--,Y===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:P({},e,{value:de}),info:P({},e,{value:ve}),warn:P({},e,{value:pe}),error:P({},e,{value:he}),group:P({},e,{value:be}),groupCollapsed:P({},e,{value:me}),groupEnd:P({},e,{value:ge})})}Y<0&&y("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var G=A.ReactCurrentDispatcher,q;function U(e,r,n){{if(q===void 0)try{throw Error()}catch(d){var i=d.stack.trim().match(/\n( *(at )?)/);q=i&&i[1]||""}return`
+`+q+e}}var X=!1,J;{var br=typeof WeakMap=="function"?WeakMap:Map;J=new br}function xe(e,r){if(!e||X)return"";{var n=J.get(e);if(n!==void 0)return n}var i;X=!0;var d=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=G.current,G.current=null,pr();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(C){i=C}Reflect.construct(e,[],f)}else{try{f.call()}catch(C){i=C}e.call(f.prototype)}}else{try{throw Error()}catch(C){i=C}e()}}catch(C){if(C&&i&&typeof C.stack=="string"){for(var c=C.stack.split(`
+`),R=i.stack.split(`
+`),g=c.length-1,j=R.length-1;g>=1&&j>=0&&c[g]!==R[j];)j--;for(;g>=1&&j>=0;g--,j--)if(c[g]!==R[j]){if(g!==1||j!==1)do if(g--,j--,j<0||c[g]!==R[j]){var O=`
+`+c[g].replace(" at new "," at ");return e.displayName&&O.includes("<anonymous>")&&(O=O.replace("<anonymous>",e.displayName)),typeof e=="function"&&J.set(e,O),O}while(g>=1&&j>=0);break}}}finally{X=!1,G.current=p,hr(),Error.prepareStackTrace=d}var F=e?e.displayName||e.name:"",D=F?U(F):"";return typeof e=="function"&&J.set(e,D),D}function mr(e,r,n){return xe(e,!1)}function gr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function H(e,r,n){if(e==null)return"";if(typeof e=="function")return xe(e,gr(e));if(typeof e=="string")return U(e);switch(e){case S:return U("Suspense");case x:return U("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case m:return mr(e.render);case _:return H(e.type,r,n);case T:{var i=e,d=i._payload,p=i._init;try{return H(p(d),r,n)}catch{}}}return""}var M=Object.prototype.hasOwnProperty,ye={},Re=A.ReactDebugCurrentFrame;function z(e){if(e){var r=e._owner,n=H(e.type,e._source,r?r.type:null);Re.setExtraStackFrame(n)}else Re.setExtraStackFrame(null)}function jr(e,r,n,i,d){{var p=Function.call.bind(M);for(var f in e)if(p(e,f)){var c=void 0;try{if(typeof e[f]!="function"){var R=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 R.name="Invariant Violation",R}c=e[f](r,f,i,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(g){c=g}c&&!(c instanceof Error)&&(z(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 c),z(null)),c instanceof Error&&!(c.message in ye)&&(ye[c.message]=!0,z(d),y("Failed %s type: %s",n,c.message),z(null))}}}var xr=Array.isArray;function Z(e){return xr(e)}function yr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,n=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n}}function Rr(e){try{return Ee(e),!1}catch{return!0}}function Ee(e){return""+e}function _e(e){if(Rr(e))return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",yr(e)),Ee(e)}var Te=A.ReactCurrentOwner,Er={key:!0,ref:!0,__self:!0,__source:!0},Ce,we;function _r(e){if(M.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Tr(e){if(M.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Cr(e,r){typeof e.ref=="string"&&Te.current}function wr(e,r){{var n=function(){Ce||(Ce=!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,configurable:!0})}}function Sr(e,r){{var n=function(){we||(we=!0,y("%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 Or=function(e,r,n,i,d,p,f){var c={$$typeof:s,type:e,key:r,ref:n,props:f,_owner:p};return c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function kr(e,r,n,i,d){{var p,f={},c=null,R=null;n!==void 0&&(_e(n),c=""+n),Tr(r)&&(_e(r.key),c=""+r.key),_r(r)&&(R=r.ref,Cr(r,d));for(p in r)M.call(r,p)&&!Er.hasOwnProperty(p)&&(f[p]=r[p]);if(e&&e.defaultProps){var g=e.defaultProps;for(p in g)f[p]===void 0&&(f[p]=g[p])}if(c||R){var j=typeof e=="function"?e.displayName||e.name||"Unknown":e;c&&wr(f,j),R&&Sr(f,j)}return Or(e,c,R,d,i,Te.current,f)}}var Q=A.ReactCurrentOwner,Se=A.ReactDebugCurrentFrame;function I(e){if(e){var r=e._owner,n=H(e.type,e._source,r?r.type:null);Se.setExtraStackFrame(n)}else Se.setExtraStackFrame(null)}var K;K=!1;function ee(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Oe(){{if(Q.current){var e=N(Q.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function Nr(e){return""}var ke={};function Pr(e){{var r=Oe();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 Ne(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=Pr(r);if(ke[n])return;ke[n]=!0;var i="";e&&e._owner&&e._owner!==Z.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 Pe(e,r){{if(typeof e!="object")return;if(X(e))for(var n=0;n<e.length;n++){var i=e[n];K(i)&&Ne(i,r)}else if(K(e))e._store&&(e._store.validated=!0);else if(e){var d=sr(e);if(typeof d=="function"&&d!==e.entries)for(var p=d.call(e),f;!(f=p.next()).done;)K(f.value)&&Ne(f.value,r)}}}function Dr(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===m||r.$$typeof===g))n=r.propTypes;else return;if(n){var i=k(r);jr(n,e.props,"prop",i,e)}else if(r.PropTypes!==void 0&&!Q){Q=!0;var d=k(r);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",d||"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 Ar(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 De={};function Ae(e,r,n,i,d,p){{var f=dr(e);if(!f){var c="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(c+=" 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=Nr();E?c+=E:c+=Oe();var j;e===null?j="null":X(e)?j="array":e!==void 0&&e.$$typeof===s?(j="<"+(k(e.type)||"Unknown")+" />",c=" 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,c)}var x=kr(e,r,n,d,p);if(x==null)return x;if(f){var S=r.children;if(S!==void 0)if(i)if(X(S)){for(var I=0;I<S.length;I++)Pe(S[I],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 Pe(S,e)}if(Y.call(r,"key")){var P=k(e),T=Object.keys(r).filter(function(Mr){return Mr!=="key"}),ee=T.length>0?"{key: someKey, "+T.join(": ..., ")+": ...}":"{key: someKey}";if(!De[P+ee]){var Yr=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 Ne(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var n=Pr(r);if(ke[n])return;ke[n]=!0;var i="";e&&e._owner&&e._owner!==Q.current&&(i=" It was passed a child from "+N(e._owner.type)+"."),I(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),I(null)}}function Pe(e,r){{if(typeof e!="object")return;if(Z(e))for(var n=0;n<e.length;n++){var i=e[n];ee(i)&&Ne(i,r)}else if(ee(e))e._store&&(e._store.validated=!0);else if(e){var d=sr(e);if(typeof d=="function"&&d!==e.entries)for(var p=d.call(e),f;!(f=p.next()).done;)ee(f.value)&&Ne(f.value,r)}}}function Dr(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===m||r.$$typeof===_))n=r.propTypes;else return;if(n){var i=N(r);jr(n,e.props,"prop",i,e)}else if(r.PropTypes!==void 0&&!K){K=!0;var d=N(r);y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",d||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Ar(e){{for(var r=Object.keys(e.props),n=0;n<r.length;n++){var i=r[n];if(i!=="children"&&i!=="key"){I(e),y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",i),I(null);break}}e.ref!==null&&(I(e),y("Invalid attribute `ref` supplied to `React.Fragment`."),I(null))}}var De={};function Ae(e,r,n,i,d,p){{var f=dr(e);if(!f){var c="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(c+=" 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 R=Nr();R?c+=R:c+=Oe();var g;e===null?g="null":Z(e)?g="array":e!==void 0&&e.$$typeof===s?(g="<"+(N(e.type)||"Unknown")+" />",c=" Did you accidentally export a JSX literal instead of a component?"):g=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",g,c)}var j=kr(e,r,n,d,p);if(j==null)return j;if(f){var O=r.children;if(O!==void 0)if(i)if(Z(O)){for(var F=0;F<O.length;F++)Pe(O[F],e);Object.freeze&&Object.freeze(O)}else y("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 Pe(O,e)}if(M.call(r,"key")){var D=N(e),C=Object.keys(r).filter(function(Mr){return Mr!=="key"}),re=C.length>0?"{key: someKey, "+C.join(": ..., ")+": ...}":"{key: someKey}";if(!De[D+re]){var Yr=C.length>0?"{"+C.join(": ..., ")+": ...}":"{}";y(`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} />`,ee,P,Yr,P),De[P+ee]=!0}}return e===o?Ar(x):Dr(x),x}}function Ir(e,r,n){return Ae(e,r,n,!0)}function Fr(e,r,n){return Ae(e,r,n,!1)}var $r=Fr,Wr=Ir;$.Fragment=o,$.jsx=$r,$.jsxs=Wr}()),$}var ne;function $e(){return ne||(ne=1,process.env.NODE_ENV==="production"?M.exports=Ie():M.exports=Fe()),M.exports}var t=$e();const We=()=>t.jsx("div",{className:"toolbar-pf"}),ae=({items:a,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:a.map((l,o)=>t.jsx("li",{className:l.active?"active":"",children:l.active?l.title:t.jsx("a",{href:l.href,children:l.title})},o))}),Ye=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"})]})}),V=({type:a="default",title:s,size:l,label:o,onClick:u,isDisabled:h=!1,children:b,className:C="",isLoading:m=!1})=>{const w=`btn-${a}`,y=l?`btn-${l}`:"",_=`${`btn ${w} ${y}`.trim()} ${C}`.trim();return t.jsx("button",{className:_,type:"button",onClick:u,disabled:h||m,children:t.jsxs("div",{className:"flex items-center justify-center",children:[m&&Ye,b||o," ",s&&t.jsx("span",{children:s})]})})},Me=({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),Ve=({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:o,title:u}})=>t.jsx("li",{className:a===o?"active":"",children:t.jsx("a",{href:`#${o}`,onClick:h=>{h.preventDefault(),s(o)},children:u})},o))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:l.map(({props:{eventKey:o,children:u}})=>t.jsx("div",{className:`tab-pane ${a===o?"active":""}`,id:`${o}-panel`,role:"tabpanel","aria-labelledby":`${o}-tab`,children:u},o))})})]}),Be=O.forwardRef(({id:a,type:s,placeholder:l="",value:o,onChange:u,className:h="form-control"},b)=>t.jsx("input",{type:s,id:a,className:h,placeholder:l,value:o,onChange:u,ref:b})),Le=({title:a,isOpen:s,onClose:l,children:o,size:u})=>{if(!s)return null;const h=u?`modal-${u}`:"";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: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:o})]})})})},Ue=({variant:a,children:s,className:l=""})=>{const o={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},u=l+" "+o[a]||"";return t.jsx("p",{className:u,children:s})},Je=({children:a,...s})=>t.jsx("table",{...s,children:a}),He=({children:a,...s})=>t.jsx("tbody",{...s,children:a}),ze=({children:a,...s})=>t.jsx("td",{...s,children:a}),Ge=({children:a,...s})=>t.jsx("th",{...s,children:a}),qe=({children:a,...s})=>t.jsx("thead",{...s,children:a}),Xe=({children:a,...s})=>t.jsx("tr",{...s,children:a}),se=({items:a,selected:s,title:l,onChange:o,isDisabled:u})=>{const[h,b]=O.useState(!1),C=()=>{b(g=>!g)},m=g=>{b(!1),o(g)},w=g=>{const _=g.id===s;return t.jsx("li",{onClick:()=>m(g),className:_?"active":"",children:t.jsx("a",{href:"#",children:g.title})},g.id)},y=h?"dropdown open":"dropdown";return t.jsxs("div",{className:y,style:{display:"inline-block"},children:[t.jsx("button",{type:"button",disabled:u,className:"btn btn-default dropdown-toggle h-full",onClick:C,children:t.jsxs("div",{className:"flex items-center",children:[l&&t.jsx("div",{className:"mr-2",children:l}),t.jsx("span",{className:"caret"})]})}),h&&t.jsx("ul",{className:"dropdown-menu",children:a.map(w)})]})},ie=({currentPage:a,total:s,onPageChange:l,pageSize:o})=>{const u=Math.ceil(s/o),h=()=>{a>1&&l(a-1)},b=()=>{a<u&&l(a+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",u]})}),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===u?"disabled":""}`,disabled:a===u,onClick:b,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},oe=[{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}],le=({onChange:a,value:s,onRefresh:l})=>{var h;const o=b=>{a(b.data)},u=(h=oe.find(b=>b.data===s))==null?void 0:h.id;return t.jsxs("div",{className:"flex",children:[t.jsx(V,{type:"default",onClick:l,children:t.jsx("i",{className:"fa fa-refresh"})}),t.jsx(se,{onChange:o,items:oe,selected:u})]})},Ze=({interval:a,page:s,total:l,onRefresh:o,onChangeInterval:u,onPageChange:h,pageSize:b})=>t.jsxs("div",{className:"flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]",children:[t.jsx("div",{className:"m-[5px]",children:t.jsx(le,{value:a,onChange:u,onRefresh:o})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(ie,{pageSize:b,currentPage:s,total:l,onPageChange:h})})]}),Qe=({id:a,label:s,isChecked:l=!1,onChange:o,className:u="checkbox"})=>t.jsx("div",{className:u,children:t.jsxs("label",{htmlFor:a,children:[t.jsx("input",{type:"checkbox",id:a,checked:l,onChange:o}),` ${s}`]})}),Ke=({placeholder:a="",rows:s=3,maxLength:l,value:o,onChange:u,isDisabled:h=!1,className:b=""})=>{const[C,m]=O.useState(o||""),w=o!==void 0?o:C,y=g=>{const _=g.target.value;u?u(_):m(_)};return t.jsx("textarea",{className:b,placeholder:a,rows:s,maxLength:l,value:w,onChange:y,disabled:h})},er=({variant:a,title:s,className:l})=>{const o=`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:o.trim(),role:"alert",children:s})};function rr(a,s){O.useEffect(()=>{if(!a)return;const l=setInterval(()=>{s()},a);return()=>clearInterval(l)},[a])}const tr=({children:a})=>t.jsx("div",{className:"btn-group",children:a}),nr=()=>t.jsxs("div",{children:[t.jsx(ae,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsxs(tr,{children:[t.jsx(V,{children:"Hello"}),t.jsx(V,{children:"Hello"})]})]});v.Alert=er,v.Breadcrumb=ae,v.Button=V,v.Checkbox=Qe,v.Dropdown=se,v.HelpText=Ue,v.Input=Be,v.Modal=Le,v.Pagination=ie,v.ReloadButton=le,v.SampleComp=nr,v.Tab=Me,v.Table=Je,v.TableToolbar=Ze,v.Tabs=Ve,v.Tbody=He,v.Td=ze,v.TextArea=Ke,v.Th=Ge,v.Thead=qe,v.ToolbarContainer=We,v.Tr=Xe,v.useIntervalLoader=rr,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,re,D,Yr,D),De[D+re]=!0}}return e===o?Ar(j):Dr(j),j}}function Ir(e,r,n){return Ae(e,r,n,!0)}function Fr(e,r,n){return Ae(e,r,n,!1)}var $r=Fr,Wr=Ir;W.Fragment=o,W.jsx=$r,W.jsxs=Wr}()),W}var ae;function $e(){return ae||(ae=1,process.env.NODE_ENV==="production"?V.exports=Ie():V.exports=Fe()),V.exports}var t=$e();const We=()=>t.jsx("div",{className:"toolbar-pf"}),se=({items:a,className:s})=>t.jsx("ol",{className:`breadcrumb ${s||""}`.trim(),children:a.map((l,o)=>t.jsx("li",{className:l.active?"active":"",children:l.active?l.title:t.jsx("a",{href:l.href,children:l.title})},o))}),Ye=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"})]})}),B=({type:a="default",title:s,size:l,label:o,onClick:u,isDisabled:h=!1,children:b,className:E="",isLoading:m=!1})=>{const S=`btn-${a}`,x=l?`btn-${l}`:"",T=`${`btn ${S} ${x}`.trim()} ${E}`.trim();return t.jsx("button",{className:T,type:"button",onClick:u,disabled:h||m,children:t.jsxs("div",{className:"flex items-center justify-center",children:[m&&Ye,b||o," ",s&&t.jsx("span",{children:s})]})})},Me=({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),Ve=({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:o,title:u}})=>t.jsx("li",{className:a===o?"active":"",children:t.jsx("a",{href:`#${o}`,onClick:h=>{h.preventDefault(),s(o)},children:u})},o))}),t.jsx("div",{className:"tabs-container",children:t.jsx("div",{className:"tab-content pf-c-tab-content",children:l.map(({props:{eventKey:o,children:u}})=>t.jsx("div",{className:`tab-pane ${a===o?"active":""}`,id:`${o}-panel`,role:"tabpanel","aria-labelledby":`${o}-tab`,children:u},o))})})]}),Be=k.forwardRef(({id:a,type:s,placeholder:l="",value:o,onChange:u,className:h="form-control"},b)=>t.jsx("input",{type:s,id:a,className:h,placeholder:l,value:o,onChange:u,ref:b})),Le=({title:a,isOpen:s,onClose:l,children:o,size:u})=>{if(!s)return null;const h=u?`modal-${u}`:"";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: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:o})]})})})},Ue=({variant:a,children:s,className:l=""})=>{const o={warning:"text-yellow-600",success:"text-green-600",error:"text-red-600"},u=l+" "+o[a]||"";return t.jsx("p",{className:u,children:s})},Je=({children:a,...s})=>t.jsx("table",{...s,children:a}),He=({children:a,...s})=>t.jsx("tbody",{...s,children:a}),ze=({children:a,...s})=>t.jsx("td",{...s,children:a}),Ge=({children:a,...s})=>t.jsx("th",{...s,children:a}),qe=({children:a,...s})=>t.jsx("thead",{...s,children:a}),Xe=({children:a,...s})=>t.jsx("tr",{...s,children:a}),ie=({items:a,selected:s,title:l,onChange:o,isDisabled:u,className:h=""})=>{const[b,E]=k.useState(!1),m=`btn btn-default dropdown-toggle h-full ${h}`,S=()=>{E(w=>!w)},x=w=>{E(!1),o(w)},_=w=>{const L=w.id===s;return t.jsx("li",{onClick:()=>x(w),className:L?"active":"",children:t.jsx("a",{href:"#",children:w.title})},w.id)},T=b?"dropdown open":"dropdown";return t.jsxs("div",{className:T,style:{display:"inline-block"},children:[t.jsx("button",{type:"button",disabled:u,className:m,onClick:S,children:t.jsxs("div",{className:"flex items-center",children:[l&&t.jsx("div",{className:"mr-2",children:l}),t.jsx("span",{className:"caret"})]})}),b&&t.jsx("ul",{className:"dropdown-menu",children:a.map(_)})]})},oe=({currentPage:a,total:s,onPageChange:l,pageSize:o})=>{const u=Math.ceil(s/o),h=()=>{a>1&&l(a-1)},b=()=>{a<u&&l(a+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[a," - ",u]})}),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===u?"disabled":""}`,disabled:a===u,onClick:b,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},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 h;const o=b=>{a(b.data)},u=(h=le.find(b=>b.data===s))==null?void 0:h.id;return t.jsxs("div",{className:"flex",children:[t.jsx("div",{children:t.jsx(B,{className:"m-0",type:"default",onClick:l,children:t.jsx("i",{className:"fa fa-refresh"})})}),t.jsx(ie,{className:"m-0",onChange:o,items:le,selected:u})]})},Ze=({interval:a,page:s,total:l,onRefresh:o,onChangeInterval:u,onPageChange:h,pageSize:b})=>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:u,onRefresh:o})}),t.jsx("div",{className:"m-[5px]",children:t.jsx(oe,{pageSize:b,currentPage:s,total:l,onPageChange:h})})]}),Qe=({id:a,label:s,isChecked:l=!1,onChange:o,className:u="checkbox"})=>t.jsx("div",{className:u,children:t.jsxs("label",{htmlFor:a,children:[t.jsx("input",{type:"checkbox",id:a,checked:l,onChange:o}),` ${s}`]})}),Ke=({placeholder:a="",rows:s=3,maxLength:l,value:o,onChange:u,isDisabled:h=!1,className:b=""})=>{const[E,m]=k.useState(o||""),S=o!==void 0?o:E,x=_=>{const T=_.target.value;u?u(T):m(T)};return t.jsx("textarea",{className:b,placeholder:a,rows:s,maxLength:l,value:S,onChange:x,disabled:h})},er=({variant:a,title:s,className:l})=>{const o=`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:o.trim(),role:"alert",children:s})};function rr(a,s){k.useEffect(()=>{if(!a)return;const l=setInterval(()=>{s()},a);return()=>clearInterval(l)},[a])}const tr=({children:a})=>t.jsx("div",{className:"btn-group",children:a}),nr=()=>t.jsxs("div",{children:[t.jsx(se,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsxs(tr,{children:[t.jsx(B,{children:"Hello"}),t.jsx(B,{children:"Hello"})]})]});v.Alert=er,v.Breadcrumb=se,v.Button=B,v.Checkbox=Qe,v.Dropdown=ie,v.HelpText=Ue,v.Input=Be,v.Modal=Le,v.Pagination=oe,v.ReloadButton=ce,v.SampleComp=nr,v.Tab=Me,v.Table=Je,v.TableToolbar=Ze,v.Tabs=Ve,v.Tbody=He,v.Td=ze,v.TextArea=Ke,v.Th=Ge,v.Thead=qe,v.ToolbarContainer=We,v.Tr=Xe,v.useIntervalLoader=rr,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});

package/package.json

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