ovirt-ui-toolkit 0.0.25 → 0.0.27

package/dist/components/breadcrumb/ui/Breadcrumb.d.ts

@@ -6,6 +6,7 @@ interface BreadcrumbItem {
 }
 interface BreadcrumbProps {
     items: BreadcrumbItem[];
+    className?: string;
 }
 declare const Breadcrumb: React.FC<BreadcrumbProps>;
 export default Breadcrumb;

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

@@ -7,6 +7,7 @@ export interface DropdownItem {
 interface DropdownProps {
     items: DropdownItem[];
     title?: string;
+    isDisabled?: boolean;
     selected?: number | string;
     onChange: (item: DropdownItem) => void;
 }

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

@@ -13,15 +13,15 @@ var _e;
 function hr() {
   if (_e) return F;
   _e = 1;
-  var a = Oe, s = Symbol.for("react.element"), c = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, f = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, b = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function h(_, m, T) {
-    var p, j = {}, w = null, W = null;
-    T !== void 0 && (w = "" + T), m.key !== void 0 && (w = "" + m.key), m.ref !== void 0 && (W = m.ref);
-    for (p in m) o.call(m, p) && !b.hasOwnProperty(p) && (j[p] = m[p]);
-    if (_ && _.defaultProps) for (p in m = _.defaultProps, m) j[p] === void 0 && (j[p] = m[p]);
-    return { $$typeof: s, type: _, key: w, ref: W, props: j, _owner: f.current };
+  var a = Oe, s = Symbol.for("react.element"), l = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, f = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function b(_, m, T) {
+    var j, h = {}, C = null, W = null;
+    T !== void 0 && (C = "" + T), m.key !== void 0 && (C = "" + m.key), m.ref !== void 0 && (W = m.ref);
+    for (j in m) o.call(m, j) && !p.hasOwnProperty(j) && (h[j] = m[j]);
+    if (_ && _.defaultProps) for (j in m = _.defaultProps, m) h[j] === void 0 && (h[j] = m[j]);
+    return { $$typeof: s, type: _, key: C, ref: W, props: h, _owner: f.current };
   }
-  return F.Fragment = c, F.jsx = h, F.jsxs = h, F;
+  return F.Fragment = l, F.jsx = b, F.jsxs = b, F;
 }
 var I = {};
 /**
@@ -36,14 +36,14 @@ var I = {};
 var Te;
 function mr() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    var a = Oe, s = Symbol.for("react.element"), c = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), _ = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), Q = Symbol.iterator, Pe = "@@iterator";
-    function Ne(e) {
+    var a = Oe, s = Symbol.for("react.element"), l = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), _ = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), Q = Symbol.iterator, Ne = "@@iterator";
+    function Pe(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = Q && e[Q] || e[Pe];
+      var r = Q && e[Q] || e[Ne];
       return typeof r == "function" ? r : null;
     }
-    var P = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var N = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function y(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), i = 1; i < r; i++)
@@ -53,7 +53,7 @@ function mr() {
     }
     function $e(e, r, t) {
       {
-        var i = P.ReactDebugCurrentFrame, d = i.getStackAddendum();
+        var i = N.ReactDebugCurrentFrame, d = i.getStackAddendum();
         d !== "" && (r += "%s", t = t.concat([d]));
         var v = t.map(function(u) {
           return String(u);
@@ -64,7 +64,7 @@ function mr() {
     var De = !1, Ae = !1, Fe = !1, Ie = !1, We = !1, K;
     K = Symbol.for("react.module.reference");
     function Ye(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === b || We || e === f || e === T || e === p || Ie || e === W || De || Ae || Fe || typeof e == "object" && e !== null && (e.$$typeof === w || e.$$typeof === j || e.$$typeof === h || e.$$typeof === _ || 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 === f || e === T || e === j || Ie || e === W || De || Ae || Fe || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === h || e.$$typeof === b || e.$$typeof === _ || 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.
@@ -90,15 +90,15 @@ function mr() {
       switch (e) {
         case o:
           return "Fragment";
-        case c:
+        case l:
           return "Portal";
-        case b:
+        case p:
           return "Profiler";
         case f:
           return "StrictMode";
         case T:
           return "Suspense";
-        case p:
+        case j:
           return "SuspenseList";
       }
       if (typeof e == "object")
@@ -106,15 +106,15 @@ function mr() {
           case _:
             var r = e;
             return ee(r) + ".Consumer";
-          case h:
+          case b:
             var t = e;
             return ee(t._context) + ".Provider";
           case m:
             return Ve(e, e.render, "ForwardRef");
-          case j:
+          case h:
             var i = e.displayName || null;
             return i !== null ? i : O(e.type) || "Memo";
-          case w: {
+          case C: {
             var d = e, v = d._payload, u = d._init;
             try {
               return O(u(v));
@@ -187,7 +187,7 @@ function mr() {
         D < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var B = P.ReactCurrentDispatcher, J;
+    var B = N.ReactCurrentDispatcher, J;
     function Y(e, r, t) {
       {
         if (J === void 0)
@@ -254,18 +254,18 @@ function mr() {
         }
       } catch (R) {
         if (R && i && typeof R.stack == "string") {
-          for (var l = R.stack.split(`
+          for (var c = R.stack.split(`
 `), E = i.stack.split(`
-`), x = l.length - 1, g = E.length - 1; x >= 1 && g >= 0 && l[x] !== E[g]; )
+`), 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 (l[x] !== E[g]) {
+            if (c[x] !== E[g]) {
               if (x !== 1 || g !== 1)
                 do
-                  if (x--, g--, g < 0 || l[x] !== E[g]) {
-                    var C = `
-` + l[x].replace(" at new ", " at ");
-                    return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && V.set(e, C), C;
+                  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;
                   }
                 while (x >= 1 && g >= 0);
               break;
@@ -294,16 +294,16 @@ function mr() {
       switch (e) {
         case T:
           return Y("Suspense");
-        case p:
+        case j:
           return Y("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case m:
             return Be(e.render);
-          case j:
+          case h:
             return L(e.type, r, t);
-          case w: {
+          case C: {
             var i = e, d = i._payload, v = i._init;
             try {
               return L(v(d), r, t);
@@ -313,7 +313,7 @@ function mr() {
         }
       return "";
     }
-    var A = Object.prototype.hasOwnProperty, ue = {}, fe = P.ReactDebugCurrentFrame;
+    var A = Object.prototype.hasOwnProperty, ue = {}, fe = N.ReactDebugCurrentFrame;
     function M(e) {
       if (e) {
         var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
@@ -326,17 +326,17 @@ function mr() {
         var v = Function.call.bind(A);
         for (var u in e)
           if (v(e, u)) {
-            var l = void 0;
+            var c = void 0;
             try {
               if (typeof e[u] != "function") {
                 var E = Error((i || "React class") + ": " + t + " type `" + u + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[u] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw E.name = "Invariant Violation", E;
               }
-              l = e[u](r, u, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              c = e[u](r, u, i, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (x) {
-              l = x;
+              c = x;
             }
-            l && !(l instanceof Error) && (M(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", t, u, typeof l), M(null)), l instanceof Error && !(l.message in ue) && (ue[l.message] = !0, M(d), y("Failed %s type: %s", t, l.message), M(null));
+            c && !(c instanceof Error) && (M(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", t, u, typeof c), M(null)), c instanceof Error && !(c.message in ue) && (ue[c.message] = !0, M(d), y("Failed %s type: %s", t, c.message), M(null));
           }
       }
     }
@@ -364,7 +364,7 @@ function mr() {
       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.", ze(e)), de(e);
     }
-    var pe = P.ReactCurrentOwner, Xe = {
+    var pe = N.ReactCurrentOwner, Xe = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -412,7 +412,7 @@ function mr() {
       }
     }
     var tr = function(e, r, t, i, d, v, u) {
-      var l = {
+      var c = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: s,
         // Built-in properties that belong on the element
@@ -423,27 +423,27 @@ function mr() {
         // Record the component responsible for creating this element.
         _owner: v
       };
-      return l._store = {}, Object.defineProperty(l._store, "validated", {
+      return c._store = {}, Object.defineProperty(c._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(l, "_self", {
+      }), Object.defineProperty(c, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: i
-      }), Object.defineProperty(l, "_source", {
+      }), Object.defineProperty(c, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: d
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
+      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
     };
     function nr(e, r, t, i, d) {
       {
-        var v, u = {}, l = null, E = null;
-        t !== void 0 && (ve(t), l = "" + t), Qe(r) && (ve(r.key), l = "" + r.key), Ze(r) && (E = r.ref, Ke(r, d));
+        var v, u = {}, c = null, E = null;
+        t !== void 0 && (ve(t), c = "" + t), Qe(r) && (ve(r.key), c = "" + r.key), Ze(r) && (E = r.ref, Ke(r, d));
         for (v in r)
           A.call(r, v) && !Xe.hasOwnProperty(v) && (u[v] = r[v]);
         if (e && e.defaultProps) {
@@ -451,15 +451,15 @@ function mr() {
           for (v in x)
             u[v] === void 0 && (u[v] = x[v]);
         }
-        if (l || E) {
+        if (c || E) {
           var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          l && er(u, g), E && rr(u, g);
+          c && er(u, g), E && rr(u, g);
         }
-        return tr(e, l, E, d, i, pe.current, u);
+        return tr(e, c, E, d, i, pe.current, u);
       }
     }
-    var z = P.ReactCurrentOwner, me = P.ReactDebugCurrentFrame;
-    function N(e) {
+    var z = N.ReactCurrentOwner, me = N.ReactDebugCurrentFrame;
+    function P(e) {
       if (e) {
         var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
         me.setExtraStackFrame(t);
@@ -509,7 +509,7 @@ Check the top-level render call using <` + t + ">.");
           return;
         ge[t] = !0;
         var i = "";
-        e && e._owner && e._owner !== z.current && (i = " It was passed a child from " + O(e._owner.type) + "."), N(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.', t, i), N(null);
+        e && e._owner && e._owner !== z.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.', t, i), P(null);
       }
     }
     function ye(e, r) {
@@ -524,7 +524,7 @@ Check the top-level render call using <` + t + ">.");
         else if (X(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var d = Ne(e);
+          var d = Pe(e);
           if (typeof d == "function" && d !== e.entries)
             for (var v = d.call(e), u; !(u = v.next()).done; )
               X(u.value) && je(u.value, r);
@@ -541,7 +541,7 @@ Check the top-level render call using <` + t + ">.");
           t = 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 === j))
+        r.$$typeof === h))
           t = r.propTypes;
         else
           return;
@@ -561,11 +561,11 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var i = r[t];
           if (i !== "children" && i !== "key") {
-            N(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), N(null);
+            P(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", i), P(null);
             break;
           }
         }
-        e.ref !== null && (N(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), N(null));
+        e.ref !== null && (P(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), P(null));
       }
     }
     var Ee = {};
@@ -573,28 +573,28 @@ Check the top-level render call using <` + t + ">.");
       {
         var u = Ye(e);
         if (!u) {
-          var l = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (l += " 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 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 ? l += E : l += xe();
+          E ? c += E : c += xe();
           var x;
-          e === null ? x = "null" : G(e) ? x = "array" : e !== void 0 && e.$$typeof === s ? (x = "<" + (O(e.type) || "Unknown") + " />", l = " 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, l);
+          e === null ? x = "null" : G(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 g = nr(e, r, t, d, v);
         if (g == null)
           return g;
         if (u) {
-          var C = r.children;
-          if (C !== void 0)
+          var w = r.children;
+          if (w !== void 0)
             if (i)
-              if (G(C)) {
-                for (var $ = 0; $ < C.length; $++)
-                  ye(C[$], e);
-                Object.freeze && Object.freeze(C);
+              if (G(w)) {
+                for (var $ = 0; $ < w.length; $++)
+                  ye(w[$], e);
+                Object.freeze && Object.freeze(w);
               } 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
-              ye(C, e);
+              ye(w, e);
         }
         if (A.call(r, "key")) {
           var k = O(e), R = Object.keys(r).filter(function(vr) {
@@ -628,53 +628,53 @@ function xr() {
   return Ce || (Ce = 1, process.env.NODE_ENV === "production" ? U.exports = hr() : U.exports = mr()), U.exports;
 }
 var n = xr();
-const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr = ({ items: a }) => /* @__PURE__ */ n.jsx("ol", { className: "breadcrumb", children: a.map((s, c) => /* @__PURE__ */ n.jsx("li", { className: s.active ? "active" : "", children: s.active ? s.title : /* @__PURE__ */ n.jsx("a", { href: s.href, children: s.title }) }, c)) }), ke = ({
+const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr = ({ items: a, className: s }) => /* @__PURE__ */ n.jsx("ol", { className: `breadcrumb ${s || ""}`.trim(), children: a.map((l, o) => /* @__PURE__ */ n.jsx("li", { className: l.active ? "active" : "", children: l.active ? l.title : /* @__PURE__ */ n.jsx("a", { href: l.href, children: l.title }) }, o)) }), ke = ({
   type: a = "default",
   title: s,
-  size: c,
+  size: l,
   label: o,
   onClick: f,
-  isDisabled: b = !1,
-  children: h,
+  isDisabled: p = !1,
+  children: b,
   className: _ = ""
 }) => {
-  const m = `btn-${a}`, T = c ? `btn-${c}` : "", j = `${`btn ${m} ${T}`.trim()} ${_}`.trim();
+  const m = `btn-${a}`, T = l ? `btn-${l}` : "", h = `${`btn ${m} ${T}`.trim()} ${_}`.trim();
   return /* @__PURE__ */ n.jsx(
     "button",
     {
-      className: j,
+      className: h,
       type: "button",
       onClick: f,
-      disabled: b,
+      disabled: p,
       children: /* @__PURE__ */ n.jsxs("div", { className: "flex items-center", children: [
-        h || o,
+        b || o,
         " ",
         s
       ] })
     }
   );
-}, Tr = ({ children: a, eventKey: s, active: c }) => /* @__PURE__ */ n.jsx(
+}, Tr = ({ children: a, eventKey: s, active: l }) => /* @__PURE__ */ n.jsx(
   "div",
   {
-    className: `tab-pane ${c ? "active" : ""}`,
+    className: `tab-pane ${l ? "active" : ""}`,
     id: `${s}-panel`,
     role: "tabpanel",
     "aria-labelledby": `${s}-tab`,
     children: a
   },
   s
-), Cr = ({ activeKey: a, onSelect: s, children: c }) => /* @__PURE__ */ n.jsxs("div", { className: "tabs-container", children: [
-  /* @__PURE__ */ n.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: c.map(({ props: { eventKey: o, title: f } }) => /* @__PURE__ */ n.jsx("li", { className: a === o ? "active" : "", children: /* @__PURE__ */ n.jsx(
+), Cr = ({ activeKey: a, onSelect: s, children: l }) => /* @__PURE__ */ n.jsxs("div", { className: "tabs-container", children: [
+  /* @__PURE__ */ n.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: l.map(({ props: { eventKey: o, title: f } }) => /* @__PURE__ */ n.jsx("li", { className: a === o ? "active" : "", children: /* @__PURE__ */ n.jsx(
     "a",
     {
       href: `#${o}`,
-      onClick: (b) => {
-        b.preventDefault(), s(o);
+      onClick: (p) => {
+        p.preventDefault(), s(o);
       },
       children: f
     }
   ) }, o)) }),
-  /* @__PURE__ */ n.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ n.jsx("div", { className: "tab-content pf-c-tab-content", children: c.map(({ props: { eventKey: o, children: f } }) => /* @__PURE__ */ n.jsx(
+  /* @__PURE__ */ n.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ n.jsx("div", { className: "tab-content pf-c-tab-content", children: l.map(({ props: { eventKey: o, children: f } }) => /* @__PURE__ */ n.jsx(
     "div",
     {
       className: `tab-pane ${a === o ? "active" : ""}`,
@@ -689,28 +689,28 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
   ({
     id: a,
     type: s,
-    placeholder: c = "",
+    placeholder: l = "",
     value: o,
     onChange: f,
-    className: b = "form-control"
-  }, h) => /* @__PURE__ */ n.jsx(
+    className: p = "form-control"
+  }, b) => /* @__PURE__ */ n.jsx(
     "input",
     {
       type: s,
       id: a,
-      className: b,
-      placeholder: c,
+      className: p,
+      placeholder: l,
       value: o,
       onChange: f,
-      ref: h
+      ref: b
     }
   )
-), Or = ({ title: a, isOpen: s, onClose: c, children: o, size: f }) => {
+), Or = ({ title: a, isOpen: s, onClose: l, children: o, size: f }) => {
   if (!s) return null;
-  const b = f ? `modal-${f}` : "";
-  return /* @__PURE__ */ n.jsx("div", { className: "modal fade in", style: { display: "block" }, tabIndex: -1, role: "dialog", children: /* @__PURE__ */ n.jsx("div", { className: `modal-dialog ${b}`, role: "document", children: /* @__PURE__ */ n.jsxs("div", { className: "modal-content", children: [
+  const p = f ? `modal-${f}` : "";
+  return /* @__PURE__ */ n.jsx("div", { className: "modal fade in", style: { display: "block" }, tabIndex: -1, role: "dialog", children: /* @__PURE__ */ n.jsx("div", { className: `modal-dialog ${p}`, role: "document", children: /* @__PURE__ */ n.jsxs("div", { className: "modal-content", children: [
     /* @__PURE__ */ n.jsxs("div", { className: "modal-header", children: [
-      /* @__PURE__ */ n.jsx("button", { type: "button", className: "close", onClick: c, "aria-hidden": "true", children: /* @__PURE__ */ n.jsx("span", { className: "pficon pficon-close" }) }),
+      /* @__PURE__ */ n.jsx("button", { type: "button", className: "close", onClick: l, "aria-hidden": "true", children: /* @__PURE__ */ n.jsx("span", { className: "pficon pficon-close" }) }),
       /* @__PURE__ */ n.jsx("h4", { className: "modal-title", children: a })
     ] }),
     /* @__PURE__ */ n.jsx("div", { className: "modal-body", children: o })
@@ -722,42 +722,43 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
     error: "text-red-600"
   }[a] || "";
   return /* @__PURE__ */ n.jsx("p", { className: o, children: s });
-}, kr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("table", { ...s, children: a }), Pr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("tbody", { ...s, children: a }), Nr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("td", { ...s, children: a }), $r = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("th", { ...s, children: a }), Dr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("thead", { ...s, children: a }), Ar = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("tr", { ...s, children: a }), jr = ({ items: a, selected: s, title: c, onChange: o }) => {
-  const [f, b] = Se(!1), h = () => {
-    b((p) => !p);
-  }, _ = (p) => {
-    b(!1), o(p);
-  }, m = (p) => {
-    const j = p.id === s;
+}, kr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("table", { ...s, children: a }), Nr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("tbody", { ...s, children: a }), Pr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("td", { ...s, children: a }), $r = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("th", { ...s, children: a }), Dr = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("thead", { ...s, children: a }), Ar = ({ children: a, ...s }) => /* @__PURE__ */ n.jsx("tr", { ...s, children: a }), jr = ({ items: a, selected: s, title: l, onChange: o, isDisabled: f }) => {
+  const [p, b] = Se(!1), _ = () => {
+    b((h) => !h);
+  }, m = (h) => {
+    b(!1), o(h);
+  }, T = (h) => {
+    const C = h.id === s;
     return /* @__PURE__ */ n.jsx(
       "li",
       {
-        onClick: () => _(p),
-        className: j ? "active" : "",
-        children: /* @__PURE__ */ n.jsx("a", { href: "#", children: p.title })
+        onClick: () => m(h),
+        className: C ? "active" : "",
+        children: /* @__PURE__ */ n.jsx("a", { href: "#", children: h.title })
       },
-      p.id
+      h.id
     );
-  }, T = f ? "dropdown open" : "dropdown";
-  return /* @__PURE__ */ n.jsxs("div", { className: T, style: { display: "inline-block" }, children: [
+  }, j = p ? "dropdown open" : "dropdown";
+  return /* @__PURE__ */ n.jsxs("div", { className: j, style: { display: "inline-block" }, children: [
     /* @__PURE__ */ n.jsxs(
       "button",
       {
+        disabled: f,
         className: "btn btn-default dropdown-toggle",
-        onClick: h,
+        onClick: _,
         children: [
-          c,
+          l && /* @__PURE__ */ n.jsx("div", { className: "mr-2", children: l }),
           /* @__PURE__ */ n.jsx("span", { className: "caret" })
         ]
       }
     ),
-    f && /* @__PURE__ */ n.jsx("ul", { className: "dropdown-menu", children: a.map(m) })
+    p && /* @__PURE__ */ n.jsx("ul", { className: "dropdown-menu", children: a.map(T) })
   ] });
-}, yr = ({ currentPage: a, total: s, onPageChange: c, pageSize: o }) => {
-  const f = Math.ceil(s / o), b = () => {
-    a > 1 && c(a - 1);
-  }, h = () => {
-    a < f && c(a + 1);
+}, yr = ({ currentPage: a, total: s, onPageChange: l, pageSize: o }) => {
+  const f = Math.ceil(s / o), p = () => {
+    a > 1 && l(a - 1);
+  }, b = () => {
+    a < f && l(a + 1);
   };
   return /* @__PURE__ */ n.jsxs("div", { children: [
     /* @__PURE__ */ n.jsx("span", { children: /* @__PURE__ */ n.jsxs("span", { className: "pagination-pf-items-current", children: [
@@ -772,7 +773,7 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
           type: "button",
           className: `btn btn-default ${a === 1 ? "disabled" : ""}`,
           disabled: a === 1,
-          onClick: b,
+          onClick: p,
           children: /* @__PURE__ */ n.jsx("i", { className: "fa fa-angle-left" })
         }
       ),
@@ -782,7 +783,7 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
           type: "button",
           className: `btn btn-default ${a === f ? "disabled" : ""}`,
           disabled: a === f,
-          onClick: h,
+          onClick: b,
           children: /* @__PURE__ */ n.jsx("i", { className: "fa fa-angle-right" })
         }
       )
@@ -794,23 +795,23 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
   { id: 3, title: "20 сек", data: 2e4 },
   { id: 4, title: "30 сек", data: 3e4 },
   { id: 5, title: "60 сек", data: 6e4 }
-], Er = ({ onChange: a, value: s, onRefresh: c }) => {
-  var b;
-  const o = (h) => {
-    a(h.data);
-  }, f = (b = we.find((h) => h.data === s)) == null ? void 0 : b.id;
+], Er = ({ onChange: a, value: s, onRefresh: l }) => {
+  var p;
+  const o = (b) => {
+    a(b.data);
+  }, f = (p = we.find((b) => b.data === s)) == null ? void 0 : p.id;
   return /* @__PURE__ */ n.jsxs("div", { className: "flex", children: [
-    /* @__PURE__ */ n.jsx(ke, { type: "default", onClick: c, children: /* @__PURE__ */ n.jsx("i", { className: "fa fa-refresh" }) }),
+    /* @__PURE__ */ n.jsx(ke, { type: "default", onClick: l, children: /* @__PURE__ */ n.jsx("i", { className: "fa fa-refresh" }) }),
     /* @__PURE__ */ n.jsx(jr, { onChange: o, items: we, selected: f })
   ] });
 }, Fr = ({
   interval: a,
   page: s,
-  total: c,
+  total: l,
   onRefresh: o,
   onChangeInterval: f,
-  onPageChange: b,
-  pageSize: h
+  onPageChange: p,
+  pageSize: b
 }) => /* @__PURE__ */ n.jsxs("div", { className: "flex justify-between bg-[#f5f5f5] border border-[#d1d1d1]", children: [
   /* @__PURE__ */ n.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ n.jsx(
     Er,
@@ -823,16 +824,16 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
   /* @__PURE__ */ n.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ n.jsx(
     yr,
     {
-      pageSize: h,
+      pageSize: b,
       currentPage: s,
-      total: c,
-      onPageChange: b
+      total: l,
+      onPageChange: p
     }
   ) })
 ] }), Ir = ({
   id: a,
   label: s,
-  isChecked: c = !1,
+  isChecked: l = !1,
   onChange: o,
   className: f = "checkbox"
 }) => /* @__PURE__ */ n.jsx("div", { className: f, children: /* @__PURE__ */ n.jsxs("label", { htmlFor: a, children: [
@@ -841,7 +842,7 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
     {
       type: "checkbox",
       id: a,
-      checked: c,
+      checked: l,
       onChange: o
     }
   ),
@@ -849,40 +850,40 @@ const _r = () => /* @__PURE__ */ n.jsx("div", { className: "toolbar-pf" }), gr =
 ] }) }), Wr = ({
   placeholder: a = "",
   rows: s = 3,
-  maxLength: c,
+  maxLength: l,
   value: o,
   onChange: f,
-  isDisabled: b = !1,
-  className: h = ""
+  isDisabled: p = !1,
+  className: b = ""
 }) => {
-  const [_, m] = Se(o || ""), T = o !== void 0 ? o : _, p = (j) => {
-    const w = j.target.value;
-    f ? f(w) : m(w);
+  const [_, m] = Se(o || ""), T = o !== void 0 ? o : _, j = (h) => {
+    const C = h.target.value;
+    f ? f(C) : m(C);
   };
   return /* @__PURE__ */ n.jsx(
     "textarea",
     {
-      className: h,
+      className: b,
       placeholder: a,
       rows: s,
-      maxLength: c,
+      maxLength: l,
       value: T,
-      onChange: p,
-      disabled: b
+      onChange: j,
+      disabled: p
     }
   );
-}, Yr = ({ variant: a, title: s, className: c }) => {
-  const o = `alert alert-${a} ${c || ""}`;
+}, Yr = ({ 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"), /* @__PURE__ */ n.jsx("div", { className: o.trim(), role: "alert", children: s });
 };
 function Vr(a, s) {
   br(() => {
     if (!a)
       return;
-    const c = setInterval(() => {
+    const l = setInterval(() => {
       s();
     }, a);
-    return () => clearInterval(c);
+    return () => clearInterval(l);
   }, [a]);
 }
 const Lr = () => /* @__PURE__ */ n.jsxs("div", { children: [
@@ -913,8 +914,8 @@ export {
   kr as Table,
   Fr as TableToolbar,
   Cr as Tabs,
-  Pr as Tbody,
-  Nr as Td,
+  Nr as Tbody,
+  Pr as Td,
   Wr as TextArea,
   $r as Th,
   Dr as Thead,

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

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

package/package.json

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