@canonical/maas-react-components 1.20.0 → 1.20.1

package/dist/@canonical/maas-react-components.es.js

@@ -2325,7 +2325,7 @@ const Do = ({
   const { getRootProps: r } = at({
     onDrop: e
   });
-  return /* @__PURE__ */ u("div", { ...r(), className: "file-upload", "data-testid": "file-upload", children: /* @__PURE__ */ u("button", { className: "file-upload__button", children: "Drag and drop files here or click to upload" }) });
+  return /* @__PURE__ */ u("div", { ...r(), className: "file-upload", "data-testid": "file-upload", children: /* @__PURE__ */ u("button", { className: "file-upload__button", type: "button", children: "Drag and drop files here or click to upload" }) });
 };
 const yo = (e, r) => e.label.localeCompare(r.label, "en", { numeric: !0 }), go = (e) => (r, t) => {
   if (e) {

package/dist/@canonical/maas-react-components.umd.js

@@ -31,4 +31,4 @@ Valid keys: `+JSON.stringify(Object.keys(u),null,"  "));var p=V(D,A,E,I,w+"."+A,
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function vt(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function gt(e){if(Array.isArray(e))return Ve(e)}function Lr(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,t)}return n}function Br(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Lr(Object(n),!0).forEach(function(t){zr(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Lr(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function zr(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function Se(e,r){return bt(e)||mt(e,r)||Wr(e,r)||yt()}function yt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Wr(e,r){if(e){if(typeof e=="string")return Ve(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ve(e,r)}}function Ve(e,r){(r==null||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function mt(e,r){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var t=[],a=!0,o=!1,s,i;try{for(n=n.call(e);!(a=(s=n.next()).done)&&(t.push(s.value),!(r&&t.length===r));a=!0);}catch(v){o=!0,i=v}finally{try{!a&&n.return!=null&&n.return()}finally{if(o)throw i}}return t}}function bt(e){if(Array.isArray(e))return e}var ht="file-invalid-type",_t="file-too-large",Et="file-too-small",wt="too-many-files",St=function(r){r=Array.isArray(r)&&r.length===1?r[0]:r;var n=Array.isArray(r)?"one of ".concat(r.join(", ")):r;return{code:ht,message:"File type must be ".concat(n)}},qr=function(r){return{code:_t,message:"File is larger than ".concat(r," ").concat(r===1?"byte":"bytes")}},Yr=function(r){return{code:Et,message:"File is smaller than ".concat(r," ").concat(r===1?"byte":"bytes")}},Tt={code:wt,message:"Too many files"};function Kr(e,r){var n=e.type==="application/x-moz-file"||pt(e,r);return[n,n?null:St(r)]}function Ur(e,r,n){if(de(e.size))if(de(r)&&de(n)){if(e.size>n)return[!1,qr(n)];if(e.size<r)return[!1,Yr(r)]}else{if(de(r)&&e.size<r)return[!1,Yr(r)];if(de(n)&&e.size>n)return[!1,qr(n)]}return[!0,null]}function de(e){return e!=null}function Ot(e){var r=e.files,n=e.accept,t=e.minSize,a=e.maxSize,o=e.multiple,s=e.maxFiles,i=e.validator;return!o&&r.length>1||o&&s>=1&&r.length>s?!1:r.every(function(v){var l=Kr(v,n),g=Se(l,1),m=g[0],_=Ur(v,t,a),T=Se(_,1),x=T[0],S=i?i(v):null;return m&&x&&!S})}function Ae(e){return typeof e.isPropagationStopped=="function"?e.isPropagationStopped():typeof e.cancelBubble<"u"?e.cancelBubble:!1}function Pe(e){return e.dataTransfer?Array.prototype.some.call(e.dataTransfer.types,function(r){return r==="Files"||r==="application/x-moz-file"}):!!e.target&&!!e.target.files}function Hr(e){e.preventDefault()}function Ct(e){return e.indexOf("MSIE")!==-1||e.indexOf("Trident/")!==-1}function Dt(e){return e.indexOf("Edge/")!==-1}function xt(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return Ct(e)||Dt(e)}function ie(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return function(t){for(var a=arguments.length,o=new Array(a>1?a-1:0),s=1;s<a;s++)o[s-1]=arguments[s];return r.some(function(i){return!Ae(t)&&i&&i.apply(void 0,[t].concat(o)),Ae(t)})}}function At(){return"showOpenFilePicker"in window}function Pt(e){if(de(e)){var r=Object.entries(e).filter(function(n){var t=Se(n,2),a=t[0],o=t[1],s=!0;return Gr(a)||(console.warn('Skipped "'.concat(a,'" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')),s=!1),(!Array.isArray(o)||!o.every(Vr))&&(console.warn('Skipped "'.concat(a,'" because an invalid file extension was provided.')),s=!1),s}).reduce(function(n,t){var a=Se(t,2),o=a[0],s=a[1];return Br(Br({},n),{},zr({},o,s))},{});return[{description:"Files",accept:r}]}return e}function It(e){if(de(e))return Object.entries(e).reduce(function(r,n){var t=Se(n,2),a=t[0],o=t[1];return[].concat($r(r),[a],$r(o))},[]).filter(function(r){return Gr(r)||Vr(r)}).join(",")}function Ft(e){return e instanceof DOMException&&(e.name==="AbortError"||e.code===e.ABORT_ERR)}function jt(e){return e instanceof DOMException&&(e.name==="SecurityError"||e.code===e.SECURITY_ERR)}function Gr(e){return e==="audio/*"||e==="video/*"||e==="image/*"||e==="text/*"||/\w+\/[-+.\w]+/g.test(e)}function Vr(e){return/^.*\.[\w]+$/.test(e)}var kt=["children"],Mt=["open"],Nt=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"],$t=["refKey","onChange","onClick"];function Lt(e){return Wt(e)||zt(e)||Jr(e)||Bt()}function Bt(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function zt(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Wt(e){if(Array.isArray(e))return Ze(e)}function Je(e,r){return Kt(e)||Yt(e,r)||Jr(e,r)||qt()}function qt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Jr(e,r){if(e){if(typeof e=="string")return Ze(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ze(e,r)}}function Ze(e,r){(r==null||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function Yt(e,r){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var t=[],a=!0,o=!1,s,i;try{for(n=n.call(e);!(a=(s=n.next()).done)&&(t.push(s.value),!(r&&t.length===r));a=!0);}catch(v){o=!0,i=v}finally{try{!a&&n.return!=null&&n.return()}finally{if(o)throw i}}return t}}function Kt(e){if(Array.isArray(e))return e}function Zr(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,t)}return n}function q(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Zr(Object(n),!0).forEach(function(t){Xe(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zr(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Xe(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function Ie(e,r){if(e==null)return{};var n=Ut(e,r),t,a;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function Ut(e,r){if(e==null)return{};var n={},t=Object.keys(e),a,o;for(o=0;o<t.length;o++)a=t[o],!(r.indexOf(a)>=0)&&(n[a]=e[a]);return n}var Qe=b.forwardRef(function(e,r){var n=e.children,t=Ie(e,kt),a=Qr(t),o=a.open,s=Ie(a,Mt);return b.useImperativeHandle(r,function(){return{open:o}},[o]),b.createElement(b.Fragment,null,n(q(q({},s),{},{open:o})))});Qe.displayName="Dropzone";var Xr={disabled:!1,getFilesFromEvent:tt,maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null,useFsAccessApi:!0,autoFocus:!1};Qe.defaultProps=Xr,Qe.propTypes={children:B.func,accept:B.objectOf(B.arrayOf(B.string)),multiple:B.bool,preventDropOnDocument:B.bool,noClick:B.bool,noKeyboard:B.bool,noDrag:B.bool,noDragEventsBubbling:B.bool,minSize:B.number,maxSize:B.number,maxFiles:B.number,disabled:B.bool,getFilesFromEvent:B.func,onFileDialogCancel:B.func,onFileDialogOpen:B.func,useFsAccessApi:B.bool,autoFocus:B.bool,onDragEnter:B.func,onDragLeave:B.func,onDragOver:B.func,onDrop:B.func,onDropAccepted:B.func,onDropRejected:B.func,onError:B.func,validator:B.func};var Re={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function Qr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=q(q({},Xr),e),n=r.accept,t=r.disabled,a=r.getFilesFromEvent,o=r.maxSize,s=r.minSize,i=r.multiple,v=r.maxFiles,l=r.onDragEnter,g=r.onDragLeave,m=r.onDragOver,_=r.onDrop,T=r.onDropAccepted,x=r.onDropRejected,S=r.onFileDialogCancel,W=r.onFileDialogOpen,N=r.useFsAccessApi,J=r.autoFocus,P=r.preventDropOnDocument,$=r.noClick,f=r.noKeyboard,ee=r.noDrag,z=r.noDragEventsBubbling,Q=r.onError,re=r.validator,ce=b.useMemo(function(){return It(n)},[n]),ve=b.useMemo(function(){return Pt(n)},[n]),ge=b.useMemo(function(){return typeof W=="function"?W:Rr},[W]),ue=b.useMemo(function(){return typeof S=="function"?S:Rr},[S]),K=b.useRef(null),R=b.useRef(null),ae=b.useReducer(Ht,Re),se=Je(ae,2),fe=se[0],Z=se[1],u=fe.isFocused,y=fe.isFileDialogActive,O=b.useRef(typeof window<"u"&&window.isSecureContext&&N&&At()),C=function(){!O.current&&y&&setTimeout(function(){if(R.current){var h=R.current.files;h.length||(Z({type:"closeDialog"}),ue())}},300)};b.useEffect(function(){return window.addEventListener("focus",C,!1),function(){window.removeEventListener("focus",C,!1)}},[R,y,ue,O]);var E=b.useRef([]),I=function(h){K.current&&K.current.contains(h.target)||(h.preventDefault(),E.current=[])};b.useEffect(function(){return P&&(document.addEventListener("dragover",Hr,!1),document.addEventListener("drop",I,!1)),function(){P&&(document.removeEventListener("dragover",Hr),document.removeEventListener("drop",I))}},[K,P]),b.useEffect(function(){return!t&&J&&K.current&&K.current.focus(),function(){}},[K,J,t]);var w=b.useCallback(function(d){Q?Q(d):console.error(d)},[Q]),D=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),E.current=[].concat(Lt(E.current),[d.target]),Pe(d)&&Promise.resolve(a(d)).then(function(h){if(!(Ae(d)&&!z)){var H=h.length,X=H>0&&Ot({files:h,accept:ce,minSize:s,maxSize:o,multiple:i,maxFiles:v,validator:re}),te=H>0&&!X;Z({isDragAccept:X,isDragReject:te,isDragActive:!0,type:"setDraggedFiles"}),l&&l(d)}}).catch(function(h){return w(h)})},[a,l,w,z,ce,s,o,i,v,re]),F=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d);var h=Pe(d);if(h&&d.dataTransfer)try{d.dataTransfer.dropEffect="copy"}catch{}return h&&m&&m(d),!1},[m,z]),j=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d);var h=E.current.filter(function(X){return K.current&&K.current.contains(X)}),H=h.indexOf(d.target);H!==-1&&h.splice(H,1),E.current=h,!(h.length>0)&&(Z({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),Pe(d)&&g&&g(d))},[K,g,z]),A=b.useCallback(function(d,h){var H=[],X=[];d.forEach(function(te){var Oe=Kr(te,ce),_e=Je(Oe,2),rr=_e[0],nr=_e[1],tr=Ur(te,s,o),ke=Je(tr,2),or=ke[0],ar=ke[1],ir=re?re(te):null;if(rr&&or&&!ir)H.push(te);else{var sr=[nr,ar];ir&&(sr=sr.concat(ir)),X.push({file:te,errors:sr.filter(function(no){return no})})}}),(!i&&H.length>1||i&&v>=1&&H.length>v)&&(H.forEach(function(te){X.push({file:te,errors:[Tt]})}),H.splice(0)),Z({acceptedFiles:H,fileRejections:X,type:"setFiles"}),_&&_(H,X,h),X.length>0&&x&&x(X,h),H.length>0&&T&&T(H,h)},[Z,i,ce,s,o,v,_,T,x,re]),V=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),E.current=[],Pe(d)&&Promise.resolve(a(d)).then(function(h){Ae(d)&&!z||A(h,d)}).catch(function(h){return w(h)}),Z({type:"reset"})},[a,A,w,z]),p=b.useCallback(function(){if(O.current){Z({type:"openDialog"}),ge();var d={multiple:i,types:ve};window.showOpenFilePicker(d).then(function(h){return a(h)}).then(function(h){A(h,null),Z({type:"closeDialog"})}).catch(function(h){Ft(h)?(ue(h),Z({type:"closeDialog"})):jt(h)?(O.current=!1,R.current?(R.current.value=null,R.current.click()):w(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))):w(h)});return}R.current&&(Z({type:"openDialog"}),ge(),R.current.value=null,R.current.click())},[Z,ge,ue,N,A,w,ve,i]),ne=b.useCallback(function(d){!K.current||!K.current.isEqualNode(d.target)||(d.key===" "||d.key==="Enter"||d.keyCode===32||d.keyCode===13)&&(d.preventDefault(),p())},[K,p]),ye=b.useCallback(function(){Z({type:"focus"})},[]),Te=b.useCallback(function(){Z({type:"blur"})},[]),rn=b.useCallback(function(){$||(xt()?setTimeout(p,0):p())},[$,p]),he=function(h){return t?null:h},er=function(h){return f?null:he(h)},Fe=function(h){return ee?null:he(h)},je=function(h){z&&h.stopPropagation()},Rt=b.useMemo(function(){return function(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},h=d.refKey,H=h===void 0?"ref":h,X=d.role,te=d.onKeyDown,Oe=d.onFocus,_e=d.onBlur,rr=d.onClick,nr=d.onDragEnter,tr=d.onDragOver,ke=d.onDragLeave,or=d.onDrop,ar=Ie(d,Nt);return q(q(Xe({onKeyDown:er(ie(te,ne)),onFocus:er(ie(Oe,ye)),onBlur:er(ie(_e,Te)),onClick:he(ie(rr,rn)),onDragEnter:Fe(ie(nr,D)),onDragOver:Fe(ie(tr,F)),onDragLeave:Fe(ie(ke,j)),onDrop:Fe(ie(or,V)),role:typeof X=="string"&&X!==""?X:"presentation"},H,K),!t&&!f?{tabIndex:0}:{}),ar)}},[K,ne,ye,Te,rn,D,F,j,V,f,ee,t]),eo=b.useCallback(function(d){d.stopPropagation()},[]),ro=b.useMemo(function(){return function(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},h=d.refKey,H=h===void 0?"ref":h,X=d.onChange,te=d.onClick,Oe=Ie(d,$t),_e=Xe({accept:ce,multiple:i,type:"file",style:{display:"none"},onChange:he(ie(X,V)),onClick:he(ie(te,eo)),tabIndex:-1},H,R);return q(q({},_e),Oe)}},[R,n,i,V,t]);return q(q({},fe),{},{isFocused:u&&!t,getRootProps:Rt,getInputProps:ro,rootRef:K,inputRef:R,open:he(p)})}function Ht(e,r){switch(r.type){case"focus":return q(q({},e),{},{isFocused:!0});case"blur":return q(q({},e),{},{isFocused:!1});case"openDialog":return q(q({},Re),{},{isFileDialogActive:!0});case"closeDialog":return q(q({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return q(q({},e),{},{isDragActive:r.isDragActive,isDragAccept:r.isDragAccept,isDragReject:r.isDragReject});case"setFiles":return q(q({},e),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return q({},Re);default:return e}}function Rr(){}const vo="",Gt=({onFileUpload:e})=>{const{getRootProps:r}=Qr({onDrop:e});return c.jsx("div",{...r(),className:"file-upload","data-testid":"file-upload",children:c.jsx("button",{className:"file-upload__button",children:"Drag and drop files here or click to upload"})})},go="",Vt=(e,r)=>e.label.localeCompare(r.label,"en",{numeric:!0}),Jt=e=>(r,n)=>{if(e){const t=e.has(r.value),a=e.has(n.value);if(t&&!a)return-1;if(!t&&a)return 1}return 0},Zt=e=>{const r=new Map;return e.forEach(n=>{const t=n.group||"Ungrouped",a=r.get(t)||[];a.push(n),r.set(t,a)}),Array.from(r,([n,t])=>({group:n,items:t}))},en=({items:e,selectedItems:r,disabledItems:n,header:t,updateItems:a,isOpen:o,footer:s,sortFn:i=Vt,groupFn:v=Zt,...l})=>{const g=b.useMemo(()=>new Set(r.map(N=>N.value)),[r]),m=b.useMemo(()=>new Set(n.map(N=>N.value)),[n]),[_,T]=b.useState(new Set(g));b.useEffect(()=>{o&&T(new Set(g))},[o]);const x=b.useMemo(()=>e.some(N=>N.group),[e]),S=b.useMemo(()=>x?v(e):[{group:"Ungrouped",items:e}],[e,v]),W=N=>{const{checked:J,value:P}=N.target,$=e.find(f=>`${f.value}`===P);if($){const f=J?[...r,$]:r.filter(ee=>`${ee.value}`!==P)??[];a(f)}};return c.jsx(br,{isVisible:o,className:"put-above",children:c.jsxs("div",{className:"multi-select__dropdown",role:"listbox",...l,children:[t||null,S.map(({group:N,items:J})=>c.jsxs("div",{className:"multi-select__group",children:[x?c.jsx("h5",{className:"multi-select__dropdown-header",children:N}):null,c.jsx("ul",{className:"multi-select__dropdown-list","aria-label":N,children:J.sort(i).sort(Jt(_)).map(P=>c.jsx("li",{className:"multi-select__dropdown-item",children:c.jsx(U.CheckboxInput,{disabled:m.has(P.value),label:P.label,checked:g.has(P.value),value:P.value,onChange:W},P.value)},P.value))})]},N)),s?c.jsx("div",{className:"multi-select__footer",children:s}):null]})})},Xt=({disabled:e,selectedItems:r=[],label:n,onItemsUpdate:t,placeholder:a,required:o=!1,items:s=[],disabledItems:i=[],dropdownHeader:v,dropdownFooter:l,variant:g="search"})=>{const m=U.useClickOutside(()=>{T(!1),S("")});U.useOnEscapePressed(()=>{T(!1),S("")});const[_,T]=b.useState(!1),[x,S]=b.useState("");b.useEffect(()=>{_||S("")},[_]);const[W,N]=b.useState([]),J=r||W,P=z=>{const Q=Array.from(new Set(z));N(Q),t&&t(Q)},$=b.useId(),f=b.useId(),ee=J.filter(z=>s.some(Q=>Q.value===z.value)).map(z=>z.label).join(", ");return c.jsx("div",{ref:m,children:c.jsxs("div",{className:"multi-select",children:[g==="search"?c.jsx(U.SearchBox,{externallyControlled:!0,"aria-controls":$,"aria-expanded":_,id:f,role:"combobox","aria-label":n||a||"Search",disabled:e,autoComplete:"off",onChange:z=>{S(z),T(!0)},onFocus:()=>T(!0),placeholder:a??"Search",required:o,type:"text",value:x,className:"multi-select__input"}):c.jsx("button",{role:"combobox",type:"button","aria-label":n||a||"Select items","aria-controls":$,"aria-expanded":_,className:"multi-select__select-button",onClick:()=>{T(z=>!z)},children:c.jsx("span",{className:"multi-select__condensed-text",children:J.length>0?ee:a??"Select items"})}),c.jsx(en,{id:$,isOpen:_,items:x.length>0?s.filter(z=>z.label.toLowerCase().includes(x.toLowerCase())):s,selectedItems:J,disabledItems:i,header:v,updateItems:P,footer:l||c.jsxs(c.Fragment,{children:[c.jsx(U.Button,{appearance:"link",onClick:()=>{const z=s.filter(Q=>!i.some(re=>re.value===Q.value));P([...J,...z])},type:"button",children:"Select all"}),c.jsx(U.Button,{appearance:"link",onClick:()=>{const z=J.filter(Q=>i.some(re=>re.value===Q.value));P(z)},type:"button",children:"Clear"})]})})]})})},Qt=({value:e,unit:r},{binary:n=!1,convertTo:t,decimals:a=2,roundFunc:o="round"}={})=>{const s=e<0,i=Math.abs(e);if(i===0)return{value:0,unit:t||"B"};const v=n?1024:1e3,l=n?["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],g=l.findIndex(S=>S===r)||0,m=i*Math.pow(v,g),_=t?l.findIndex(S=>S===t):Math.floor(Math.log(m)/Math.log(v));let T=m/Math.pow(v,_);if(T%1!==0){const S=Math.pow(10,a);T=Math[o](T*S)/S}return{value:s?-T:T,unit:l[_]}};L.ContentSection=Ee,L.ExternalLink=un,L.FileUpload=Gt,L.FormSection=Ce,L.InputGroup=$e,L.MainToolbar=Le,L.Meter=vr,L.MultiSelect=Xt,L.MultiSelectDropdown=en,L.Navigation=G,L.NavigationBar=gr,L.NestedFormGroup=qn,L.Pagination=hr,L.PaginationContainer=Yn,L.Stepper=Kn,L.defaultFilledColors=on,L.formatBytes=Qt,L.meterColor=le,L.testIds=pe,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})});
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Jr(e,r){if(e){if(typeof e=="string")return Ze(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);if(n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set")return Array.from(e);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Ze(e,r)}}function Ze(e,r){(r==null||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function Yt(e,r){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var t=[],a=!0,o=!1,s,i;try{for(n=n.call(e);!(a=(s=n.next()).done)&&(t.push(s.value),!(r&&t.length===r));a=!0);}catch(v){o=!0,i=v}finally{try{!a&&n.return!=null&&n.return()}finally{if(o)throw i}}return t}}function Kt(e){if(Array.isArray(e))return e}function Zr(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,t)}return n}function q(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Zr(Object(n),!0).forEach(function(t){Xe(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zr(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Xe(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function Ie(e,r){if(e==null)return{};var n=Ut(e,r),t,a;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a<o.length;a++)t=o[a],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function Ut(e,r){if(e==null)return{};var n={},t=Object.keys(e),a,o;for(o=0;o<t.length;o++)a=t[o],!(r.indexOf(a)>=0)&&(n[a]=e[a]);return n}var Qe=b.forwardRef(function(e,r){var n=e.children,t=Ie(e,kt),a=Qr(t),o=a.open,s=Ie(a,Mt);return b.useImperativeHandle(r,function(){return{open:o}},[o]),b.createElement(b.Fragment,null,n(q(q({},s),{},{open:o})))});Qe.displayName="Dropzone";var Xr={disabled:!1,getFilesFromEvent:tt,maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null,useFsAccessApi:!0,autoFocus:!1};Qe.defaultProps=Xr,Qe.propTypes={children:B.func,accept:B.objectOf(B.arrayOf(B.string)),multiple:B.bool,preventDropOnDocument:B.bool,noClick:B.bool,noKeyboard:B.bool,noDrag:B.bool,noDragEventsBubbling:B.bool,minSize:B.number,maxSize:B.number,maxFiles:B.number,disabled:B.bool,getFilesFromEvent:B.func,onFileDialogCancel:B.func,onFileDialogOpen:B.func,useFsAccessApi:B.bool,autoFocus:B.bool,onDragEnter:B.func,onDragLeave:B.func,onDragOver:B.func,onDrop:B.func,onDropAccepted:B.func,onDropRejected:B.func,onError:B.func,validator:B.func};var Re={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function Qr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=q(q({},Xr),e),n=r.accept,t=r.disabled,a=r.getFilesFromEvent,o=r.maxSize,s=r.minSize,i=r.multiple,v=r.maxFiles,l=r.onDragEnter,g=r.onDragLeave,m=r.onDragOver,_=r.onDrop,T=r.onDropAccepted,x=r.onDropRejected,S=r.onFileDialogCancel,W=r.onFileDialogOpen,N=r.useFsAccessApi,J=r.autoFocus,P=r.preventDropOnDocument,$=r.noClick,f=r.noKeyboard,ee=r.noDrag,z=r.noDragEventsBubbling,Q=r.onError,re=r.validator,ce=b.useMemo(function(){return It(n)},[n]),ve=b.useMemo(function(){return Pt(n)},[n]),ge=b.useMemo(function(){return typeof W=="function"?W:Rr},[W]),ue=b.useMemo(function(){return typeof S=="function"?S:Rr},[S]),K=b.useRef(null),R=b.useRef(null),ae=b.useReducer(Ht,Re),se=Je(ae,2),fe=se[0],Z=se[1],u=fe.isFocused,y=fe.isFileDialogActive,O=b.useRef(typeof window<"u"&&window.isSecureContext&&N&&At()),C=function(){!O.current&&y&&setTimeout(function(){if(R.current){var h=R.current.files;h.length||(Z({type:"closeDialog"}),ue())}},300)};b.useEffect(function(){return window.addEventListener("focus",C,!1),function(){window.removeEventListener("focus",C,!1)}},[R,y,ue,O]);var E=b.useRef([]),I=function(h){K.current&&K.current.contains(h.target)||(h.preventDefault(),E.current=[])};b.useEffect(function(){return P&&(document.addEventListener("dragover",Hr,!1),document.addEventListener("drop",I,!1)),function(){P&&(document.removeEventListener("dragover",Hr),document.removeEventListener("drop",I))}},[K,P]),b.useEffect(function(){return!t&&J&&K.current&&K.current.focus(),function(){}},[K,J,t]);var w=b.useCallback(function(d){Q?Q(d):console.error(d)},[Q]),D=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),E.current=[].concat(Lt(E.current),[d.target]),Pe(d)&&Promise.resolve(a(d)).then(function(h){if(!(Ae(d)&&!z)){var H=h.length,X=H>0&&Ot({files:h,accept:ce,minSize:s,maxSize:o,multiple:i,maxFiles:v,validator:re}),te=H>0&&!X;Z({isDragAccept:X,isDragReject:te,isDragActive:!0,type:"setDraggedFiles"}),l&&l(d)}}).catch(function(h){return w(h)})},[a,l,w,z,ce,s,o,i,v,re]),F=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d);var h=Pe(d);if(h&&d.dataTransfer)try{d.dataTransfer.dropEffect="copy"}catch{}return h&&m&&m(d),!1},[m,z]),j=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d);var h=E.current.filter(function(X){return K.current&&K.current.contains(X)}),H=h.indexOf(d.target);H!==-1&&h.splice(H,1),E.current=h,!(h.length>0)&&(Z({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),Pe(d)&&g&&g(d))},[K,g,z]),A=b.useCallback(function(d,h){var H=[],X=[];d.forEach(function(te){var Oe=Kr(te,ce),_e=Je(Oe,2),rr=_e[0],nr=_e[1],tr=Ur(te,s,o),ke=Je(tr,2),or=ke[0],ar=ke[1],ir=re?re(te):null;if(rr&&or&&!ir)H.push(te);else{var sr=[nr,ar];ir&&(sr=sr.concat(ir)),X.push({file:te,errors:sr.filter(function(no){return no})})}}),(!i&&H.length>1||i&&v>=1&&H.length>v)&&(H.forEach(function(te){X.push({file:te,errors:[Tt]})}),H.splice(0)),Z({acceptedFiles:H,fileRejections:X,type:"setFiles"}),_&&_(H,X,h),X.length>0&&x&&x(X,h),H.length>0&&T&&T(H,h)},[Z,i,ce,s,o,v,_,T,x,re]),V=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),E.current=[],Pe(d)&&Promise.resolve(a(d)).then(function(h){Ae(d)&&!z||A(h,d)}).catch(function(h){return w(h)}),Z({type:"reset"})},[a,A,w,z]),p=b.useCallback(function(){if(O.current){Z({type:"openDialog"}),ge();var d={multiple:i,types:ve};window.showOpenFilePicker(d).then(function(h){return a(h)}).then(function(h){A(h,null),Z({type:"closeDialog"})}).catch(function(h){Ft(h)?(ue(h),Z({type:"closeDialog"})):jt(h)?(O.current=!1,R.current?(R.current.value=null,R.current.click()):w(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))):w(h)});return}R.current&&(Z({type:"openDialog"}),ge(),R.current.value=null,R.current.click())},[Z,ge,ue,N,A,w,ve,i]),ne=b.useCallback(function(d){!K.current||!K.current.isEqualNode(d.target)||(d.key===" "||d.key==="Enter"||d.keyCode===32||d.keyCode===13)&&(d.preventDefault(),p())},[K,p]),ye=b.useCallback(function(){Z({type:"focus"})},[]),Te=b.useCallback(function(){Z({type:"blur"})},[]),rn=b.useCallback(function(){$||(xt()?setTimeout(p,0):p())},[$,p]),he=function(h){return t?null:h},er=function(h){return f?null:he(h)},Fe=function(h){return ee?null:he(h)},je=function(h){z&&h.stopPropagation()},Rt=b.useMemo(function(){return function(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},h=d.refKey,H=h===void 0?"ref":h,X=d.role,te=d.onKeyDown,Oe=d.onFocus,_e=d.onBlur,rr=d.onClick,nr=d.onDragEnter,tr=d.onDragOver,ke=d.onDragLeave,or=d.onDrop,ar=Ie(d,Nt);return q(q(Xe({onKeyDown:er(ie(te,ne)),onFocus:er(ie(Oe,ye)),onBlur:er(ie(_e,Te)),onClick:he(ie(rr,rn)),onDragEnter:Fe(ie(nr,D)),onDragOver:Fe(ie(tr,F)),onDragLeave:Fe(ie(ke,j)),onDrop:Fe(ie(or,V)),role:typeof X=="string"&&X!==""?X:"presentation"},H,K),!t&&!f?{tabIndex:0}:{}),ar)}},[K,ne,ye,Te,rn,D,F,j,V,f,ee,t]),eo=b.useCallback(function(d){d.stopPropagation()},[]),ro=b.useMemo(function(){return function(){var d=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},h=d.refKey,H=h===void 0?"ref":h,X=d.onChange,te=d.onClick,Oe=Ie(d,$t),_e=Xe({accept:ce,multiple:i,type:"file",style:{display:"none"},onChange:he(ie(X,V)),onClick:he(ie(te,eo)),tabIndex:-1},H,R);return q(q({},_e),Oe)}},[R,n,i,V,t]);return q(q({},fe),{},{isFocused:u&&!t,getRootProps:Rt,getInputProps:ro,rootRef:K,inputRef:R,open:he(p)})}function Ht(e,r){switch(r.type){case"focus":return q(q({},e),{},{isFocused:!0});case"blur":return q(q({},e),{},{isFocused:!1});case"openDialog":return q(q({},Re),{},{isFileDialogActive:!0});case"closeDialog":return q(q({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return q(q({},e),{},{isDragActive:r.isDragActive,isDragAccept:r.isDragAccept,isDragReject:r.isDragReject});case"setFiles":return q(q({},e),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return q({},Re);default:return e}}function Rr(){}const vo="",Gt=({onFileUpload:e})=>{const{getRootProps:r}=Qr({onDrop:e});return c.jsx("div",{...r(),className:"file-upload","data-testid":"file-upload",children:c.jsx("button",{className:"file-upload__button",type:"button",children:"Drag and drop files here or click to upload"})})},go="",Vt=(e,r)=>e.label.localeCompare(r.label,"en",{numeric:!0}),Jt=e=>(r,n)=>{if(e){const t=e.has(r.value),a=e.has(n.value);if(t&&!a)return-1;if(!t&&a)return 1}return 0},Zt=e=>{const r=new Map;return e.forEach(n=>{const t=n.group||"Ungrouped",a=r.get(t)||[];a.push(n),r.set(t,a)}),Array.from(r,([n,t])=>({group:n,items:t}))},en=({items:e,selectedItems:r,disabledItems:n,header:t,updateItems:a,isOpen:o,footer:s,sortFn:i=Vt,groupFn:v=Zt,...l})=>{const g=b.useMemo(()=>new Set(r.map(N=>N.value)),[r]),m=b.useMemo(()=>new Set(n.map(N=>N.value)),[n]),[_,T]=b.useState(new Set(g));b.useEffect(()=>{o&&T(new Set(g))},[o]);const x=b.useMemo(()=>e.some(N=>N.group),[e]),S=b.useMemo(()=>x?v(e):[{group:"Ungrouped",items:e}],[e,v]),W=N=>{const{checked:J,value:P}=N.target,$=e.find(f=>`${f.value}`===P);if($){const f=J?[...r,$]:r.filter(ee=>`${ee.value}`!==P)??[];a(f)}};return c.jsx(br,{isVisible:o,className:"put-above",children:c.jsxs("div",{className:"multi-select__dropdown",role:"listbox",...l,children:[t||null,S.map(({group:N,items:J})=>c.jsxs("div",{className:"multi-select__group",children:[x?c.jsx("h5",{className:"multi-select__dropdown-header",children:N}):null,c.jsx("ul",{className:"multi-select__dropdown-list","aria-label":N,children:J.sort(i).sort(Jt(_)).map(P=>c.jsx("li",{className:"multi-select__dropdown-item",children:c.jsx(U.CheckboxInput,{disabled:m.has(P.value),label:P.label,checked:g.has(P.value),value:P.value,onChange:W},P.value)},P.value))})]},N)),s?c.jsx("div",{className:"multi-select__footer",children:s}):null]})})},Xt=({disabled:e,selectedItems:r=[],label:n,onItemsUpdate:t,placeholder:a,required:o=!1,items:s=[],disabledItems:i=[],dropdownHeader:v,dropdownFooter:l,variant:g="search"})=>{const m=U.useClickOutside(()=>{T(!1),S("")});U.useOnEscapePressed(()=>{T(!1),S("")});const[_,T]=b.useState(!1),[x,S]=b.useState("");b.useEffect(()=>{_||S("")},[_]);const[W,N]=b.useState([]),J=r||W,P=z=>{const Q=Array.from(new Set(z));N(Q),t&&t(Q)},$=b.useId(),f=b.useId(),ee=J.filter(z=>s.some(Q=>Q.value===z.value)).map(z=>z.label).join(", ");return c.jsx("div",{ref:m,children:c.jsxs("div",{className:"multi-select",children:[g==="search"?c.jsx(U.SearchBox,{externallyControlled:!0,"aria-controls":$,"aria-expanded":_,id:f,role:"combobox","aria-label":n||a||"Search",disabled:e,autoComplete:"off",onChange:z=>{S(z),T(!0)},onFocus:()=>T(!0),placeholder:a??"Search",required:o,type:"text",value:x,className:"multi-select__input"}):c.jsx("button",{role:"combobox",type:"button","aria-label":n||a||"Select items","aria-controls":$,"aria-expanded":_,className:"multi-select__select-button",onClick:()=>{T(z=>!z)},children:c.jsx("span",{className:"multi-select__condensed-text",children:J.length>0?ee:a??"Select items"})}),c.jsx(en,{id:$,isOpen:_,items:x.length>0?s.filter(z=>z.label.toLowerCase().includes(x.toLowerCase())):s,selectedItems:J,disabledItems:i,header:v,updateItems:P,footer:l||c.jsxs(c.Fragment,{children:[c.jsx(U.Button,{appearance:"link",onClick:()=>{const z=s.filter(Q=>!i.some(re=>re.value===Q.value));P([...J,...z])},type:"button",children:"Select all"}),c.jsx(U.Button,{appearance:"link",onClick:()=>{const z=J.filter(Q=>i.some(re=>re.value===Q.value));P(z)},type:"button",children:"Clear"})]})})]})})},Qt=({value:e,unit:r},{binary:n=!1,convertTo:t,decimals:a=2,roundFunc:o="round"}={})=>{const s=e<0,i=Math.abs(e);if(i===0)return{value:0,unit:t||"B"};const v=n?1024:1e3,l=n?["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],g=l.findIndex(S=>S===r)||0,m=i*Math.pow(v,g),_=t?l.findIndex(S=>S===t):Math.floor(Math.log(m)/Math.log(v));let T=m/Math.pow(v,_);if(T%1!==0){const S=Math.pow(10,a);T=Math[o](T*S)/S}return{value:s?-T:T,unit:l[_]}};L.ContentSection=Ee,L.ExternalLink=un,L.FileUpload=Gt,L.FormSection=Ce,L.InputGroup=$e,L.MainToolbar=Le,L.Meter=vr,L.MultiSelect=Xt,L.MultiSelectDropdown=en,L.Navigation=G,L.NavigationBar=gr,L.NestedFormGroup=qn,L.Pagination=hr,L.PaginationContainer=Yn,L.Stepper=Kn,L.defaultFilledColors=on,L.formatBytes=Qt,L.meterColor=le,L.testIds=pe,Object.defineProperty(L,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@canonical/maas-react-components",
   "description": "React components for use in MAAS UI projects.",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/canonical/maas-react-components.git"