ovirt-ui-toolkit 0.0.62 → 0.0.64

package/dist/components/label/Label.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type LabelVariant = 'default' | 'primary' | 'success' | 'info' | 'warning' | 'danger';
+interface LabelProps {
+    variant: LabelVariant;
+    children: React.ReactNode;
+}
+declare const Label: React.FC<LabelProps>;
+export default Label;

package/dist/index.d.ts

@@ -20,6 +20,7 @@ export { default as TableToolbar } from './components/tableToolbar/TableToolbar'
 export { default as Checkbox } from './components/checkbox/Checkbox';
 export { default as TextArea } from './components/textarea/TextArea';
 export { default as Alert } from './components/alert/Alert';
+export { default as Label } from './components/label/Label';
 export { default as GroupButtonContainer } from './components/groupButtonContainer/ui/GroupButtonContainer';
 export { default as useIntervalLoader } from './hooks/useIntervalLoader';
 export { default as SampleComp } from './Test';

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

@@ -13,15 +13,15 @@ var Ce;
 function xr() {
   if (Ce) return A;
   Ce = 1;
-  var n = Se, s = Symbol.for("react.element"), l = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var n = Se, s = Symbol.for("react.element"), i = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, c = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
   function m(C, h, T) {
     var j, b = {}, R = null, W = null;
     T !== void 0 && (R = "" + T), h.key !== void 0 && (R = "" + h.key), h.ref !== void 0 && (W = h.ref);
-    for (j in h) i.call(h, j) && !v.hasOwnProperty(j) && (b[j] = h[j]);
+    for (j in h) o.call(h, j) && !v.hasOwnProperty(j) && (b[j] = h[j]);
     if (C && C.defaultProps) for (j in h = C.defaultProps, h) b[j] === void 0 && (b[j] = h[j]);
     return { $$typeof: s, type: C, key: R, ref: W, props: b, _owner: c.current };
   }
-  return A.Fragment = l, A.jsx = m, A.jsxs = m, A;
+  return A.Fragment = i, A.jsx = m, A.jsxs = m, A;
 }
 var I = {};
 /**
@@ -36,7 +36,7 @@ var I = {};
 var Te;
 function gr() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = Se, s = Symbol.for("react.element"), l = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), C = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), K = Symbol.iterator, $e = "@@iterator";
+    var n = Se, s = Symbol.for("react.element"), i = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), C = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), j = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), K = Symbol.iterator, $e = "@@iterator";
     function De(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -46,14 +46,14 @@ function gr() {
     var k = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function y(e) {
       {
-        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
-          a[o - 1] = arguments[o];
+        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), l = 1; l < r; l++)
+          a[l - 1] = arguments[l];
         Fe("error", e, a);
       }
     }
     function Fe(e, r, a) {
       {
-        var o = k.ReactDebugCurrentFrame, d = o.getStackAddendum();
+        var l = k.ReactDebugCurrentFrame, d = l.getStackAddendum();
         d !== "" && (r += "%s", a = a.concat([d]));
         var p = a.map(function(f) {
           return String(f);
@@ -63,17 +63,17 @@ function gr() {
     }
     var Ae = !1, Ie = !1, We = !1, Ye = !1, Ve = !1, ee;
     ee = Symbol.for("react.module.reference");
-    function Me(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === i || e === v || Ve || e === c || e === T || e === j || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === b || e.$$typeof === m || e.$$typeof === C || e.$$typeof === h || // This needs to include all possible module reference object
+    function Le(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === v || Ve || e === c || e === T || e === j || Ye || e === W || Ae || Ie || We || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === b || e.$$typeof === m || e.$$typeof === C || e.$$typeof === h || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       e.$$typeof === ee || e.getModuleId !== void 0));
     }
-    function Le(e, r, a) {
-      var o = e.displayName;
-      if (o)
-        return o;
+    function Me(e, r, a) {
+      var l = e.displayName;
+      if (l)
+        return l;
       var d = r.displayName || r.name || "";
       return d !== "" ? a + "(" + d + ")" : a;
     }
@@ -88,9 +88,9 @@ function gr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case i:
+        case o:
           return "Fragment";
-        case l:
+        case i:
           return "Portal";
         case v:
           return "Profiler";
@@ -110,10 +110,10 @@ function gr() {
             var a = e;
             return re(a._context) + ".Provider";
           case h:
-            return Le(e, e.render, "ForwardRef");
+            return Me(e, e.render, "ForwardRef");
           case b:
-            var o = e.displayName || null;
-            return o !== null ? o : O(e.type) || "Memo";
+            var l = e.displayName || null;
+            return l !== null ? l : O(e.type) || "Memo";
           case R: {
             var d = e, p = d._payload, f = d._init;
             try {
@@ -194,8 +194,8 @@ function gr() {
           try {
             throw Error();
           } catch (d) {
-            var o = d.stack.trim().match(/\n( *(at )?)/);
-            J = o && o[1] || "";
+            var l = d.stack.trim().match(/\n( *(at )?)/);
+            J = l && l[1] || "";
           }
         return `
 ` + J + e;
@@ -214,7 +214,7 @@ function gr() {
         if (a !== void 0)
           return a;
       }
-      var o;
+      var l;
       q = !0;
       var d = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
@@ -233,14 +233,14 @@ function gr() {
             try {
               Reflect.construct(f, []);
             } catch (_) {
-              o = _;
+              l = _;
             }
             Reflect.construct(e, [], f);
           } else {
             try {
               f.call();
             } catch (_) {
-              o = _;
+              l = _;
             }
             e.call(f.prototype);
           }
@@ -248,14 +248,14 @@ function gr() {
           try {
             throw Error();
           } catch (_) {
-            o = _;
+            l = _;
           }
           e();
         }
       } catch (_) {
-        if (_ && o && typeof _.stack == "string") {
+        if (_ && l && typeof _.stack == "string") {
           for (var u = _.stack.split(`
-`), E = o.stack.split(`
+`), E = l.stack.split(`
 `), x = u.length - 1, g = E.length - 1; x >= 1 && g >= 0 && u[x] !== E[g]; )
             g--;
           for (; x >= 1 && g >= 0; x--, g--)
@@ -284,7 +284,7 @@ function gr() {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function M(e, r, a) {
+    function L(e, r, a) {
       if (e == null)
         return "";
       if (typeof e == "function")
@@ -302,11 +302,11 @@ function gr() {
           case h:
             return qe(e.render);
           case b:
-            return M(e.type, r, a);
+            return L(e.type, r, a);
           case R: {
-            var o = e, d = o._payload, p = o._init;
+            var l = e, d = l._payload, p = l._init;
             try {
-              return M(p(d), r, a);
+              return L(p(d), r, a);
             } catch {
             }
           }
@@ -314,14 +314,14 @@ function gr() {
       return "";
     }
     var F = Object.prototype.hasOwnProperty, fe = {}, de = k.ReactDebugCurrentFrame;
-    function L(e) {
+    function M(e) {
       if (e) {
-        var r = e._owner, a = M(e.type, e._source, r ? r.type : null);
+        var r = e._owner, a = L(e.type, e._source, r ? r.type : null);
         de.setExtraStackFrame(a);
       } else
         de.setExtraStackFrame(null);
     }
-    function Ge(e, r, a, o, d) {
+    function Ge(e, r, a, l, d) {
       {
         var p = Function.call.bind(F);
         for (var f in e)
@@ -329,14 +329,14 @@ function gr() {
             var u = void 0;
             try {
               if (typeof e[f] != "function") {
-                var E = Error((o || "React class") + ": " + a + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var E = Error((l || "React class") + ": " + a + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw E.name = "Invariant Violation", E;
               }
-              u = e[f](r, f, o, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              u = e[f](r, f, l, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (x) {
               u = x;
             }
-            u && !(u instanceof Error) && (L(d), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", o || "React class", a, f, typeof u), L(null)), u instanceof Error && !(u.message in fe) && (fe[u.message] = !0, L(d), y("Failed %s type: %s", a, u.message), L(null));
+            u && !(u 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).", l || "React class", a, f, typeof u), M(null)), u instanceof Error && !(u.message in fe) && (fe[u.message] = !0, M(d), y("Failed %s type: %s", a, u.message), M(null));
           }
       }
     }
@@ -411,7 +411,7 @@ function gr() {
         });
       }
     }
-    var ar = function(e, r, a, o, d, p, f) {
+    var ar = function(e, r, a, l, d, p, f) {
       var u = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: s,
@@ -432,7 +432,7 @@ function gr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: o
+        value: l
       }), Object.defineProperty(u, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -440,7 +440,7 @@ function gr() {
         value: d
       }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     };
-    function sr(e, r, a, o, d) {
+    function sr(e, r, a, l, d) {
       {
         var p, f = {}, u = null, E = null;
         a !== void 0 && (pe(a), u = "" + a), er(r) && (pe(r.key), u = "" + r.key), Ke(r) && (E = r.ref, rr(r, d));
@@ -455,13 +455,13 @@ function gr() {
           var g = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
           u && tr(f, g), E && nr(f, g);
         }
-        return ar(e, u, E, d, o, me.current, f);
+        return ar(e, u, E, d, l, me.current, f);
       }
     }
     var G = k.ReactCurrentOwner, xe = k.ReactDebugCurrentFrame;
     function P(e) {
       if (e) {
-        var r = e._owner, a = M(e.type, e._source, r ? r.type : null);
+        var r = e._owner, a = L(e.type, e._source, r ? r.type : null);
         xe.setExtraStackFrame(a);
       } else
         xe.setExtraStackFrame(null);
@@ -508,8 +508,8 @@ Check the top-level render call using <` + a + ">.");
         if (je[a])
           return;
         je[a] = !0;
-        var o = "";
-        e && e._owner && e._owner !== G.current && (o = " It was passed a child from " + O(e._owner.type) + "."), P(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, o), P(null);
+        var l = "";
+        e && e._owner && e._owner !== G.current && (l = " 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.', a, l), P(null);
       }
     }
     function Ee(e, r) {
@@ -518,8 +518,8 @@ Check the top-level render call using <` + a + ">.");
           return;
         if (z(e))
           for (var a = 0; a < e.length; a++) {
-            var o = e[a];
-            X(o) && ye(o, r);
+            var l = e[a];
+            X(l) && ye(l, r);
           }
         else if (X(e))
           e._store && (e._store.validated = !0);
@@ -546,8 +546,8 @@ Check the top-level render call using <` + a + ">.");
         else
           return;
         if (a) {
-          var o = O(r);
-          Ge(a, e.props, "prop", o, e);
+          var l = O(r);
+          Ge(a, e.props, "prop", l, e);
         } else if (r.PropTypes !== void 0 && !H) {
           H = !0;
           var d = O(r);
@@ -559,9 +559,9 @@ Check the top-level render call using <` + a + ">.");
     function cr(e) {
       {
         for (var r = Object.keys(e.props), a = 0; a < r.length; a++) {
-          var o = r[a];
-          if (o !== "children" && o !== "key") {
-            P(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), P(null);
+          var l = r[a];
+          if (l !== "children" && l !== "key") {
+            P(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", l), P(null);
             break;
           }
         }
@@ -569,9 +569,9 @@ Check the top-level render call using <` + a + ">.");
       }
     }
     var Re = {};
-    function _e(e, r, a, o, d, p) {
+    function _e(e, r, a, l, d, p) {
       {
-        var f = Me(e);
+        var f = Le(e);
         if (!f) {
           var u = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (u += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
@@ -586,7 +586,7 @@ Check the top-level render call using <` + a + ">.");
         if (f) {
           var w = r.children;
           if (w !== void 0)
-            if (o)
+            if (l)
               if (z(w)) {
                 for (var $ = 0; $ < w.length; $++)
                   Ee(w[$], e);
@@ -610,7 +610,7 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`, Z, N, pr, N), Re[N + Z] = !0;
           }
         }
-        return e === i ? cr(g) : lr(g), g;
+        return e === o ? cr(g) : lr(g), g;
       }
     }
     function ur(e, r, a) {
@@ -620,7 +620,7 @@ React keys must be passed directly to JSX without using spread:
       return _e(e, r, a, !1);
     }
     var dr = fr, vr = ur;
-    I.Fragment = i, I.jsx = dr, I.jsxs = vr;
+    I.Fragment = o, I.jsx = dr, I.jsxs = vr;
   }()), I;
 }
 var we;
@@ -628,7 +628,7 @@ function jr() {
   return we || (we = 1, process.env.NODE_ENV === "production" ? U.exports = xr() : U.exports = gr()), U.exports;
 }
 var t = jr();
-const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr = ({ items: n, className: s }) => /* @__PURE__ */ t.jsx("ol", { className: `breadcrumb ${s || ""}`.trim(), children: n.map((l, i) => /* @__PURE__ */ t.jsx("li", { className: l.active ? "active" : "", children: l.active ? l.title : /* @__PURE__ */ t.jsx("a", { href: l.href, children: l.title }) }, i)) }), Er = /* @__PURE__ */ t.jsx("span", { className: "loading-spinner mr-2", children: /* @__PURE__ */ t.jsxs(
+const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr = ({ items: n, className: s }) => /* @__PURE__ */ t.jsx("ol", { className: `breadcrumb ${s || ""}`.trim(), children: n.map((i, o) => /* @__PURE__ */ t.jsx("li", { className: i.active ? "active" : "", children: i.active ? i.title : /* @__PURE__ */ t.jsx("a", { href: i.href, children: i.title }) }, o)) }), Er = /* @__PURE__ */ t.jsx("span", { className: "loading-spinner mr-2", children: /* @__PURE__ */ t.jsxs(
   "svg",
   {
     className: "animate-spin h-5 w-5 text-current",
@@ -660,15 +660,15 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 ) }), Ne = ({
   type: n = "default",
   title: s,
-  size: l,
-  label: i,
+  size: i,
+  label: o,
   onClick: c,
   isDisabled: v = !1,
   children: m,
   className: C = "",
   isLoading: h = !1
 }) => {
-  const T = `btn-${n}`, j = l ? `btn-${l}` : "", R = `${`btn ${T} ${j}`.trim()} ${C}`.trim();
+  const T = `btn-${n}`, j = i ? `btn-${i}` : "", R = `${`btn ${T} ${j}`.trim()} ${C}`.trim();
   return /* @__PURE__ */ t.jsx(
     "button",
     {
@@ -678,50 +678,50 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
       disabled: v || h,
       children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
         h && Er,
-        m || i,
+        m || o,
         " ",
         s && /* @__PURE__ */ t.jsx("span", { children: s })
       ] })
     }
   );
-}, wr = ({ children: n, eventKey: s, active: l }) => /* @__PURE__ */ t.jsx(
+}, wr = ({ children: n, eventKey: s, active: i }) => /* @__PURE__ */ t.jsx(
   "div",
   {
-    className: `tab-pane ${l ? "active" : ""}`,
+    className: `tab-pane ${i ? "active" : ""}`,
     id: `${s}-panel`,
     role: "tabpanel",
     "aria-labelledby": `${s}-tab`,
     children: n
   },
   s
-), Or = ({ activeKey: n, onSelect: s, children: l }) => /* @__PURE__ */ t.jsxs("div", { className: "tabs-container", children: [
-  /* @__PURE__ */ t.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: l.map(({ props: { eventKey: i, title: c } }) => /* @__PURE__ */ t.jsx("li", { className: n === i ? "active" : "", children: /* @__PURE__ */ t.jsx(
+), Or = ({ activeKey: n, onSelect: s, children: i }) => /* @__PURE__ */ t.jsxs("div", { className: "tabs-container", children: [
+  /* @__PURE__ */ t.jsx("ul", { className: "nav nav-tabs", role: "tablist", children: i.map(({ props: { eventKey: o, title: c } }) => /* @__PURE__ */ t.jsx("li", { className: n === o ? "active" : "", children: /* @__PURE__ */ t.jsx(
     "a",
     {
-      href: `#${i}`,
+      href: `#${o}`,
       onClick: (v) => {
-        v.preventDefault(), s(i);
+        v.preventDefault(), s(o);
       },
       children: c
     }
-  ) }, i)) }),
-  /* @__PURE__ */ t.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ t.jsx("div", { className: "tab-content pf-c-tab-content", children: l.map(({ props: { eventKey: i, children: c } }) => /* @__PURE__ */ t.jsx(
+  ) }, o)) }),
+  /* @__PURE__ */ t.jsx("div", { className: "tabs-container", children: /* @__PURE__ */ t.jsx("div", { className: "tab-content pf-c-tab-content", children: i.map(({ props: { eventKey: o, children: c } }) => /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: `tab-pane ${n === i ? "active" : ""}`,
-      id: `${i}-panel`,
+      className: `tab-pane ${n === o ? "active" : ""}`,
+      id: `${o}-panel`,
       role: "tabpanel",
-      "aria-labelledby": `${i}-tab`,
+      "aria-labelledby": `${o}-tab`,
       children: c
     },
-    i
+    o
   )) }) })
 ] }), Sr = hr(
   ({
     id: n,
     type: s,
-    placeholder: l = "",
-    value: i,
+    placeholder: i = "",
+    value: o,
     onChange: c,
     className: v = "form-control"
   }, m) => /* @__PURE__ */ t.jsx(
@@ -730,34 +730,34 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
       type: s,
       id: n,
       className: v,
-      placeholder: l,
-      value: i,
+      placeholder: i,
+      value: o,
       onChange: c,
       ref: m
     }
   )
-), Nr = ({ title: n, isOpen: s, onClose: l, children: i, size: c }) => {
+), Nr = ({ title: n, isOpen: s, onClose: i, children: o, size: c }) => {
   if (!s) return null;
   const v = c ? `modal-${c}` : "";
   return /* @__PURE__ */ t.jsx("div", { className: "modal fade in", style: { display: "block" }, tabIndex: -1, role: "dialog", children: /* @__PURE__ */ t.jsx("div", { className: `modal-dialog ${v}`, role: "document", children: /* @__PURE__ */ t.jsxs("div", { className: "modal-content", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "modal-header", children: [
-      /* @__PURE__ */ t.jsx("button", { type: "button", className: "close", onClick: l, "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("span", { className: "pficon pficon-close" }) }),
+      /* @__PURE__ */ t.jsx("button", { type: "button", className: "close", onClick: i, "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("span", { className: "pficon pficon-close" }) }),
       /* @__PURE__ */ t.jsx("h4", { className: "modal-title", children: n })
     ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "modal-body", children: i })
+    /* @__PURE__ */ t.jsx("div", { className: "modal-body", children: o })
   ] }) }) });
-}, kr = ({ variant: n, children: s, className: l = "" }) => {
-  const i = {
+}, kr = ({ variant: n, children: s, className: i = "" }) => {
+  const o = {
     warning: "text-yellow-600",
     success: "text-green-600",
     error: "text-red-600"
-  }, c = l + " " + i[n] || "";
+  }, c = i + " " + o[n] || "";
   return /* @__PURE__ */ t.jsx("p", { className: c, children: s });
 }, Pr = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("table", { ...s, children: n }), $r = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("tbody", { ...s, children: n }), Dr = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("td", { ...s, children: n }), Fr = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("th", { ...s, children: n }), Ar = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("thead", { ...s, children: n }), Ir = ({ children: n, ...s }) => /* @__PURE__ */ t.jsx("tr", { ...s, children: n }), ke = ({
   items: n,
   selected: s,
-  title: l,
-  isOpen: i,
+  title: i,
+  isOpen: o,
   setIsOpen: c,
   onChange: v,
   className: m = ""
@@ -784,11 +784,11 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
       {
         style: { marginLeft: "0px", left: "-1px" },
         className: j,
-        onClick: () => C(i),
+        onClick: () => C(o),
         "data-toggle": "dropdown",
         type: "button",
         children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-center", children: [
-          l && /* @__PURE__ */ t.jsx("div", { className: "mr-2", children: l }),
+          i && /* @__PURE__ */ t.jsx("div", { className: "mr-2", children: i }),
           " ",
           /* @__PURE__ */ t.jsx("span", { className: "caret" }),
           " "
@@ -798,21 +798,21 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     /* @__PURE__ */ t.jsx("ul", { className: "dropdown-menu", role: "menu", children: n.map(T) })
   ] });
 }, Wr = (n) => {
-  const [s, l] = Q(!1), i = n.selected, c = n.items.find((v) => v.id == i);
-  return console.log("🪚 props:", n), /* @__PURE__ */ t.jsx("div", { className: `btn-group ${s ? "open" : ""}`, children: /* @__PURE__ */ t.jsx(
+  const [s, i] = Q(!1), o = n.selected, c = n.items.find((v) => v.id == o);
+  return /* @__PURE__ */ t.jsx("div", { className: `btn-group ${s ? "open" : ""}`, children: /* @__PURE__ */ t.jsx(
     ke,
     {
       ...n,
-      title: n.title || c.title,
-      setIsOpen: l,
+      title: n.title || (c == null ? void 0 : c.title),
+      setIsOpen: i,
       isOpen: s
     }
   ) });
-}, Rr = ({ currentPage: n, total: s, onPageChange: l, pageSize: i }) => {
-  const c = Math.ceil(s / i), v = () => {
-    n > 1 && l(n - 1);
+}, Rr = ({ currentPage: n, total: s, onPageChange: i, pageSize: o }) => {
+  const c = Math.ceil(s / o), v = () => {
+    n > 1 && i(n - 1);
   }, m = () => {
-    n < c && l(n + 1);
+    n < c && i(n + 1);
   };
   return /* @__PURE__ */ t.jsxs("div", { children: [
     /* @__PURE__ */ t.jsx("span", { children: /* @__PURE__ */ t.jsxs("span", { className: "pagination-pf-items-current", children: [
@@ -846,8 +846,8 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
 }, Pe = ({
   children: n,
   onChange: s,
-  items: l,
-  selected: i,
+  items: i,
+  selected: o,
   className: c = ""
 }) => {
   const [v, m] = Q(!1);
@@ -859,8 +859,8 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
         setIsOpen: m,
         isOpen: v,
         onChange: s,
-        items: l,
-        selected: i
+        items: i,
+        selected: o
       }
     )
   ] }) });
@@ -870,17 +870,17 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
   { id: 3, title: "20 сек", data: 2e4 },
   { id: 4, title: "30 сек", data: 3e4 },
   { id: 5, title: "60 сек", data: 6e4 }
-], _r = ({ onChange: n, value: s, onRefresh: l }) => {
+], _r = ({ onChange: n, value: s, onRefresh: i }) => {
   var v;
-  const i = (m) => {
+  const o = (m) => {
     n(m.data);
   }, c = (v = Oe.find((m) => m.data === s)) == null ? void 0 : v.id;
-  return /* @__PURE__ */ t.jsx(Pe, { className: "flex", items: Oe, onChange: i, selected: c, children: /* @__PURE__ */ t.jsx(Ne, { className: "m-0", type: "default", onClick: l, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) });
+  return /* @__PURE__ */ t.jsx(Pe, { className: "flex", items: Oe, onChange: o, selected: c, children: /* @__PURE__ */ t.jsx(Ne, { className: "m-0", type: "default", onClick: i, children: /* @__PURE__ */ t.jsx("i", { className: "fa fa-refresh" }) }) });
 }, Yr = ({
   interval: n,
   page: s,
-  total: l,
-  onRefresh: i,
+  total: i,
+  onRefresh: o,
   onChangeInterval: c,
   onPageChange: v,
   pageSize: m
@@ -890,7 +890,7 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     {
       value: n,
       onChange: c,
-      onRefresh: i
+      onRefresh: o
     }
   ) }),
   /* @__PURE__ */ t.jsx("div", { className: "m-[5px]", children: /* @__PURE__ */ t.jsx(
@@ -898,15 +898,15 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     {
       pageSize: m,
       currentPage: s,
-      total: l,
+      total: i,
       onPageChange: v
     }
   ) })
 ] }), Vr = ({
   id: n,
   label: s,
-  isChecked: l = !1,
-  onChange: i,
+  isChecked: i = !1,
+  onChange: o,
   className: c = "checkbox"
 }) => /* @__PURE__ */ t.jsx("div", { className: c, children: /* @__PURE__ */ t.jsxs("label", { htmlFor: n, children: [
   /* @__PURE__ */ t.jsx(
@@ -914,21 +914,21 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
     {
       type: "checkbox",
       id: n,
-      checked: l,
-      onChange: i
+      checked: i,
+      onChange: o
     }
   ),
   ` ${s}`
-] }) }), Mr = ({
+] }) }), Lr = ({
   placeholder: n = "",
   rows: s = 3,
-  maxLength: l,
-  value: i,
+  maxLength: i,
+  value: o,
   onChange: c,
   isDisabled: v = !1,
   className: m = ""
 }) => {
-  const [C, h] = Q(i || ""), T = i !== void 0 ? i : C, j = (b) => {
+  const [C, h] = Q(o || ""), T = o !== void 0 ? o : C, j = (b) => {
     const R = b.target.value;
     c ? c(R) : h(R);
   };
@@ -938,27 +938,30 @@ const Tr = () => /* @__PURE__ */ t.jsx("div", { className: "toolbar-pf" }), yr =
       className: m,
       placeholder: n,
       rows: s,
-      maxLength: l,
+      maxLength: i,
       value: T,
       onChange: j,
       disabled: v
     }
   );
-}, Lr = ({ variant: n, title: s, className: l }) => {
-  const i = `alert alert-${n} ${l || ""}`;
-  return ["success", "info", "warning", "danger"].includes(n) || (console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`), n = "info"), /* @__PURE__ */ t.jsx("div", { className: i.trim(), role: "alert", children: s });
+}, Mr = ({ variant: n, title: s, className: i }) => {
+  const o = `alert alert-${n} ${i || ""}`;
+  return ["success", "info", "warning", "danger"].includes(n) || (console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`), n = "info"), /* @__PURE__ */ t.jsx("div", { className: o.trim(), role: "alert", children: s });
+}, Ur = ({ variant: n, children: s }) => {
+  const i = `label label-${n}`;
+  return /* @__PURE__ */ t.jsx("span", { className: i, children: s });
 };
-function Ur(n, s) {
+function Br(n, s) {
   br(() => {
     if (!n)
       return;
-    const l = setInterval(() => {
+    const i = setInterval(() => {
       s();
     }, n);
-    return () => clearInterval(l);
+    return () => clearInterval(i);
   }, [n]);
 }
-const Br = () => /* @__PURE__ */ t.jsxs("div", { children: [
+const Jr = () => /* @__PURE__ */ t.jsxs("div", { children: [
   /* @__PURE__ */ t.jsx(
     yr,
     {
@@ -983,7 +986,7 @@ const Br = () => /* @__PURE__ */ t.jsxs("div", { children: [
   )
 ] });
 export {
-  Lr as Alert,
+  Mr as Alert,
   yr as Breadcrumb,
   Ne as Button,
   Vr as Checkbox,
@@ -992,20 +995,21 @@ export {
   Pe as GroupButtonContainer,
   kr as HelpText,
   Sr as Input,
+  Ur as Label,
   Nr as Modal,
   Rr as Pagination,
   _r as ReloadButton,
-  Br as SampleComp,
+  Jr as SampleComp,
   wr as Tab,
   Pr as Table,
   Yr as TableToolbar,
   Or as Tabs,
   $r as Tbody,
   Dr as Td,
-  Mr as TextArea,
+  Lr as TextArea,
   Fr as Th,
   Ar as Thead,
   Tr as ToolbarContainer,
   Ir as Tr,
-  Ur as useIntervalLoader
+  Br as useIntervalLoader
 };

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

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

package/package.json

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