@k8slens/lds 0.54.0 → 0.54.1
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/lib/cjs/Select/Select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx"),a=require("@headlessui/react"),l=require("@k8slens/lds-icons"),r=require("../LoadingIndicator/LoadingIndicator.js"),i=require("./SelectDropdown.js"),o=require("./Option.js"),u=require("./MultiOption.js"),s=require("./Select.module.css.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),f=d(n),m=l.navigation.ArrowDownIcon,p=l.navigation.ArrowUpIcon;module.exports=function(n){var l=n.id,d=n["aria-label"],v=n.value,g=n.options,b=n.onChange,N=n.placeholder,h=void 0===N?"":N,y=n.name,E=n.invalid,C=n.disabled,A=n.className,R=n.dropdownClassName,q=n.itemClassName,w=n.renderContent,x=void 0===w?function(e,t,n){return e?e.label:n}:w,I=n.loading,_=n.title,j=n.openingDirection,D=n.maxHeight,L=n.multiple,k=n.size,B=e.__rest(n,["id","aria-label","value","options","onChange","placeholder","name","invalid","disabled","className","dropdownClassName","itemClassName","renderContent","loading","title","openingDirection","maxHeight","multiple","size"]),O=t.useRef(null),z=t.useRef(null),M=t.useRef([]),H=1===g.length;t.useEffect((function(){var e,t;(null===(e=B.buttonRef)||void 0===e?void 0:e.current)&&(O.current=null===(t=B.buttonRef)||void 0===t?void 0:t.current)}),[B.buttonRef]);var S=t.useMemo((function(){var t=function(e){return!L||!Array.isArray(v)||!v.some((function(t){return t.id===e.id}))};return g.map((function(n){if("options"in n){var a=n.options.filter((function(e){return t(e)}));return a.length>0?e.__assign(e.__assign({},n),{options:a}):null}return t(n)?n:null})).filter((function(e){return null!==e}))}),[L,g,v]),V=t.useMemo((function(){return L?Array.isArray(v)?v:[]:v}),[L,v]);return c.default.createElement(a.Listbox,{value:V,onChange:b,name:y,disabled:C,multiple:L},(function(e){var t,n,N,y=e.open;return c.default.createElement("div",{className:f.default(s.select,A,(t={},t[s.invalid]=E,t[s.locked]=H,t[s.disabled]=C||I,t[s.open]=y,t))},c.default.createElement(a.Listbox.Button,{id:l,ref:B.buttonRef?B.buttonRef:O,"aria-label":d,className:f.default(s.selectButton),title:_},c.default.createElement("span",{className:f.default(s.item,s.selectedItem,(n={},n[s.multiple]=L,n[s.disabled]=C||I,n[s.invalid]=E,n[s.placeholder]=!v,n[s.lg]="lg"===k,n),null!==(N="function"==typeof q?q({disabled:Boolean(C),invalid:Boolean(E)}):q)&&void 0!==N?N:"")},I?c.default.createElement(r,{className:s.loadingIndicator}):L&&Array.isArray(v)?c.default.createElement("span",{className:s.multiOptionContainer},v.map((function(e,t){return c.default.createElement(u,{ref:function(e){return M.current[t]=e},label:e.label,className:"multiOptionClassName"in B?B.multiOptionClassName:void 0,onRemove:function(n){n.stopPropagation();var a=v.filter((function(t){return t.id!==e.id}));b(a),setTimeout((function(){var e,n,l=Math.min(t,a.length-1);a.length>0?null===(e=M.current[l])||void 0===e||e.focus():null===(n=O.current)||void 0===n||n.focus()}),0)},onArrowNavigate:function(e){var n,a="next"===e?t+1:t-1;null===(n=M.current[a])||void 0===n||n.focus()},key:e.id},x(e,{invalid:E,disabled:C},h))}))):x(
|
|
1
|
+
"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx"),a=require("@headlessui/react"),l=require("@k8slens/lds-icons"),r=require("../LoadingIndicator/LoadingIndicator.js"),i=require("./SelectDropdown.js"),o=require("./Option.js"),u=require("./MultiOption.js"),s=require("./Select.module.css.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),f=d(n),m=l.navigation.ArrowDownIcon,p=l.navigation.ArrowUpIcon;module.exports=function(n){var l=n.id,d=n["aria-label"],v=n.value,g=n.options,b=n.onChange,N=n.placeholder,h=void 0===N?"":N,y=n.name,E=n.invalid,C=n.disabled,A=n.className,R=n.dropdownClassName,q=n.itemClassName,w=n.renderContent,x=void 0===w?function(e,t,n){return e?e.label:n}:w,I=n.loading,_=n.title,j=n.openingDirection,D=n.maxHeight,L=n.multiple,k=n.size,B=e.__rest(n,["id","aria-label","value","options","onChange","placeholder","name","invalid","disabled","className","dropdownClassName","itemClassName","renderContent","loading","title","openingDirection","maxHeight","multiple","size"]),O=t.useRef(null),z=t.useRef(null),M=t.useRef([]),H=1===g.length;t.useEffect((function(){var e,t;(null===(e=B.buttonRef)||void 0===e?void 0:e.current)&&(O.current=null===(t=B.buttonRef)||void 0===t?void 0:t.current)}),[B.buttonRef]);var S=t.useMemo((function(){var t=function(e){return!L||!Array.isArray(v)||!v.some((function(t){return t.id===e.id}))};return g.map((function(n){if("options"in n){var a=n.options.filter((function(e){return t(e)}));return a.length>0?e.__assign(e.__assign({},n),{options:a}):null}return t(n)?n:null})).filter((function(e){return null!==e}))}),[L,g,v]),V=t.useMemo((function(){return L?Array.isArray(v)?v:[]:v}),[L,v]);return c.default.createElement(a.Listbox,{value:V,onChange:b,name:y,disabled:C,multiple:L},(function(e){var t,n,N,y=e.open;return c.default.createElement("div",{className:f.default(s.select,A,(t={},t[s.invalid]=E,t[s.locked]=H,t[s.disabled]=C||I,t[s.open]=y,t))},c.default.createElement(a.Listbox.Button,{id:l,ref:B.buttonRef?B.buttonRef:O,"aria-label":d,className:f.default(s.selectButton),title:_},c.default.createElement("span",{className:f.default(s.item,s.selectedItem,(n={},n[s.multiple]=L,n[s.disabled]=C||I,n[s.invalid]=E,n[s.placeholder]=!v,n[s.lg]="lg"===k,n),null!==(N="function"==typeof q?q({disabled:Boolean(C),invalid:Boolean(E)}):q)&&void 0!==N?N:"")},I?c.default.createElement(r,{className:s.loadingIndicator}):L&&Array.isArray(v)?c.default.createElement("span",{className:s.multiOptionContainer},v.map((function(e,t){return c.default.createElement(u,{ref:function(e){return M.current[t]=e},label:e.label,className:"multiOptionClassName"in B?B.multiOptionClassName:void 0,onRemove:function(n){n.stopPropagation();var a=v.filter((function(t){return t.id!==e.id}));b(a),setTimeout((function(){var e,n,l=Math.min(t,a.length-1);a.length>0?null===(e=M.current[l])||void 0===e||e.focus():null===(n=O.current)||void 0===n||n.focus()}),0)},onArrowNavigate:function(e){var n,a="next"===e?t+1:t-1;null===(n=M.current[a])||void 0===n||n.focus()},key:e.id},x(e,{invalid:E,disabled:C},h))}))):x(v,{invalid:E,disabled:C},h)),y&&S.length>0?c.default.createElement(p,{className:s.dropDownIcon}):c.default.createElement(m,{className:s.dropDownIcon})),c.default.createElement(i,{listRef:z,buttonRef:O,openingDirection:j,maxHeight:D,grouped:g.some((function(e){return"options"in e}))},c.default.createElement(a.Listbox.Options,{ref:z,className:f.default(s.dropdown,R)},S.length>0?S.map((function(e){var t;if("options"in e){var n="".concat(e.id,"-label");return c.default.createElement("li",{key:e.id,className:s.group,role:"group","aria-labelledby":n},c.default.createElement("span",{id:n,className:f.default(s.groupLabel,(t={},t[s.lg]="lg"===k,t))},e.label),c.default.createElement("ul",{className:s.groupList},e.options.map((function(e){return c.default.createElement(o,{key:e.id,option:e,currentValues:Array.isArray(v)?v:[v].filter(Boolean),size:k,itemClassName:q,renderContent:x,placeholder:h})}))))}return c.default.createElement(o,{key:e.id,option:e,currentValues:Array.isArray(v)?v:[v].filter(Boolean),size:k,itemClassName:q,renderContent:x,placeholder:h})})):null)))}))};
|
package/lib/es/Select/Select.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e,__assign as n}from"../_virtual/_tslib.js";import t,{useRef as r,useEffect as l,useMemo as o}from"react";import a from"clsx";import{Listbox as i}from"@headlessui/react";import{navigation as s}from"@k8slens/lds-icons";import u from"../LoadingIndicator/LoadingIndicator.js";import c from"./SelectDropdown.js";import m from"./Option.js";import d from"./MultiOption.js";import p from"./Select.module.css.js";var f=s.ArrowDownIcon,v=s.ArrowUpIcon;function g(s){var g=s.id,b=s["aria-label"],N=s.value,h=s.options,y=s.onChange,C=s.placeholder,E=void 0===C?"":C,A=s.name,w=s.invalid,I=s.disabled,R=s.className,D=s.dropdownClassName,j=s.itemClassName,k=s.renderContent,x=void 0===k?function(e,n,t){return e?e.label:t}:k,B=s.loading,O=s.title,z=s.openingDirection,L=s.maxHeight,H=s.multiple,M=s.size,S=e(s,["id","aria-label","value","options","onChange","placeholder","name","invalid","disabled","className","dropdownClassName","itemClassName","renderContent","loading","title","openingDirection","maxHeight","multiple","size"]),V=r(null),_=r(null),P=r([]),T=1===h.length;l((function(){var e,n;(null===(e=S.buttonRef)||void 0===e?void 0:e.current)&&(V.current=null===(n=S.buttonRef)||void 0===n?void 0:n.current)}),[S.buttonRef]);var U=o((function(){var e=function(e){return!H||!Array.isArray(N)||!N.some((function(n){return n.id===e.id}))};return h.map((function(t){if("options"in t){var r=t.options.filter((function(n){return e(n)}));return r.length>0?n(n({},t),{options:r}):null}return e(t)?t:null})).filter((function(e){return null!==e}))}),[H,h,N]),q=o((function(){return H?Array.isArray(N)?N:[]:N}),[H,N]);return t.createElement(i,{value:q,onChange:y,name:A,disabled:I,multiple:H},(function(e){var n,r,l,o=e.open;return t.createElement("div",{className:a(p.select,R,(n={},n[p.invalid]=w,n[p.locked]=T,n[p.disabled]=I||B,n[p.open]=o,n))},t.createElement(i.Button,{id:g,ref:S.buttonRef?S.buttonRef:V,"aria-label":b,className:a(p.selectButton),title:O},t.createElement("span",{className:a(p.item,p.selectedItem,(r={},r[p.multiple]=H,r[p.disabled]=I||B,r[p.invalid]=w,r[p.placeholder]=!N,r[p.lg]="lg"===M,r),null!==(l="function"==typeof j?j({disabled:Boolean(I),invalid:Boolean(w)}):j)&&void 0!==l?l:"")},B?t.createElement(u,{className:p.loadingIndicator}):H&&Array.isArray(N)?t.createElement("span",{className:p.multiOptionContainer},N.map((function(e,n){return t.createElement(d,{ref:function(e){return P.current[n]=e},label:e.label,className:"multiOptionClassName"in S?S.multiOptionClassName:void 0,onRemove:function(t){t.stopPropagation();var r=N.filter((function(n){return n.id!==e.id}));y(r),setTimeout((function(){var e,t,l=Math.min(n,r.length-1);r.length>0?null===(e=P.current[l])||void 0===e||e.focus():null===(t=V.current)||void 0===t||t.focus()}),0)},onArrowNavigate:function(e){var t,r="next"===e?n+1:n-1;null===(t=P.current[r])||void 0===t||t.focus()},key:e.id},x(e,{invalid:w,disabled:I},E))}))):x(
|
|
1
|
+
import{__rest as e,__assign as n}from"../_virtual/_tslib.js";import t,{useRef as r,useEffect as l,useMemo as o}from"react";import a from"clsx";import{Listbox as i}from"@headlessui/react";import{navigation as s}from"@k8slens/lds-icons";import u from"../LoadingIndicator/LoadingIndicator.js";import c from"./SelectDropdown.js";import m from"./Option.js";import d from"./MultiOption.js";import p from"./Select.module.css.js";var f=s.ArrowDownIcon,v=s.ArrowUpIcon;function g(s){var g=s.id,b=s["aria-label"],N=s.value,h=s.options,y=s.onChange,C=s.placeholder,E=void 0===C?"":C,A=s.name,w=s.invalid,I=s.disabled,R=s.className,D=s.dropdownClassName,j=s.itemClassName,k=s.renderContent,x=void 0===k?function(e,n,t){return e?e.label:t}:k,B=s.loading,O=s.title,z=s.openingDirection,L=s.maxHeight,H=s.multiple,M=s.size,S=e(s,["id","aria-label","value","options","onChange","placeholder","name","invalid","disabled","className","dropdownClassName","itemClassName","renderContent","loading","title","openingDirection","maxHeight","multiple","size"]),V=r(null),_=r(null),P=r([]),T=1===h.length;l((function(){var e,n;(null===(e=S.buttonRef)||void 0===e?void 0:e.current)&&(V.current=null===(n=S.buttonRef)||void 0===n?void 0:n.current)}),[S.buttonRef]);var U=o((function(){var e=function(e){return!H||!Array.isArray(N)||!N.some((function(n){return n.id===e.id}))};return h.map((function(t){if("options"in t){var r=t.options.filter((function(n){return e(n)}));return r.length>0?n(n({},t),{options:r}):null}return e(t)?t:null})).filter((function(e){return null!==e}))}),[H,h,N]),q=o((function(){return H?Array.isArray(N)?N:[]:N}),[H,N]);return t.createElement(i,{value:q,onChange:y,name:A,disabled:I,multiple:H},(function(e){var n,r,l,o=e.open;return t.createElement("div",{className:a(p.select,R,(n={},n[p.invalid]=w,n[p.locked]=T,n[p.disabled]=I||B,n[p.open]=o,n))},t.createElement(i.Button,{id:g,ref:S.buttonRef?S.buttonRef:V,"aria-label":b,className:a(p.selectButton),title:O},t.createElement("span",{className:a(p.item,p.selectedItem,(r={},r[p.multiple]=H,r[p.disabled]=I||B,r[p.invalid]=w,r[p.placeholder]=!N,r[p.lg]="lg"===M,r),null!==(l="function"==typeof j?j({disabled:Boolean(I),invalid:Boolean(w)}):j)&&void 0!==l?l:"")},B?t.createElement(u,{className:p.loadingIndicator}):H&&Array.isArray(N)?t.createElement("span",{className:p.multiOptionContainer},N.map((function(e,n){return t.createElement(d,{ref:function(e){return P.current[n]=e},label:e.label,className:"multiOptionClassName"in S?S.multiOptionClassName:void 0,onRemove:function(t){t.stopPropagation();var r=N.filter((function(n){return n.id!==e.id}));y(r),setTimeout((function(){var e,t,l=Math.min(n,r.length-1);r.length>0?null===(e=P.current[l])||void 0===e||e.focus():null===(t=V.current)||void 0===t||t.focus()}),0)},onArrowNavigate:function(e){var t,r="next"===e?n+1:n-1;null===(t=P.current[r])||void 0===t||t.focus()},key:e.id},x(e,{invalid:w,disabled:I},E))}))):x(N,{invalid:w,disabled:I},E)),o&&U.length>0?t.createElement(v,{className:p.dropDownIcon}):t.createElement(f,{className:p.dropDownIcon})),t.createElement(c,{listRef:_,buttonRef:V,openingDirection:z,maxHeight:L,grouped:h.some((function(e){return"options"in e}))},t.createElement(i.Options,{ref:_,className:a(p.dropdown,D)},U.length>0?U.map((function(e){var n;if("options"in e){var r="".concat(e.id,"-label");return t.createElement("li",{key:e.id,className:p.group,role:"group","aria-labelledby":r},t.createElement("span",{id:r,className:a(p.groupLabel,(n={},n[p.lg]="lg"===M,n))},e.label),t.createElement("ul",{className:p.groupList},e.options.map((function(e){return t.createElement(m,{key:e.id,option:e,currentValues:Array.isArray(N)?N:[N].filter(Boolean),size:M,itemClassName:j,renderContent:x,placeholder:E})}))))}return t.createElement(m,{key:e.id,option:e,currentValues:Array.isArray(N)?N:[N].filter(Boolean),size:M,itemClassName:j,renderContent:x,placeholder:E})})):null)))}))}export{g as default};
|
|
@@ -16,4 +16,4 @@
|
|
|
16
16
|
*
|
|
17
17
|
* This source code is licensed under the MIT license found in the
|
|
18
18
|
* LICENSE file in the root directory of this source tree.
|
|
19
|
-
*/"production"===process.env.NODE_ENV?function(){if(Tc)return kc;Tc=1;var e=a.default,t="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},n=e.useState,r=e.useEffect,o=e.useLayoutEffect,i=e.useDebugValue;function l(e){var n=e.getSnapshot;e=e.value;try{var r=n();return!t(e,r)}catch(e){return!0}}var u="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var a=t(),u=n({inst:{value:a,getSnapshot:t}}),s=u[0].inst,c=u[1];return o((function(){s.value=a,s.getSnapshot=t,l(s)&&c({inst:s})}),[e,a,t]),r((function(){return l(s)&&c({inst:s}),e((function(){l(s)&&c({inst:s})}))}),[e]),i(a),a};kc.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u}():Cc||(Cc=1,"production"!==process.env.NODE_ENV&&function(){"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var e=a.default,t=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function n(e){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];!function(e,n,r){var o=t.ReactDebugCurrentFrame.getStackAddendum();""!==o&&(n+="%s",r=r.concat([o]));var a=r.map((function(e){return String(e)}));a.unshift("Warning: "+n),Function.prototype.apply.call(console[e],console,a)}("error",e,r)}var r="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},o=e.useState,i=e.useEffect,l=e.useLayoutEffect,u=e.useDebugValue,s=!1,c=!1;function d(e){var t=e.getSnapshot,n=e.value;try{var o=t();return!r(n,o)}catch(e){return!0}}var f="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t,n){return t()}:function(t,a,f){s||void 0!==e.startTransition&&(s=!0,n("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var p=a();if(!c){var m=a();r(p,m)||(n("The result of getSnapshot should be cached to avoid an infinite loop"),c=!0)}var v=o({inst:{value:p,getSnapshot:a}}),h=v[0].inst,g=v[1];return l((function(){h.value=p,h.getSnapshot=a,d(h)&&g({inst:h})}),[t,p,a]),i((function(){return d(h)&&g({inst:h}),t((function(){d(h)&&g({inst:h})}))}),[t]),u(p),p},p=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:f;Pc.useSyncExternalStore=p,"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)}());var Lc={exports:{}},Mc={exports:{}};(function(){var e,t,n,r,o,a;"undefined"!=typeof performance&&null!==performance&&performance.now?Mc.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(Mc.exports=function(){return(e()-o)/1e6},t=process.hrtime,r=(e=function(){var e;return 1e9*(e=t())[0]+e[1]})(),a=1e9*process.uptime(),o=r-a):Date.now?(Mc.exports=function(){return Date.now()-n},n=Date.now()):(Mc.exports=function(){return(new Date).getTime()-n},n=(new Date).getTime())}).call(f);for(var Ic=Mc.exports,Dc="undefined"==typeof window?f:window,Ac=["moz","webkit"],jc="AnimationFrame",_c=Dc["request"+jc],Fc=Dc["cancel"+jc]||Dc["cancelRequest"+jc],Bc=0;!_c&&Bc<Ac.length;Bc++)_c=Dc[Ac[Bc]+"Request"+jc],Fc=Dc[Ac[Bc]+"Cancel"+jc]||Dc[Ac[Bc]+"CancelRequest"+jc];if(!_c||!Fc){var zc=0,Hc=0,Vc=[];_c=function(e){if(0===Vc.length){var t=Ic(),n=Math.max(0,16.666666666666668-(t-zc));zc=n+t,setTimeout((function(){var e=Vc.slice(0);Vc.length=0;for(var t=0;t<e.length;t++)if(!e[t].cancelled)try{e[t].callback(zc)}catch(e){setTimeout((function(){throw e}),0)}}),Math.round(n))}return Vc.push({handle:++Hc,callback:e,cancelled:!1}),Hc},Fc=function(e){for(var t=0;t<Vc.length;t++)Vc[t].handle===e&&(Vc[t].cancelled=!0)}}Lc.exports=function(e){return _c.call(Dc,e)},Lc.exports.cancel=function(){Fc.apply(Dc,arguments)},Lc.exports.polyfill=function(e){e||(e=Dc),e.requestAnimationFrame=_c,e.cancelAnimationFrame=Fc};var qc="lds-tooltip",$c="lds-tooltip--visible",Uc="lds-tooltip--caret",Wc={subtree:!0,childList:!0,attributes:!1,characterData:!1};var Gc=[{children:[{key:"profile",title:"Your Profile",href:"/profile"},{key:"account",title:"Your Account",href:"/account"},{key:"billing",title:"Your Billing Details",href:"/billing-details"},{key:"email",title:"Your Emails",href:"/emails"},{key:"auth-providers",title:"Your Auth Providers",href:"/auth-providers"},{key:"support",title:"Your Support Portal",href:"https://support.k8slens.dev/hc/en-us",external:!0},{key:"business-id",title:"Lens Business ID",href:"/business"}]},{children:[{key:"logout",title:"Logout",type:"danger"}]}],Qc={userMenuItem:"lds-user-menu-item",button:"lds-user-menu-item--button",disabled:"lds-user-menu-item--disabled",selected:"lds-user-menu-item--selected",icon:"lds-user-menu-item--icon",danger:"lds-user-menu-item--danger",external:"lds-user-menu-item--external",title:"lds-user-menu-item--title"},Kc=function(e,t){return new URL(e,t).pathname},Yc=function(e){var t=e.Icon,n=e.title;return a.default.createElement(a.default.Fragment,null,t?a.default.createElement(t,{className:Qc.icon,size:"sm"}):null,a.default.createElement("span",{className:Qc.title},n))};function Zc(e){var n=e.type,r=void 0===n?"default":n,o=e.title,i=e.icon,l=e.disabled,s=e.external,c=e.onClick,f=e.selected,p=e.href,m=e.origin,v=e.className,h=t.useMemo((function(){return s||!p?p:m?"".concat(m).concat((null==p?void 0:p.startsWith("/"))?p:"/".concat(p)):p}),[p,m,s]),g=t.useMemo((function(){return"boolean"==typeof f?f:!(!h||"undefined"==typeof window)&&Kc(window.location.href,"undefined"!=typeof window?window.location.origin:void 0)===Kc(h,h)}),[h,f]),b=t.useMemo((function(){var e;return d(Qc.userMenuItem,((e={})[Qc[r]]=r&&"default"!==r,e[Qc.disabled]=l,e[Qc.external]=s,e[Qc.selected]=g,e),v)}),[r,l,s,v,g]);return l||f||!h?l||f||!c?a.default.createElement(vr.Item,{disabled:!0},a.default.createElement("span",{className:d(b,Qc.disabled)},a.default.createElement(Yc,{Icon:i,title:o}))):a.default.createElement(vr.Item,null,a.default.createElement("button",{className:d(Qc.button,b),onClick:c},a.default.createElement(Yc,{Icon:i,title:o}))):a.default.createElement(vr.Item,null,a.default.createElement("a",u({className:b,onClick:c,href:h},s?{target:"_blank"}:{},{rel:"noopener noreferrer"}),a.default.createElement(Yc,{Icon:i,title:o})))}var Xc={userMenuDropdown:"lds-user-menu-dropdown",content:"lds-user-menu-dropdown--content",open:"lds-user-menu-dropdown--open",group:"lds-user-menu-dropdown--group",last:"lds-user-menu-dropdown--last"},Jc=Zl("1rem"),ed={name:"offset",options:{offset:function(e){var t=e.placement;return t.startsWith("top")||t.startsWith("bottom")?[0,-1]:[0,0]}}},td={name:"maxSize",enabled:!0,phase:"main",fn:function(e){var t=e.state;if(void 0!==Jc&&"undefined"!=typeof window&&"undefined"!=typeof document){var n=t.elements.reference.getBoundingClientRect(),r=document.documentElement,o=t.placement.endsWith("start")?Math.min(r.clientWidth,window.innerWidth)-n.left-Jc:n.right-Jc,a=t.placement.startsWith("bottom")?Math.min(r.clientHeight,window.innerHeight)-n.bottom-Jc:n.top-Jc;t.styles.popper=u(u({},t.styles.popper),{maxWidth:"".concat(o,"px"),maxHeight:"".concat(a,"px")})}}};function nd(e){var n,r,o=e.header,i=e.footer,l=e.origin,s=e.className,c=e.groups,f=e.open,p=e.buttonRef,m=t.useRef(null),v=nc(null==p?void 0:p.current,null==m?void 0:m.current,{placement:"bottom-start",modifiers:[{name:"flip",options:{fallbackPlacements:["top-start","bottom-end","top-end"]}},{name:"preventOverflow",options:{boundary:"viewport"}},{name:"computeStyles",options:{adaptive:!0}},ed,td]}),h=v.styles,g=v.attributes;return a.default.createElement(Yr,u({show:f,enter:"transition duration-[".concat(Yl,"] ease-in-out"),enterFrom:"transform opacity-0",enterTo:"transform opacity-100",leave:"transition duration-[".concat(Yl,"] ease-in-out"),leaveFrom:"transform opacity-100",leaveTo:"transform opacity-0",className:d(Xc.userMenuDropdown,s),ref:m,style:u(u({},h.popper),{minWidth:null===(r=null==p?void 0:p.current)||void 0===r?void 0:r.offsetWidth})},g.popper),a.default.createElement(vr.Items,{className:d(Xc.content,(n={},n[Xc.open]=f,n))},o,c.map((function(e,t){var n,r=e.children;return a.default.createElement("div",{className:d(Xc.group,(n={},n[Xc.last]=t===c.length-1,n)),key:"group-".concat(t),role:"navigation"},r.map((function(e,t){return a.default.createElement(Zc,{key:"key"in e?e.key:"item-".concat(t),title:e.title,icon:e.icon,type:e.type,disabled:e.disabled,external:e.external,href:e.href,onClick:"onClick"in e?e.onClick:void 0,origin:l})})))})),i))}var rd="lds-user-menu",od="lds-user-menu--button",ad="lds-user-menu--profile-block",id="lds-user-menu--drop-down-icon",ld="lds-user-menu--open",ud="lds-user-menu--disabled",sd=fe,cd=ue;var dd="lds-default-header",fd="lds-default-header--header",pd=function(e){var t=T(e,[]);return a.default.createElement(z,R({icon:oe},t))},md="lds-switch",vd="lds-switch--disabled";e.Avatar=w,e.Badge=function(e){var t,n=e.className,r=e.type,o=void 0===r?"secondary":r,i=e.size,l=void 0===i?"sm":i,c=e.title,f=s(e,["className","type","size","title"]),p="role"in f?f.role:"status",m=!c||f["aria-hidden"];return a.default.createElement("span",u({},f,{"aria-hidden":m,title:c,role:p,className:d(E.badge,(t={},t[E[l]]="sm"!==l,t[E[o]]="secondary"!==o,t),n)}))},e.Button=O,e.ButtonBar=N,e.Checkbox=function(e){var t=e.disabled,n=e.value,r=e.onChange,o=e.className,i=s(e,["disabled","value","onChange","className"]);return a.default.createElement("div",{className:d(ye,o||"")},a.default.createElement("input",u({type:"checkbox",checked:n,onChange:function(e){t||r(!n,e)},disabled:t},i,{className:we})),n&&a.default.createElement(xe,{className:Ee,size:"lg"}))},e.ConfirmDialog=Rl,e.DrawerTransition=Tl,e.Input=Ml,e.LinkButton=Al,e.LoadingIndicator=gl,e.Lozenge=_l,e.Modal=xl,e.Notification=function(e){var n=e.level,r=void 0===n?"info":n,o=e.type,i=void 0===o?"default":o,l=e.title,u=e.message,s=e.flashDuration,c=void 0===s?5e3:s,f=e.onClose,p=e.className,m=t.useState(!0),v=m[0],h=m[1],g=t.useRef(null),b="flash"===i?300:200,y=t.useCallback((function(){"flash"===i&&setTimeout((function(){try{h(!1)}catch(e){}}),c)}),[i,c]);return a.default.createElement(Tl,{open:v,role:"alert",className:d(p,Fl.wrapper,Fl[r],Fl[i]),afterEnter:y,afterExit:f,duration:b},a.default.createElement("div",{ref:g,className:Fl.alert},"success"===r&&a.default.createElement(zl,{size:"xl"}),"info"===r&&a.default.createElement(Vl,{size:"xl"}),("error"===r||"warning"===r)&&a.default.createElement(Hl,{size:"xl"}),a.default.createElement("div",null,l&&a.default.createElement("h5",null,l),a.default.createElement("p",null,u)),"closable"===i&&a.default.createElement("button",{type:"button",onClick:function(){return h(!1)},"aria-label":"Close"},a.default.createElement(Bl,{size:"lg",color:"on-dark"}))))},e.NumberBadge=function(e){var t=e.className,n=e.value,r=e.showZero,o=e.displayPlusSign,i=e.title,l=s(e,["className","value","showZero","displayPlusSign","title"]);if(null==n||0===n&&!r)return null;var c=function(e){var t=Math.abs(e),n=e<0?"-":"";return t>=1e6?t>99e6?$l(e/1e6).replace(/\+$/,"M+"):"".concat(n).concat((t/1e6).toFixed(1),"M"):t>=1e3?t>99e3?$l(e/1e3).replace(/\+$/,"k+"):"".concat(n).concat((t/1e3).toFixed(1),"k"):$l(e)}(n);n>0&&o&&(c="+".concat(c));var f="role"in l?l.role:"status",p=!i||l["aria-hidden"];return a.default.createElement(_l,u({},l,{"aria-hidden":p,title:i,className:d(ql,t),role:f,size:"sm"}),c)},e.Panel=wl,e.ProfileBlock=Ql,e.ProgressBar=function(e){var t,n=e.value,r=e.type,o=void 0===r?"default":r,i=e.max,l=void 0===i?1:i,c=e.title,f=e.className,p=s(e,["value","type","max","title","className"]),m=isNaN(n)?0:Math.max(0,n),v=isNaN(l)||l<=0?1:l,h=Math.min(100,Math.round(m/v*100)),g=c||"".concat(h,"%");return a.default.createElement("progress",u({},p,{className:d(Kl.progressBar,f,(t={},t[Kl[o]]="default"!==o,t)),value:m,max:v,"aria-valuetext":g,title:c}),g)},e.RadioCard=function(e){var t=e.id,n=e["aria-label"],r=e.value,o=e.options,i=e.onChange,l=e.name,c=e.invalid,f=e.disabled,p=e.itemClassName,m=e.className,v=e.renderItem,h=void 0===v?function(e){return a.default.createElement("span",{className:cu},a.default.createElement("span",{className:du},e.label),a.default.createElement("span",{className:fu},e.subtitle))}:v,g=s(e,["id","aria-label","value","options","onChange","name","invalid","disabled","itemClassName","className","renderItem"]);return a.default.createElement(Mr,u({},g,{id:t,by:"id",value:r,onChange:i,"aria-label":n,className:d(lu,m),name:l}),o.map((function(e){return a.default.createElement(Mr.Option,{key:e.id,value:e,disabled:f||e.disabled,className:function(e){var t,n=e.checked;return d(uu,p,((t={})[pu]=n,t[mu]=c,t))}},(function(t){var n=t.checked;return a.default.createElement(a.default.Fragment,null,a.default.createElement("span",{className:su},a.default.createElement("span",null)),h(e,{invalid:c,selected:n,disabled:f||e.disabled}))}))})))},e.Select=function(e){var n=e.id,r=e["aria-label"],o=e.value,i=e.options,l=e.onChange,c=e.placeholder,f=void 0===c?"":c,p=e.name,m=e.invalid,v=e.disabled,h=e.className,g=e.dropdownClassName,b=e.itemClassName,y=e.renderContent,w=void 0===y?function(e,t,n){return e?e.label:n}:y,E=e.loading,x=e.title,O=e.openingDirection,S=e.maxHeight,N=e.multiple,R=e.size,T=s(e,["id","aria-label","value","options","onChange","placeholder","name","invalid","disabled","className","dropdownClassName","itemClassName","renderContent","loading","title","openingDirection","maxHeight","multiple","size"]),k=t.useRef(null),C=t.useRef(null),P=t.useRef([]),L=1===i.length;t.useEffect((function(){var e,t;(null===(e=T.buttonRef)||void 0===e?void 0:e.current)&&(k.current=null===(t=T.buttonRef)||void 0===t?void 0:t.current)}),[T.buttonRef]);var M=t.useMemo((function(){var e=function(e){return!N||!Array.isArray(o)||!o.some((function(t){return t.id===e.id}))};return i.map((function(t){if("options"in t){var n=t.options.filter((function(t){return e(t)}));return n.length>0?u(u({},t),{options:n}):null}return e(t)?t:null})).filter((function(e){return null!==e}))}),[N,i,o]),I=t.useMemo((function(){return N?Array.isArray(o)?o:[]:o}),[N,o]);return a.default.createElement(Jn,{value:I,onChange:l,name:p,disabled:v,multiple:N},(function(e){var t,u,s,c=e.open;return a.default.createElement("div",{className:d(tu.select,h,(t={},t[tu.invalid]=m,t[tu.locked]=L,t[tu.disabled]=v||E,t[tu.open]=c,t))},a.default.createElement(Jn.Button,{id:n,ref:T.buttonRef?T.buttonRef:k,"aria-label":r,className:d(tu.selectButton),title:x},a.default.createElement("span",{className:d(tu.item,tu.selectedItem,(u={},u[tu.multiple]=N,u[tu.disabled]=v||E,u[tu.invalid]=m,u[tu.placeholder]=!o,u[tu.lg]="lg"===R,u),null!==(s="function"==typeof b?b({disabled:Boolean(v),invalid:Boolean(m)}):b)&&void 0!==s?s:"")},E?a.default.createElement(gl,{className:tu.loadingIndicator}):N&&Array.isArray(o)?a.default.createElement("span",{className:tu.multiOptionContainer},o.map((function(e,t){return a.default.createElement(ou,{ref:function(e){return P.current[t]=e},label:e.label,className:"multiOptionClassName"in T?T.multiOptionClassName:void 0,onRemove:function(n){n.stopPropagation();var r=o.filter((function(t){return t.id!==e.id}));l(r),setTimeout((function(){var e,n,o=Math.min(t,r.length-1);r.length>0?null===(e=P.current[o])||void 0===e||e.focus():null===(n=k.current)||void 0===n||n.focus()}),0)},onArrowNavigate:function(e){var n,r="next"===e?t+1:t-1;null===(n=P.current[r])||void 0===n||n.focus()},key:e.id},w(e,{invalid:m,disabled:v},f))}))):w(null,{invalid:m,disabled:v},f)),c&&M.length>0?a.default.createElement(iu,{className:tu.dropDownIcon}):a.default.createElement(au,{className:tu.dropDownIcon})),a.default.createElement(eu,{listRef:C,buttonRef:k,openingDirection:O,maxHeight:S,grouped:i.some((function(e){return"options"in e}))},a.default.createElement(Jn.Options,{ref:C,className:d(tu.dropdown,g)},M.length>0?M.map((function(e){var t;if("options"in e){var n="".concat(e.id,"-label");return a.default.createElement("li",{key:e.id,className:tu.group,role:"group","aria-labelledby":n},a.default.createElement("span",{id:n,className:d(tu.groupLabel,(t={},t[tu.lg]="lg"===R,t))},e.label),a.default.createElement("ul",{className:tu.groupList},e.options.map((function(e){return a.default.createElement(nu,{key:e.id,option:e,currentValues:Array.isArray(o)?o:[o].filter(Boolean),size:R,itemClassName:b,renderContent:w,placeholder:f})}))))}return a.default.createElement(nu,{key:e.id,option:e,currentValues:Array.isArray(o)?o:[o].filter(Boolean),size:R,itemClassName:b,renderContent:w,placeholder:f})})):null)))}))},e.SideNav=gu,e.SideNavGroup=Eu,e.SideNavItem=Ou,e.Switch=function(e){var t,n=e.className,r=e.children,o=e.disabled,i=e.onChange,l=s(e,["className","children","disabled","onChange"]);return a.default.createElement("label",{className:d(md,n,(t={},t[vd]=o,t)),"data-testid":"switch"},r,a.default.createElement("input",u({type:"checkbox",role:"switch",disabled:o,onChange:function(e){return null==i?void 0:i(e.target.checked,e)}},l)))},e.Tooltip=function(e){var n,r=e.id,o=e.wrapper,i=void 0===o?"span":o,l=e.mutationsListenerElement,c=e.popupClassName,f=e.placement,p=void 0===f?"auto":f,m=e.alwaysVisible,v=void 0!==m&&m,h=e.text,g=e.children,b=s(e,["id","wrapper","mutationsListenerElement","popupClassName","placement","alwaysVisible","text","children"]),y=t.useMemo((function(){return"tooltip-".concat(r||Math.random().toString(36).substr(2,9))}),[r]),w=t.useMemo((function(){return l||("undefined"!=typeof document&&"body"in document?document.body:null)}),[l]),E=t.useRef(null),x=t.useRef(null),O=t.useRef(w),S=t.useState(v),N=S[0],R=S[1],T=t.useState(),k=T[0],C=T[1],P=t.useCallback((function(e){C(e)}),[]),L=t.useMemo((function(){return[{name:"offset",options:{offset:[20,0]}},{name:"arrow",options:{padding:6}}]}),[]),M=nc(null==x?void 0:x.current,k,{placement:p,modifiers:L,strategy:"fixed"}),I=M.styles,D=M.attributes,A=M.update,j=xc((function(){var e;null===(e=null==A?void 0:A())||void 0===e||e.catch((function(e){console.error(e)}))}),250);!function(e,n,r=Sc){t.useEffect((()=>{if(e.current){const t=new MutationObserver(n);return t.observe(e.current,r),()=>{t.disconnect()}}return Oc}),[n,r,e])}(O,j,Wc);var _=function(e){v||(R(!0),j())},F=function(e){v||(R(!1),j())};return a.default.createElement(i,u({id:r,ref:x},b,{onFocus:_,onBlur:F,onMouseEnter:_,onMouseMove:_,onMouseLeave:F,"aria-describedby":y}),g,a.default.createElement("div",u({id:y,ref:P,className:d(c,qc,(n={"lds-only-aria":!N},n[$c]=N,n)),style:u({},I.popper)},D.popper),a.default.createElement("div",{"data-popper-arrow":!0,ref:E,className:Uc,style:I.arrow}),h))},e.UserMenu=function(e){var n=e.user,r=e.header,o=e.footer,i=e.origin,l=void 0===i?"https://app.k8slens.dev":i,c=e.className,f=e.onLogoutClick,p=e.loading,m=s(e,["user","header","footer","origin","className","onLogoutClick","loading"]),v=t.useRef(null),h=m.buttonRef?m.buttonRef:v,g=t.useMemo((function(){return("items"in m?m.items:Gc).map((function(e){return{children:e.children.map((function(e){return"logout"===e.key?u(u({},e),{onClick:f}):e}))}}))}),[m,f]),b=t.useMemo((function(){return{avatar:n.avatar,avatarTitle:n.name,title:"@".concat(n.username),subtitle:n.name}}),[n]);return a.default.createElement(vr,null,(function(e){var t,n=e.open;return a.default.createElement("div",{className:d(rd,c)},a.default.createElement(vr.Button,{className:d(od,(t={},t[ld]=n,t[ud]=p,t)),ref:h,disabled:p},a.default.createElement(Ql,{item:b,loading:p,className:ad}),n?a.default.createElement(cd,{className:id}):a.default.createElement(sd,{className:id})),a.default.createElement(nd,{open:n,header:r,footer:o,origin:l,groups:g,buttonRef:h}))}))},e.UserMenuDefaultHeader=function(e){var t=e.licenseText,n=e.noLicenseText,r=void 0===n?"No subscription":n,o=e.onClick,i=e.disabled,l=void 0===i||i;return a.default.createElement(Zc,{className:d(dd,fd),title:t||r,icon:pd,disabled:l,onClick:o})},e.useConfirmDialog=function(){var e=t.useState(null),n=e[0],r=e[1],o=t.useState(""),i=o[0],l=o[1],s=t.useState({}),c=s[0],d=s[1],f=t.useState(""),p=f[0],m=f[1],v=t.useState(!1),h=v[0],g=v[1],b=t.useCallback((function(e,t,n){return void 0===n&&(n={}),g(!0),l(e),m(t||""),d(n),new Promise((function(e){r({resolve:e})}))}),[r,g]),y=t.useCallback((function(){r(null),g(!1),l(""),m(""),d({})}),[r,g,m,l,d]);return{ConfirmDialog:t.useMemo((function(){return h?a.default.createElement(Rl,u({title:i,message:p,handleClose:y,handleConfirm:function(){null==n||n.resolve(!0),y()},handleCancel:function(){null==n||n.resolve(!1),y()}},c)):null}),[h,i,p,n,c,y]),confirm:b}},Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
19
|
+
*/"production"===process.env.NODE_ENV?function(){if(Tc)return kc;Tc=1;var e=a.default,t="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},n=e.useState,r=e.useEffect,o=e.useLayoutEffect,i=e.useDebugValue;function l(e){var n=e.getSnapshot;e=e.value;try{var r=n();return!t(e,r)}catch(e){return!0}}var u="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var a=t(),u=n({inst:{value:a,getSnapshot:t}}),s=u[0].inst,c=u[1];return o((function(){s.value=a,s.getSnapshot=t,l(s)&&c({inst:s})}),[e,a,t]),r((function(){return l(s)&&c({inst:s}),e((function(){l(s)&&c({inst:s})}))}),[e]),i(a),a};kc.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u}():Cc||(Cc=1,"production"!==process.env.NODE_ENV&&function(){"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var e=a.default,t=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function n(e){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];!function(e,n,r){var o=t.ReactDebugCurrentFrame.getStackAddendum();""!==o&&(n+="%s",r=r.concat([o]));var a=r.map((function(e){return String(e)}));a.unshift("Warning: "+n),Function.prototype.apply.call(console[e],console,a)}("error",e,r)}var r="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},o=e.useState,i=e.useEffect,l=e.useLayoutEffect,u=e.useDebugValue,s=!1,c=!1;function d(e){var t=e.getSnapshot,n=e.value;try{var o=t();return!r(n,o)}catch(e){return!0}}var f="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t,n){return t()}:function(t,a,f){s||void 0!==e.startTransition&&(s=!0,n("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var p=a();if(!c){var m=a();r(p,m)||(n("The result of getSnapshot should be cached to avoid an infinite loop"),c=!0)}var v=o({inst:{value:p,getSnapshot:a}}),h=v[0].inst,g=v[1];return l((function(){h.value=p,h.getSnapshot=a,d(h)&&g({inst:h})}),[t,p,a]),i((function(){return d(h)&&g({inst:h}),t((function(){d(h)&&g({inst:h})}))}),[t]),u(p),p},p=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:f;Pc.useSyncExternalStore=p,"undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)}());var Lc={exports:{}},Mc={exports:{}};(function(){var e,t,n,r,o,a;"undefined"!=typeof performance&&null!==performance&&performance.now?Mc.exports=function(){return performance.now()}:"undefined"!=typeof process&&null!==process&&process.hrtime?(Mc.exports=function(){return(e()-o)/1e6},t=process.hrtime,r=(e=function(){var e;return 1e9*(e=t())[0]+e[1]})(),a=1e9*process.uptime(),o=r-a):Date.now?(Mc.exports=function(){return Date.now()-n},n=Date.now()):(Mc.exports=function(){return(new Date).getTime()-n},n=(new Date).getTime())}).call(f);for(var Ic=Mc.exports,Dc="undefined"==typeof window?f:window,Ac=["moz","webkit"],jc="AnimationFrame",_c=Dc["request"+jc],Fc=Dc["cancel"+jc]||Dc["cancelRequest"+jc],Bc=0;!_c&&Bc<Ac.length;Bc++)_c=Dc[Ac[Bc]+"Request"+jc],Fc=Dc[Ac[Bc]+"Cancel"+jc]||Dc[Ac[Bc]+"CancelRequest"+jc];if(!_c||!Fc){var zc=0,Hc=0,Vc=[];_c=function(e){if(0===Vc.length){var t=Ic(),n=Math.max(0,16.666666666666668-(t-zc));zc=n+t,setTimeout((function(){var e=Vc.slice(0);Vc.length=0;for(var t=0;t<e.length;t++)if(!e[t].cancelled)try{e[t].callback(zc)}catch(e){setTimeout((function(){throw e}),0)}}),Math.round(n))}return Vc.push({handle:++Hc,callback:e,cancelled:!1}),Hc},Fc=function(e){for(var t=0;t<Vc.length;t++)Vc[t].handle===e&&(Vc[t].cancelled=!0)}}Lc.exports=function(e){return _c.call(Dc,e)},Lc.exports.cancel=function(){Fc.apply(Dc,arguments)},Lc.exports.polyfill=function(e){e||(e=Dc),e.requestAnimationFrame=_c,e.cancelAnimationFrame=Fc};var qc="lds-tooltip",$c="lds-tooltip--visible",Uc="lds-tooltip--caret",Wc={subtree:!0,childList:!0,attributes:!1,characterData:!1};var Gc=[{children:[{key:"profile",title:"Your Profile",href:"/profile"},{key:"account",title:"Your Account",href:"/account"},{key:"billing",title:"Your Billing Details",href:"/billing-details"},{key:"email",title:"Your Emails",href:"/emails"},{key:"auth-providers",title:"Your Auth Providers",href:"/auth-providers"},{key:"support",title:"Your Support Portal",href:"https://support.k8slens.dev/hc/en-us",external:!0},{key:"business-id",title:"Lens Business ID",href:"/business"}]},{children:[{key:"logout",title:"Logout",type:"danger"}]}],Qc={userMenuItem:"lds-user-menu-item",button:"lds-user-menu-item--button",disabled:"lds-user-menu-item--disabled",selected:"lds-user-menu-item--selected",icon:"lds-user-menu-item--icon",danger:"lds-user-menu-item--danger",external:"lds-user-menu-item--external",title:"lds-user-menu-item--title"},Kc=function(e,t){return new URL(e,t).pathname},Yc=function(e){var t=e.Icon,n=e.title;return a.default.createElement(a.default.Fragment,null,t?a.default.createElement(t,{className:Qc.icon,size:"sm"}):null,a.default.createElement("span",{className:Qc.title},n))};function Zc(e){var n=e.type,r=void 0===n?"default":n,o=e.title,i=e.icon,l=e.disabled,s=e.external,c=e.onClick,f=e.selected,p=e.href,m=e.origin,v=e.className,h=t.useMemo((function(){return s||!p?p:m?"".concat(m).concat((null==p?void 0:p.startsWith("/"))?p:"/".concat(p)):p}),[p,m,s]),g=t.useMemo((function(){return"boolean"==typeof f?f:!(!h||"undefined"==typeof window)&&Kc(window.location.href,"undefined"!=typeof window?window.location.origin:void 0)===Kc(h,h)}),[h,f]),b=t.useMemo((function(){var e;return d(Qc.userMenuItem,((e={})[Qc[r]]=r&&"default"!==r,e[Qc.disabled]=l,e[Qc.external]=s,e[Qc.selected]=g,e),v)}),[r,l,s,v,g]);return l||f||!h?l||f||!c?a.default.createElement(vr.Item,{disabled:!0},a.default.createElement("span",{className:d(b,Qc.disabled)},a.default.createElement(Yc,{Icon:i,title:o}))):a.default.createElement(vr.Item,null,a.default.createElement("button",{className:d(Qc.button,b),onClick:c},a.default.createElement(Yc,{Icon:i,title:o}))):a.default.createElement(vr.Item,null,a.default.createElement("a",u({className:b,onClick:c,href:h},s?{target:"_blank"}:{},{rel:"noopener noreferrer"}),a.default.createElement(Yc,{Icon:i,title:o})))}var Xc={userMenuDropdown:"lds-user-menu-dropdown",content:"lds-user-menu-dropdown--content",open:"lds-user-menu-dropdown--open",group:"lds-user-menu-dropdown--group",last:"lds-user-menu-dropdown--last"},Jc=Zl("1rem"),ed={name:"offset",options:{offset:function(e){var t=e.placement;return t.startsWith("top")||t.startsWith("bottom")?[0,-1]:[0,0]}}},td={name:"maxSize",enabled:!0,phase:"main",fn:function(e){var t=e.state;if(void 0!==Jc&&"undefined"!=typeof window&&"undefined"!=typeof document){var n=t.elements.reference.getBoundingClientRect(),r=document.documentElement,o=t.placement.endsWith("start")?Math.min(r.clientWidth,window.innerWidth)-n.left-Jc:n.right-Jc,a=t.placement.startsWith("bottom")?Math.min(r.clientHeight,window.innerHeight)-n.bottom-Jc:n.top-Jc;t.styles.popper=u(u({},t.styles.popper),{maxWidth:"".concat(o,"px"),maxHeight:"".concat(a,"px")})}}};function nd(e){var n,r,o=e.header,i=e.footer,l=e.origin,s=e.className,c=e.groups,f=e.open,p=e.buttonRef,m=t.useRef(null),v=nc(null==p?void 0:p.current,null==m?void 0:m.current,{placement:"bottom-start",modifiers:[{name:"flip",options:{fallbackPlacements:["top-start","bottom-end","top-end"]}},{name:"preventOverflow",options:{boundary:"viewport"}},{name:"computeStyles",options:{adaptive:!0}},ed,td]}),h=v.styles,g=v.attributes;return a.default.createElement(Yr,u({show:f,enter:"transition duration-[".concat(Yl,"] ease-in-out"),enterFrom:"transform opacity-0",enterTo:"transform opacity-100",leave:"transition duration-[".concat(Yl,"] ease-in-out"),leaveFrom:"transform opacity-100",leaveTo:"transform opacity-0",className:d(Xc.userMenuDropdown,s),ref:m,style:u(u({},h.popper),{minWidth:null===(r=null==p?void 0:p.current)||void 0===r?void 0:r.offsetWidth})},g.popper),a.default.createElement(vr.Items,{className:d(Xc.content,(n={},n[Xc.open]=f,n))},o,c.map((function(e,t){var n,r=e.children;return a.default.createElement("div",{className:d(Xc.group,(n={},n[Xc.last]=t===c.length-1,n)),key:"group-".concat(t),role:"navigation"},r.map((function(e,t){return a.default.createElement(Zc,{key:"key"in e?e.key:"item-".concat(t),title:e.title,icon:e.icon,type:e.type,disabled:e.disabled,external:e.external,href:e.href,onClick:"onClick"in e?e.onClick:void 0,origin:l})})))})),i))}var rd="lds-user-menu",od="lds-user-menu--button",ad="lds-user-menu--profile-block",id="lds-user-menu--drop-down-icon",ld="lds-user-menu--open",ud="lds-user-menu--disabled",sd=fe,cd=ue;var dd="lds-default-header",fd="lds-default-header--header",pd=function(e){var t=T(e,[]);return a.default.createElement(z,R({icon:oe},t))},md="lds-switch",vd="lds-switch--disabled";e.Avatar=w,e.Badge=function(e){var t,n=e.className,r=e.type,o=void 0===r?"secondary":r,i=e.size,l=void 0===i?"sm":i,c=e.title,f=s(e,["className","type","size","title"]),p="role"in f?f.role:"status",m=!c||f["aria-hidden"];return a.default.createElement("span",u({},f,{"aria-hidden":m,title:c,role:p,className:d(E.badge,(t={},t[E[l]]="sm"!==l,t[E[o]]="secondary"!==o,t),n)}))},e.Button=O,e.ButtonBar=N,e.Checkbox=function(e){var t=e.disabled,n=e.value,r=e.onChange,o=e.className,i=s(e,["disabled","value","onChange","className"]);return a.default.createElement("div",{className:d(ye,o||"")},a.default.createElement("input",u({type:"checkbox",checked:n,onChange:function(e){t||r(!n,e)},disabled:t},i,{className:we})),n&&a.default.createElement(xe,{className:Ee,size:"lg"}))},e.ConfirmDialog=Rl,e.DrawerTransition=Tl,e.Input=Ml,e.LinkButton=Al,e.LoadingIndicator=gl,e.Lozenge=_l,e.Modal=xl,e.Notification=function(e){var n=e.level,r=void 0===n?"info":n,o=e.type,i=void 0===o?"default":o,l=e.title,u=e.message,s=e.flashDuration,c=void 0===s?5e3:s,f=e.onClose,p=e.className,m=t.useState(!0),v=m[0],h=m[1],g=t.useRef(null),b="flash"===i?300:200,y=t.useCallback((function(){"flash"===i&&setTimeout((function(){try{h(!1)}catch(e){}}),c)}),[i,c]);return a.default.createElement(Tl,{open:v,role:"alert",className:d(p,Fl.wrapper,Fl[r],Fl[i]),afterEnter:y,afterExit:f,duration:b},a.default.createElement("div",{ref:g,className:Fl.alert},"success"===r&&a.default.createElement(zl,{size:"xl"}),"info"===r&&a.default.createElement(Vl,{size:"xl"}),("error"===r||"warning"===r)&&a.default.createElement(Hl,{size:"xl"}),a.default.createElement("div",null,l&&a.default.createElement("h5",null,l),a.default.createElement("p",null,u)),"closable"===i&&a.default.createElement("button",{type:"button",onClick:function(){return h(!1)},"aria-label":"Close"},a.default.createElement(Bl,{size:"lg",color:"on-dark"}))))},e.NumberBadge=function(e){var t=e.className,n=e.value,r=e.showZero,o=e.displayPlusSign,i=e.title,l=s(e,["className","value","showZero","displayPlusSign","title"]);if(null==n||0===n&&!r)return null;var c=function(e){var t=Math.abs(e),n=e<0?"-":"";return t>=1e6?t>99e6?$l(e/1e6).replace(/\+$/,"M+"):"".concat(n).concat((t/1e6).toFixed(1),"M"):t>=1e3?t>99e3?$l(e/1e3).replace(/\+$/,"k+"):"".concat(n).concat((t/1e3).toFixed(1),"k"):$l(e)}(n);n>0&&o&&(c="+".concat(c));var f="role"in l?l.role:"status",p=!i||l["aria-hidden"];return a.default.createElement(_l,u({},l,{"aria-hidden":p,title:i,className:d(ql,t),role:f,size:"sm"}),c)},e.Panel=wl,e.ProfileBlock=Ql,e.ProgressBar=function(e){var t,n=e.value,r=e.type,o=void 0===r?"default":r,i=e.max,l=void 0===i?1:i,c=e.title,f=e.className,p=s(e,["value","type","max","title","className"]),m=isNaN(n)?0:Math.max(0,n),v=isNaN(l)||l<=0?1:l,h=Math.min(100,Math.round(m/v*100)),g=c||"".concat(h,"%");return a.default.createElement("progress",u({},p,{className:d(Kl.progressBar,f,(t={},t[Kl[o]]="default"!==o,t)),value:m,max:v,"aria-valuetext":g,title:c}),g)},e.RadioCard=function(e){var t=e.id,n=e["aria-label"],r=e.value,o=e.options,i=e.onChange,l=e.name,c=e.invalid,f=e.disabled,p=e.itemClassName,m=e.className,v=e.renderItem,h=void 0===v?function(e){return a.default.createElement("span",{className:cu},a.default.createElement("span",{className:du},e.label),a.default.createElement("span",{className:fu},e.subtitle))}:v,g=s(e,["id","aria-label","value","options","onChange","name","invalid","disabled","itemClassName","className","renderItem"]);return a.default.createElement(Mr,u({},g,{id:t,by:"id",value:r,onChange:i,"aria-label":n,className:d(lu,m),name:l}),o.map((function(e){return a.default.createElement(Mr.Option,{key:e.id,value:e,disabled:f||e.disabled,className:function(e){var t,n=e.checked;return d(uu,p,((t={})[pu]=n,t[mu]=c,t))}},(function(t){var n=t.checked;return a.default.createElement(a.default.Fragment,null,a.default.createElement("span",{className:su},a.default.createElement("span",null)),h(e,{invalid:c,selected:n,disabled:f||e.disabled}))}))})))},e.Select=function(e){var n=e.id,r=e["aria-label"],o=e.value,i=e.options,l=e.onChange,c=e.placeholder,f=void 0===c?"":c,p=e.name,m=e.invalid,v=e.disabled,h=e.className,g=e.dropdownClassName,b=e.itemClassName,y=e.renderContent,w=void 0===y?function(e,t,n){return e?e.label:n}:y,E=e.loading,x=e.title,O=e.openingDirection,S=e.maxHeight,N=e.multiple,R=e.size,T=s(e,["id","aria-label","value","options","onChange","placeholder","name","invalid","disabled","className","dropdownClassName","itemClassName","renderContent","loading","title","openingDirection","maxHeight","multiple","size"]),k=t.useRef(null),C=t.useRef(null),P=t.useRef([]),L=1===i.length;t.useEffect((function(){var e,t;(null===(e=T.buttonRef)||void 0===e?void 0:e.current)&&(k.current=null===(t=T.buttonRef)||void 0===t?void 0:t.current)}),[T.buttonRef]);var M=t.useMemo((function(){var e=function(e){return!N||!Array.isArray(o)||!o.some((function(t){return t.id===e.id}))};return i.map((function(t){if("options"in t){var n=t.options.filter((function(t){return e(t)}));return n.length>0?u(u({},t),{options:n}):null}return e(t)?t:null})).filter((function(e){return null!==e}))}),[N,i,o]),I=t.useMemo((function(){return N?Array.isArray(o)?o:[]:o}),[N,o]);return a.default.createElement(Jn,{value:I,onChange:l,name:p,disabled:v,multiple:N},(function(e){var t,u,s,c=e.open;return a.default.createElement("div",{className:d(tu.select,h,(t={},t[tu.invalid]=m,t[tu.locked]=L,t[tu.disabled]=v||E,t[tu.open]=c,t))},a.default.createElement(Jn.Button,{id:n,ref:T.buttonRef?T.buttonRef:k,"aria-label":r,className:d(tu.selectButton),title:x},a.default.createElement("span",{className:d(tu.item,tu.selectedItem,(u={},u[tu.multiple]=N,u[tu.disabled]=v||E,u[tu.invalid]=m,u[tu.placeholder]=!o,u[tu.lg]="lg"===R,u),null!==(s="function"==typeof b?b({disabled:Boolean(v),invalid:Boolean(m)}):b)&&void 0!==s?s:"")},E?a.default.createElement(gl,{className:tu.loadingIndicator}):N&&Array.isArray(o)?a.default.createElement("span",{className:tu.multiOptionContainer},o.map((function(e,t){return a.default.createElement(ou,{ref:function(e){return P.current[t]=e},label:e.label,className:"multiOptionClassName"in T?T.multiOptionClassName:void 0,onRemove:function(n){n.stopPropagation();var r=o.filter((function(t){return t.id!==e.id}));l(r),setTimeout((function(){var e,n,o=Math.min(t,r.length-1);r.length>0?null===(e=P.current[o])||void 0===e||e.focus():null===(n=k.current)||void 0===n||n.focus()}),0)},onArrowNavigate:function(e){var n,r="next"===e?t+1:t-1;null===(n=P.current[r])||void 0===n||n.focus()},key:e.id},w(e,{invalid:m,disabled:v},f))}))):w(o,{invalid:m,disabled:v},f)),c&&M.length>0?a.default.createElement(iu,{className:tu.dropDownIcon}):a.default.createElement(au,{className:tu.dropDownIcon})),a.default.createElement(eu,{listRef:C,buttonRef:k,openingDirection:O,maxHeight:S,grouped:i.some((function(e){return"options"in e}))},a.default.createElement(Jn.Options,{ref:C,className:d(tu.dropdown,g)},M.length>0?M.map((function(e){var t;if("options"in e){var n="".concat(e.id,"-label");return a.default.createElement("li",{key:e.id,className:tu.group,role:"group","aria-labelledby":n},a.default.createElement("span",{id:n,className:d(tu.groupLabel,(t={},t[tu.lg]="lg"===R,t))},e.label),a.default.createElement("ul",{className:tu.groupList},e.options.map((function(e){return a.default.createElement(nu,{key:e.id,option:e,currentValues:Array.isArray(o)?o:[o].filter(Boolean),size:R,itemClassName:b,renderContent:w,placeholder:f})}))))}return a.default.createElement(nu,{key:e.id,option:e,currentValues:Array.isArray(o)?o:[o].filter(Boolean),size:R,itemClassName:b,renderContent:w,placeholder:f})})):null)))}))},e.SideNav=gu,e.SideNavGroup=Eu,e.SideNavItem=Ou,e.Switch=function(e){var t,n=e.className,r=e.children,o=e.disabled,i=e.onChange,l=s(e,["className","children","disabled","onChange"]);return a.default.createElement("label",{className:d(md,n,(t={},t[vd]=o,t)),"data-testid":"switch"},r,a.default.createElement("input",u({type:"checkbox",role:"switch",disabled:o,onChange:function(e){return null==i?void 0:i(e.target.checked,e)}},l)))},e.Tooltip=function(e){var n,r=e.id,o=e.wrapper,i=void 0===o?"span":o,l=e.mutationsListenerElement,c=e.popupClassName,f=e.placement,p=void 0===f?"auto":f,m=e.alwaysVisible,v=void 0!==m&&m,h=e.text,g=e.children,b=s(e,["id","wrapper","mutationsListenerElement","popupClassName","placement","alwaysVisible","text","children"]),y=t.useMemo((function(){return"tooltip-".concat(r||Math.random().toString(36).substr(2,9))}),[r]),w=t.useMemo((function(){return l||("undefined"!=typeof document&&"body"in document?document.body:null)}),[l]),E=t.useRef(null),x=t.useRef(null),O=t.useRef(w),S=t.useState(v),N=S[0],R=S[1],T=t.useState(),k=T[0],C=T[1],P=t.useCallback((function(e){C(e)}),[]),L=t.useMemo((function(){return[{name:"offset",options:{offset:[20,0]}},{name:"arrow",options:{padding:6}}]}),[]),M=nc(null==x?void 0:x.current,k,{placement:p,modifiers:L,strategy:"fixed"}),I=M.styles,D=M.attributes,A=M.update,j=xc((function(){var e;null===(e=null==A?void 0:A())||void 0===e||e.catch((function(e){console.error(e)}))}),250);!function(e,n,r=Sc){t.useEffect((()=>{if(e.current){const t=new MutationObserver(n);return t.observe(e.current,r),()=>{t.disconnect()}}return Oc}),[n,r,e])}(O,j,Wc);var _=function(e){v||(R(!0),j())},F=function(e){v||(R(!1),j())};return a.default.createElement(i,u({id:r,ref:x},b,{onFocus:_,onBlur:F,onMouseEnter:_,onMouseMove:_,onMouseLeave:F,"aria-describedby":y}),g,a.default.createElement("div",u({id:y,ref:P,className:d(c,qc,(n={"lds-only-aria":!N},n[$c]=N,n)),style:u({},I.popper)},D.popper),a.default.createElement("div",{"data-popper-arrow":!0,ref:E,className:Uc,style:I.arrow}),h))},e.UserMenu=function(e){var n=e.user,r=e.header,o=e.footer,i=e.origin,l=void 0===i?"https://app.k8slens.dev":i,c=e.className,f=e.onLogoutClick,p=e.loading,m=s(e,["user","header","footer","origin","className","onLogoutClick","loading"]),v=t.useRef(null),h=m.buttonRef?m.buttonRef:v,g=t.useMemo((function(){return("items"in m?m.items:Gc).map((function(e){return{children:e.children.map((function(e){return"logout"===e.key?u(u({},e),{onClick:f}):e}))}}))}),[m,f]),b=t.useMemo((function(){return{avatar:n.avatar,avatarTitle:n.name,title:"@".concat(n.username),subtitle:n.name}}),[n]);return a.default.createElement(vr,null,(function(e){var t,n=e.open;return a.default.createElement("div",{className:d(rd,c)},a.default.createElement(vr.Button,{className:d(od,(t={},t[ld]=n,t[ud]=p,t)),ref:h,disabled:p},a.default.createElement(Ql,{item:b,loading:p,className:ad}),n?a.default.createElement(cd,{className:id}):a.default.createElement(sd,{className:id})),a.default.createElement(nd,{open:n,header:r,footer:o,origin:l,groups:g,buttonRef:h}))}))},e.UserMenuDefaultHeader=function(e){var t=e.licenseText,n=e.noLicenseText,r=void 0===n?"No subscription":n,o=e.onClick,i=e.disabled,l=void 0===i||i;return a.default.createElement(Zc,{className:d(dd,fd),title:t||r,icon:pd,disabled:l,onClick:o})},e.useConfirmDialog=function(){var e=t.useState(null),n=e[0],r=e[1],o=t.useState(""),i=o[0],l=o[1],s=t.useState({}),c=s[0],d=s[1],f=t.useState(""),p=f[0],m=f[1],v=t.useState(!1),h=v[0],g=v[1],b=t.useCallback((function(e,t,n){return void 0===n&&(n={}),g(!0),l(e),m(t||""),d(n),new Promise((function(e){r({resolve:e})}))}),[r,g]),y=t.useCallback((function(){r(null),g(!1),l(""),m(""),d({})}),[r,g,m,l,d]);return{ConfirmDialog:t.useMemo((function(){return h?a.default.createElement(Rl,u({title:i,message:p,handleClose:y,handleConfirm:function(){null==n||n.resolve(!0),y()},handleCancel:function(){null==n||n.resolve(!1),y()}},c)):null}),[h,i,p,n,c,y]),confirm:b}},Object.defineProperty(e,"__esModule",{value:!0})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@k8slens/lds",
|
|
3
|
-
"version": "0.54.
|
|
3
|
+
"version": "0.54.1",
|
|
4
4
|
"description": "Lens Design System – Core React Component Library",
|
|
5
5
|
"author": "Mirantis Inc",
|
|
6
6
|
"license": "MIT",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"format": "eslint --fix ."
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@k8slens/lds-tokens": "^0.55.
|
|
31
|
+
"@k8slens/lds-tokens": "^0.55.1",
|
|
32
32
|
"@storybook/react": "6.5.16",
|
|
33
33
|
"@testing-library/react": "14.0.0",
|
|
34
34
|
"@types/randomcolor": "0.5.9",
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"\\.svg": "<rootDir>/../../__mocks__/SVGStub.js"
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "754eaa0339fdaa118e5a911577fc355548eb5cf9"
|
|
64
64
|
}
|
|
File without changes
|
|
File without changes
|