ovirt-ui-toolkit 0.0.96 → 0.0.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ovirt-ui-toolkit.es.js +468 -451
- package/dist/ovirt-ui-toolkit.umd.js +10 -10
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(p,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],_):(p=typeof globalThis<"u"?globalThis:p||self,_(p["ovirt-ui-toolkit"]={},p.React))})(this,function(p,_){"use strict";var Y={exports:{}},A={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var ne;function
|
|
9
|
+
*/var ne;function Ae(){if(ne)return A;ne=1;var n=_,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,u={key:!0,ref:!0,__self:!0,__source:!0};function d(b,m,R){var E,x={},w=null,B=null;R!==void 0&&(w=""+R),m.key!==void 0&&(w=""+m.key),m.ref!==void 0&&(B=m.ref);for(E in m)o.call(m,E)&&!u.hasOwnProperty(E)&&(x[E]=m[E]);if(b&&b.defaultProps)for(E in m=b.defaultProps,m)x[E]===void 0&&(x[E]=m[E]);return{$$typeof:s,type:b,key:w,ref:B,props:x,_owner:c.current}}return A.Fragment=i,A.jsx=d,A.jsxs=d,A}var $={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var ae;function $e(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){var n=
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),j=
|
|
21
|
-
`+
|
|
17
|
+
*/var ae;function $e(){return ae||(ae=1,process.env.NODE_ENV!=="production"&&function(){var n=_,s=Symbol.for("react.element"),i=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),d=Symbol.for("react.provider"),b=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),R=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),B=Symbol.for("react.offscreen"),ue=Symbol.iterator,or="@@iterator";function lr(e){if(e===null||typeof e!="object")return null;var r=ue&&e[ue]||e[or];return typeof r=="function"?r:null}var D=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function T(e){{for(var r=arguments.length,a=new Array(r>1?r-1:0),l=1;l<r;l++)a[l-1]=arguments[l];cr("error",e,a)}}function cr(e,r,a){{var l=D.ReactDebugCurrentFrame,h=l.getStackAddendum();h!==""&&(r+="%s",a=a.concat([h]));var g=a.map(function(v){return String(v)});g.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,g)}}var ur=!1,fr=!1,dr=!1,vr=!1,pr=!1,fe;fe=Symbol.for("react.module.reference");function mr(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===u||pr||e===c||e===R||e===E||vr||e===B||ur||fr||dr||typeof e=="object"&&e!==null&&(e.$$typeof===w||e.$$typeof===x||e.$$typeof===d||e.$$typeof===b||e.$$typeof===m||e.$$typeof===fe||e.getModuleId!==void 0))}function hr(e,r,a){var l=e.displayName;if(l)return l;var h=r.displayName||r.name||"";return h!==""?a+"("+h+")":a}function de(e){return e.displayName||"Context"}function O(e){if(e==null)return null;if(typeof e.tag=="number"&&T("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 u:return"Profiler";case c:return"StrictMode";case R:return"Suspense";case E:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case b:var r=e;return de(r)+".Consumer";case d:var a=e;return de(a._context)+".Provider";case m:return hr(e,e.render,"ForwardRef");case x:var l=e.displayName||null;return l!==null?l:O(e.type)||"Memo";case w:{var h=e,g=h._payload,v=h._init;try{return O(v(g))}catch{return null}}}return null}var k=Object.assign,L=0,ve,pe,me,he,be,ge,xe;function je(){}je.__reactDisabledLog=!0;function br(){{if(L===0){ve=console.log,pe=console.info,me=console.warn,he=console.error,be=console.group,ge=console.groupCollapsed,xe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:je,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}L++}}function gr(){{if(L--,L===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:me}),error:k({},e,{value:he}),group:k({},e,{value:be}),groupCollapsed:k({},e,{value:ge}),groupEnd:k({},e,{value:xe})})}L<0&&T("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var X=D.ReactCurrentDispatcher,Z;function U(e,r,a){{if(Z===void 0)try{throw Error()}catch(h){var l=h.stack.trim().match(/\n( *(at )?)/);Z=l&&l[1]||""}return`
|
|
18
|
+
`+Z+e}}var q=!1,J;{var xr=typeof WeakMap=="function"?WeakMap:Map;J=new xr}function ye(e,r){if(!e||q)return"";{var a=J.get(e);if(a!==void 0)return a}var l;q=!0;var h=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var g;g=X.current,X.current=null,br();try{if(r){var v=function(){throw Error()};if(Object.defineProperty(v.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(v,[])}catch(S){l=S}Reflect.construct(e,[],v)}else{try{v.call()}catch(S){l=S}e.call(v.prototype)}}else{try{throw Error()}catch(S){l=S}e()}}catch(S){if(S&&l&&typeof S.stack=="string"){for(var f=S.stack.split(`
|
|
19
|
+
`),C=l.stack.split(`
|
|
20
|
+
`),j=f.length-1,y=C.length-1;j>=1&&y>=0&&f[j]!==C[y];)y--;for(;j>=1&&y>=0;j--,y--)if(f[j]!==C[y]){if(j!==1||y!==1)do if(j--,y--,y<0||f[j]!==C[y]){var N=`
|
|
21
|
+
`+f[j].replace(" at new "," at ");return e.displayName&&N.includes("<anonymous>")&&(N=N.replace("<anonymous>",e.displayName)),typeof e=="function"&&J.set(e,N),N}while(j>=1&&y>=0);break}}}finally{q=!1,X.current=g,gr(),Error.prepareStackTrace=h}var I=e?e.displayName||e.name:"",P=I?U(I):"";return typeof e=="function"&&J.set(e,P),P}function jr(e,r,a){return ye(e,!1)}function yr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function G(e,r,a){if(e==null)return"";if(typeof e=="function")return ye(e,yr(e));if(typeof e=="string")return U(e);switch(e){case R:return U("Suspense");case E:return U("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case m:return jr(e.render);case x:return G(e.type,r,a);case w:{var l=e,h=l._payload,g=l._init;try{return G(g(h),r,a)}catch{}}}return""}var W=Object.prototype.hasOwnProperty,Re={},Ee=D.ReactDebugCurrentFrame;function H(e){if(e){var r=e._owner,a=G(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(a)}else Ee.setExtraStackFrame(null)}function Rr(e,r,a,l,h){{var g=Function.call.bind(W);for(var v in e)if(g(e,v)){var f=void 0;try{if(typeof e[v]!="function"){var C=Error((l||"React class")+": "+a+" type `"+v+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[v]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw C.name="Invariant Violation",C}f=e[v](r,v,l,a,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(j){f=j}f&&!(f instanceof Error)&&(H(h),T("%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,v,typeof f),H(null)),f instanceof Error&&!(f.message in Re)&&(Re[f.message]=!0,H(h),T("Failed %s type: %s",a,f.message),H(null))}}}var Er=Array.isArray;function Q(e){return Er(e)}function _r(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,a=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a}}function Tr(e){try{return _e(e),!1}catch{return!0}}function _e(e){return""+e}function Te(e){if(Tr(e))return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",_r(e)),_e(e)}var Ce=D.ReactCurrentOwner,Cr={key:!0,ref:!0,__self:!0,__source:!0},we,Se;function wr(e){if(W.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Sr(e){if(W.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Nr(e,r){typeof e.ref=="string"&&Ce.current}function Or(e,r){{var a=function(){we||(we=!0,T("%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 kr(e,r){{var a=function(){Se||(Se=!0,T("%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 Pr=function(e,r,a,l,h,g,v){var f={$$typeof:s,type:e,key:r,ref:a,props:v,_owner:g};return f._store={},Object.defineProperty(f._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(f,"_self",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.defineProperty(f,"_source",{configurable:!1,enumerable:!1,writable:!1,value:h}),Object.freeze&&(Object.freeze(f.props),Object.freeze(f)),f};function Dr(e,r,a,l,h){{var g,v={},f=null,C=null;a!==void 0&&(Te(a),f=""+a),Sr(r)&&(Te(r.key),f=""+r.key),wr(r)&&(C=r.ref,Nr(r,h));for(g in r)W.call(r,g)&&!Cr.hasOwnProperty(g)&&(v[g]=r[g]);if(e&&e.defaultProps){var j=e.defaultProps;for(g in j)v[g]===void 0&&(v[g]=j[g])}if(f||C){var y=typeof e=="function"?e.displayName||e.name||"Unknown":e;f&&Or(v,y),C&&kr(v,y)}return Pr(e,f,C,h,l,Ce.current,v)}}var K=D.ReactCurrentOwner,Ne=D.ReactDebugCurrentFrame;function F(e){if(e){var r=e._owner,a=G(e.type,e._source,r?r.type:null);Ne.setExtraStackFrame(a)}else Ne.setExtraStackFrame(null)}var ee;ee=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Oe(){{if(K.current){var e=O(K.current.type);if(e)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+e+"`."}return""}}function Fr(e){return""}var
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function Fr(e){return""}var ke={};function Ir(e){{var r=Oe();if(!r){var a=typeof e=="string"?e:e.displayName||e.name;a&&(r=`
|
|
24
24
|
|
|
25
|
-
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=
|
|
25
|
+
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=Ir(r);if(ke[a])return;ke[a]=!0;var l="";e&&e._owner&&e._owner!==K.current&&(l=" It was passed a child from "+O(e._owner.type)+"."),F(e),T('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),F(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 h=lr(e);if(typeof h=="function"&&h!==e.entries)for(var g=h.call(e),v;!(v=g.next()).done;)re(v.value)&&Pe(v.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===m||r.$$typeof===x))a=r.propTypes;else return;if(a){var l=O(r);Rr(a,e.props,"prop",l,e)}else if(r.PropTypes!==void 0&&!ee){ee=!0;var h=O(r);T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",h||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function $r(e){{for(var r=Object.keys(e.props),a=0;a<r.length;a++){var l=r[a];if(l!=="children"&&l!=="key"){F(e),T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",l),F(null);break}}e.ref!==null&&(F(e),T("Invalid attribute `ref` supplied to `React.Fragment`."),F(null))}}var Fe={};function Ie(e,r,a,l,h,g){{var v=mr(e);if(!v){var f="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(f+=" 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=Fr();C?f+=C:f+=Oe();var j;e===null?j="null":Q(e)?j="array":e!==void 0&&e.$$typeof===s?(j="<"+(O(e.type)||"Unknown")+" />",f=" Did you accidentally export a JSX literal instead of a component?"):j=typeof e,T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",j,f)}var y=Dr(e,r,a,h,g);if(y==null)return y;if(v){var N=r.children;if(N!==void 0)if(l)if(Q(N)){for(var I=0;I<N.length;I++)De(N[I],e);Object.freeze&&Object.freeze(N)}else T("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(N,e)}if(W.call(r,"key")){var P=O(e),S=Object.keys(r).filter(function(Br){return Br!=="key"}),te=S.length>0?"{key: someKey, "+S.join(": ..., ")+": ...}":"{key: someKey}";if(!Fe[P+te]){var Vr=S.length>0?"{"+S.join(": ..., ")+": ...}":"{}";T(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,te,
|
|
30
|
+
<%s key={someKey} {...props} />`,te,P,Vr,P),Fe[P+te]=!0}}return e===o?$r(y):Ar(y),y}}function Lr(e,r,a){return Ie(e,r,a,!0)}function Wr(e,r,a){return Ie(e,r,a,!1)}var Yr=Wr,Mr=Lr;$.Fragment=o,$.jsx=Yr,$.jsxs=Mr}()),$}var se;function Le(){return se||(se=1,process.env.NODE_ENV==="production"?Y.exports=Ae():Y.exports=$e()),Y.exports}var t=Le();const We=()=>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))}),Ye=t.jsx("span",{className:"loading-spinner mr-2",children:t.jsxs("svg",{className:"animate-spin h-5 w-5 text-current",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[t.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),t.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}),M=({type:n="default",title:s,size:i,label:o,onClick:c,isDisabled:u=!1,children:d,className:b="",isLoading:m=!1})=>{const R=`btn-${n}`,E=i?`btn-${i}`:"",w=`${`btn ${R} ${E}`.trim()} ${b}`.trim();return t.jsx("button",{className:w,type:"button",onClick:c,disabled:u||m,children:t.jsxs("div",{className:"flex items-center justify-center",children:[m&&Ye,d||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:u=>{u.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=_.forwardRef(({id:n,type:s,placeholder:i="",value:o,onChange:c,className:u="form-control",...d},b)=>{const m=`form-control ${u}`;return t.jsx("input",{type:s,id:n,className:m,placeholder:i,value:o,onChange:c,ref:b,...d})}),Ue=({title:n,isOpen:s,onClose:i,children:o,size:c})=>{if(!s)return null;const u=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 ${u}`,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}),He=({children:n,...s})=>t.jsx("tbody",{...s,children:n}),ze=({children:n,...s})=>t.jsx("td",{...s,children:n}),Xe=({children:n,...s})=>t.jsx("th",{...s,children:n}),Ze=({children:n,...s})=>t.jsx("thead",{...s,children:n}),qe=({children:n,...s})=>t.jsx("tr",{...s,children:n}),z=({items:n,selected:s,title:i,isOpen:o,setIsOpen:c,onChange:u,className:d=""})=>{const b=x=>{c(!x)},m=x=>{c(!1),u(x)},R=x=>{const w=x.id===s;return t.jsx("li",{onClick:()=>m(x),className:w?"active":"",children:t.jsx("a",{href:"#",children:x.title})},x.id)},E=`btn btn-default dropdown-toggle flex-1 ${d}`;return t.jsxs(t.Fragment,{children:[t.jsx("button",{style:{marginLeft:"0px",left:"-1px"},className:E,onClick:()=>b(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(R)})]})},Qe=n=>{const[s,i]=_.useState(!1),o=n.selected,c=n.items.find(d=>d.id==o);n.debug&&(console.log(n),console.log(c));const u=_.useRef(null);return _.useEffect(()=>{const d=b=>{console.log(b.target),u.current&&!u.current.contains(b.target)&&i(!1)};return s&&document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[s]),t.jsx("div",{className:`btn-group ${s?"open":""}`,ref:u,children:t.jsx(z,{...n,title:(c==null?void 0:c.title)||n.title,setIsOpen:i,isOpen:s})})},oe=({currentPage:n,total:s,onPageChange:i,onNextPage:o,onPrevPage:c,end:u,pageSize:d})=>{const b=Math.ceil(s/d),m=()=>{c?c():n>1&&i(n-1)},R=()=>{o?o():n<b&&i(n+1)};return t.jsxs("div",{children:[t.jsx("span",{children:t.jsxs("span",{className:"pagination-pf-items-current",children:[n," - ",b]})}),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:m,children:t.jsx("i",{className:"fa fa-angle-left"})}),t.jsx("button",{type:"button",className:`btn btn-default ${n===b?"disabled":""}`,disabled:n===b||u,onClick:R,children:t.jsx("i",{className:"fa fa-angle-right"})})]})]})},V=({children:n,onChange:s,items:i,selected:o,className:c=""})=>{const[u,d]=_.useState(!1),b=_.useRef(null);return _.useEffect(()=>{const m=R=>{console.log(R.target),b.current&&!b.current.contains(R.target)&&d(!1)};return u&&document.addEventListener("mousedown",m),()=>{document.removeEventListener("mousedown",m)}},[u]),t.jsx("div",{className:`btn-group ${c} ${u?"open":""}`,ref:b,children:t.jsxs(t.Fragment,{children:[n,t.jsx(z,{setIsOpen:d,isOpen:u,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 u;const o=d=>{n(d.data)},c=(u=le.find(d=>d.data===s))==null?void 0:u.id;return t.jsx(V,{className:"flex",items:le,onChange:o,selected:c,children:t.jsxs(M,{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:u,pageSize:d,onNextPage:b,onPrevPage:m,end:R})=>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,{end:R,onNextPage:b,onPrevPage:m,pageSize:d,currentPage:s,total:i,onPageChange:u})})]}),er=({id:n,label:s,isChecked:i=!1,onChange:o,className:c="checkbox",position:u="right"})=>t.jsx("div",{className:c,children:t.jsxs("div",{className:"flex items-center gap-2",children:[u==="left"&&t.jsx("input",{type:"checkbox",id:n,checked:i,onChange:o,className:"cursor-pointer !mt-0"}),t.jsx("label",{htmlFor:n,className:"cursor-pointer !mb-0",children:s}),u==="right"&&t.jsx("input",{type:"checkbox",id:n,checked:i,onChange:o,className:"cursor-pointer !mt-0"})]})}),rr=({placeholder:n="",rows:s=3,maxLength:i,value:o,onChange:c,isDisabled:u=!1,className:d=""})=>{const[b,m]=_.useState(o||""),R=o!==void 0?o:b,E=x=>{const w=x.target.value;c?c(w):m(w)};return t.jsx("textarea",{className:d,placeholder:n,rows:s,maxLength:i,value:R,onChange:E,disabled:u})},tr=({variant:n,title:s,className:i})=>{const o=["success","info","warning","danger"],c=d=>{switch(d){case"success":return"pficon pficon-ok";case"info":return"pficon pficon-info";case"warning":return"pficon pficon-warning-triangle-o";case"danger":return"pficon pficon-error-circle-o";default:return"pficon pficon-info"}};o.includes(n)||(console.warn(`Unsupported alert variant: "${n}". Defaulting to "info".`),n="info");const u=`flex pl-[20px] !static items-center alert alert-${n} ${i||""}`.trim();return t.jsxs("div",{className:u,role:"alert",children:[t.jsx("span",{className:"!static "+c(n)}),t.jsx("div",{className:"ml-5",children:s})]})},nr=({variant:n,children:s,onClick:i})=>{const o=`label label-${n}`,c=i?{tabIndex:0,role:"button","aria-pressed":!1}:{};return t.jsx("span",{className:o,onClick:i,...c,style:{cursor:i?"pointer":void 0},children:s})},ar=n=>{const{label:s,isChecked:i=!1,id:o="radio1",onChange:c,name:u}=n;return t.jsx("div",{className:"radio",children:t.jsxs("label",{htmlFor:o,children:[t.jsx("input",{type:"radio",name:u,id:o,checked:i,onChange:d=>c(d.target.checked)}),s]})})};function sr(n,s){_.useEffect(()=>{if(!n)return;const i=setInterval(()=>{s()},n);return()=>clearInterval(i)},[n])}const ir=()=>t.jsxs("div",{children:[t.jsx(ie,{items:[{title:"Дополнения",active:!0},{title:"Название плагина",href:"#Название плагина"}]}),t.jsx(V,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(M,{children:"Hello"})}),t.jsx(V,{onChange:()=>{},items:[{id:0,title:"5 сек"},{id:1,title:"10 сек"},{id:2,title:"20 сек"}],children:t.jsx(M,{children:"Hello"})})]});p.Alert=tr,p.Breadcrumb=ie,p.Button=M,p.Checkbox=er,p.Dropdown=z,p.DropdownSelect=Qe,p.GroupButtonContainer=V,p.HelpText=Je,p.Input=Be,p.Label=nr,p.Modal=Ue,p.Pagination=oe,p.Radio=ar,p.ReloadButton=ce,p.SampleComp=ir,p.Tab=Me,p.Table=Ge,p.TableToolbar=Ke,p.Tabs=Ve,p.Tbody=He,p.Td=ze,p.TextArea=rr,p.Th=Xe,p.Thead=Ze,p.ToolbarContainer=We,p.Tr=qe,p.useIntervalLoader=sr,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
|