@cgi-learning-hub/ui 0.0.1-dev.1709023966 → 0.0.1-dev.1709027888
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.
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $r(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Kr(e){if(Array.isArray(e))return be(e)}function Ne(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),t.push.apply(t,n)}return t}function Ge(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?Ne(Object(t),!0).forEach(function(n){nr(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Ne(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function nr(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function H(e,r){return Br(e)||qr(e,r)||or(e,r)||Hr()}function Hr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
3
3
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function or(e,r){if(e){if(typeof e=="string")return be(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return be(e,r)}}function be(e,r){(r==null||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function qr(e,r){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var n=[],i=!0,o=!1,c,l;try{for(t=t.call(e);!(i=(c=t.next()).done)&&(n.push(c.value),!(r&&n.length===r));i=!0);}catch(g){o=!0,l=g}finally{try{!i&&t.return!=null&&t.return()}finally{if(o)throw l}}return n}}function Br(e){if(Array.isArray(e))return e}var Wr="file-invalid-type",Ur="file-too-large",Nr="file-too-small",Gr="too-many-files",Yr=function(r){r=Array.isArray(r)&&r.length===1?r[0]:r;var t=Array.isArray(r)?"one of ".concat(r.join(", ")):r;return{code:Wr,message:"File type must be ".concat(t)}},Ye=function(r){return{code:Ur,message:"File is larger than ".concat(r," ").concat(r===1?"byte":"bytes")}},Ve=function(r){return{code:Nr,message:"File is smaller than ".concat(r," ").concat(r===1?"byte":"bytes")}},Vr={code:Gr,message:"Too many files"};function ir(e,r){var t=e.type==="application/x-moz-file"||Mr(e,r);return[t,t?null:Yr(r)]}function ar(e,r,t){if(P(e.size))if(P(r)&&P(t)){if(e.size>t)return[!1,Ye(t)];if(e.size<r)return[!1,Ve(r)]}else{if(P(r)&&e.size<r)return[!1,Ve(r)];if(P(t)&&e.size>t)return[!1,Ye(t)]}return[!0,null]}function P(e){return e!=null}function Jr(e){var r=e.files,t=e.accept,n=e.minSize,i=e.maxSize,o=e.multiple,c=e.maxFiles,l=e.validator;return!o&&r.length>1||o&&c>=1&&r.length>c?!1:r.every(function(g){var s=ir(g,t),m=H(s,1),b=m[0],R=ar(g,n,i),k=H(R,1),z=k[0],M=l?l(g):null;return b&&z&&!M})}function X(e){return typeof e.isPropagationStopped=="function"?e.isPropagationStopped():typeof e.cancelBubble<"u"?e.cancelBubble:!1}function J(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 Je(e){e.preventDefault()}function Qr(e){return e.indexOf("MSIE")!==-1||e.indexOf("Trident/")!==-1}function Xr(e){return e.indexOf("Edge/")!==-1}function Zr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return Qr(e)||Xr(e)}function E(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return function(n){for(var i=arguments.length,o=new Array(i>1?i-1:0),c=1;c<i;c++)o[c-1]=arguments[c];return r.some(function(l){return!X(n)&&l&&l.apply(void 0,[n].concat(o)),X(n)})}}function et(){return"showOpenFilePicker"in window}function rt(e){if(P(e)){var r=Object.entries(e).filter(function(t){var n=H(t,2),i=n[0],o=n[1],c=!0;return ur(i)||(console.warn('Skipped "'.concat(i,'" 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.')),c=!1),(!Array.isArray(o)||!o.every(cr))&&(console.warn('Skipped "'.concat(i,'" because an invalid file extension was provided.')),c=!1),c}).reduce(function(t,n){var i=H(n,2),o=i[0],c=i[1];return Ge(Ge({},t),{},nr({},o,c))},{});return[{description:"Files",accept:r}]}return e}function tt(e){if(P(e))return Object.entries(e).reduce(function(r,t){var n=H(t,2),i=n[0],o=n[1];return[].concat(Ue(r),[i],Ue(o))},[]).filter(function(r){return ur(r)||cr(r)}).join(",")}function nt(e){return e instanceof DOMException&&(e.name==="AbortError"||e.code===e.ABORT_ERR)}function ot(e){return e instanceof DOMException&&(e.name==="SecurityError"||e.code===e.SECURITY_ERR)}function ur(e){return e==="audio/*"||e==="video/*"||e==="image/*"||e==="text/*"||/\w+\/[-+.\w]+/g.test(e)}function cr(e){return/^.*\.[\w]+$/.test(e)}var it=["children"],at=["open"],ut=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"],ct=["refKey","onChange","onClick"];function st(e){return pt(e)||ft(e)||sr(e)||lt()}function lt(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
4
4
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ft(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function pt(e){if(Array.isArray(e))return he(e)}function ye(e,r){return mt(e)||gt(e,r)||sr(e,r)||dt()}function dt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
5
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function sr(e,r){if(e){if(typeof e=="string")return he(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return he(e,r)}}function he(e,r){(r==null||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function gt(e,r){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var n=[],i=!0,o=!1,c,l;try{for(t=t.call(e);!(i=(c=t.next()).done)&&(n.push(c.value),!(r&&n.length===r));i=!0);}catch(g){o=!0,l=g}finally{try{!i&&t.return!=null&&t.return()}finally{if(o)throw l}}return n}}function mt(e){if(Array.isArray(e))return e}function Qe(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?Qe(Object(t),!0).forEach(function(n){De(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Qe(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function De(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function Z(e,r){if(e==null)return{};var t=yt(e,r),n,i;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],!(r.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}function yt(e,r){if(e==null)return{};var t={},n=Object.keys(e),i,o;for(o=0;o<n.length;o++)i=n[o],!(r.indexOf(i)>=0)&&(t[i]=e[i]);return t}var Ee=f.forwardRef(function(e,r){var t=e.children,n=Z(e,it),i=fr(n),o=i.open,c=Z(i,at);return f.useImperativeHandle(r,function(){return{open:o}},[o]),f.createElement(f.Fragment,null,t(d(d({},c),{},{open:o})))});Ee.displayName="Dropzone";var lr={disabled:!1,getFilesFromEvent:_r,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};Ee.defaultProps=lr;Ee.propTypes={children:p.PropTypes.func,accept:p.PropTypes.objectOf(p.PropTypes.arrayOf(p.PropTypes.string)),multiple:p.PropTypes.bool,preventDropOnDocument:p.PropTypes.bool,noClick:p.PropTypes.bool,noKeyboard:p.PropTypes.bool,noDrag:p.PropTypes.bool,noDragEventsBubbling:p.PropTypes.bool,minSize:p.PropTypes.number,maxSize:p.PropTypes.number,maxFiles:p.PropTypes.number,disabled:p.PropTypes.bool,getFilesFromEvent:p.PropTypes.func,onFileDialogCancel:p.PropTypes.func,onFileDialogOpen:p.PropTypes.func,useFsAccessApi:p.PropTypes.bool,autoFocus:p.PropTypes.bool,onDragEnter:p.PropTypes.func,onDragLeave:p.PropTypes.func,onDragOver:p.PropTypes.func,onDrop:p.PropTypes.func,onDropAccepted:p.PropTypes.func,onDropRejected:p.PropTypes.func,onError:p.PropTypes.func,validator:p.PropTypes.func};var we={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function fr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=d(d({},lr),e),t=r.accept,n=r.disabled,i=r.getFilesFromEvent,o=r.maxSize,c=r.minSize,l=r.multiple,g=r.maxFiles,s=r.onDragEnter,m=r.onDragLeave,b=r.onDragOver,R=r.onDrop,k=r.onDropAccepted,z=r.onDropRejected,M=r.onFileDialogCancel,re=r.onFileDialogOpen,Oe=r.useFsAccessApi,Fe=r.autoFocus,te=r.preventDropOnDocument,Pe=r.noClick,ne=r.noKeyboard,_e=r.noDrag,O=r.noDragEventsBubbling,oe=r.onError,L=r.validator,$=f.useMemo(function(){return tt(t)},[t]),je=f.useMemo(function(){return rt(t)},[t]),ie=f.useMemo(function(){return typeof re=="function"?re:Xe},[re]),B=f.useMemo(function(){return typeof M=="function"?M:Xe},[M]),h=f.useRef(null),A=f.useRef(null),pr=f.useReducer(vt,we),Te=ye(pr,2),ae=Te[0],D=Te[1],dr=ae.isFocused,Se=ae.isFileDialogActive,W=f.useRef(typeof window<"u"&&window.isSecureContext&&Oe&&et()),Ce=function(){!W.current&&Se&&setTimeout(function(){if(A.current){var u=A.current.files;u.length||(D({type:"closeDialog"}),B())}},300)};f.useEffect(function(){return window.addEventListener("focus",Ce,!1),function(){window.removeEventListener("focus",Ce,!1)}},[A,Se,B,W]);var _=f.useRef([]),Ie=function(u){h.current&&h.current.contains(u.target)||(u.preventDefault(),_.current=[])};f.useEffect(function(){return te&&(document.addEventListener("dragover",Je,!1),document.addEventListener("drop",Ie,!1)),function(){te&&(document.removeEventListener("dragover",Je),document.removeEventListener("drop",Ie))}},[h,te]),f.useEffect(function(){return!n&&Fe&&h.current&&h.current.focus(),function(){}},[h,Fe,n]);var F=f.useCallback(function(a){oe?oe(a):console.error(a)},[oe]),Re=f.useCallback(function(a){a.preventDefault(),a.persist(),Y(a),_.current=[].concat(st(_.current),[a.target]),J(a)&&Promise.resolve(i(a)).then(function(u){if(!(X(a)&&!O)){var y=u.length,v=y>0&&Jr({files:u,accept:$,minSize:c,maxSize:o,multiple:l,maxFiles:g,validator:L}),w=y>0&&!v;D({isDragAccept:v,isDragReject:w,isDragActive:!0,type:"setDraggedFiles"}),s&&s(a)}}).catch(function(u){return F(u)})},[i,s,F,O,$,c,o,l,g,L]),ke=f.useCallback(function(a){a.preventDefault(),a.persist(),Y(a);var u=J(a);if(u&&a.dataTransfer)try{a.dataTransfer.dropEffect="copy"}catch{}return u&&b&&b(a),!1},[b,O]),ze=f.useCallback(function(a){a.preventDefault(),a.persist(),Y(a);var u=_.current.filter(function(v){return h.current&&h.current.contains(v)}),y=u.indexOf(a.target);y!==-1&&u.splice(y,1),_.current=u,!(u.length>0)&&(D({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),J(a)&&m&&m(a))},[h,m,O]),U=f.useCallback(function(a,u){var y=[],v=[];a.forEach(function(w){var K=ir(w,$),S=ye(K,2),ce=S[0],se=S[1],le=ar(w,c,o),V=ye(le,2),fe=V[0],pe=V[1],de=L?L(w):null;if(ce&&fe&&!de)y.push(w);else{var ge=[se,pe];de&&(ge=ge.concat(de)),v.push({file:w,errors:ge.filter(function(vr){return vr})})}}),(!l&&y.length>1||l&&g>=1&&y.length>g)&&(y.forEach(function(w){v.push({file:w,errors:[Vr]})}),y.splice(0)),D({acceptedFiles:y,fileRejections:v,type:"setFiles"}),R&&R(y,v,u),v.length>0&&z&&z(v,u),y.length>0&&k&&k(y,u)},[D,l,$,c,o,g,R,k,z,L]),N=f.useCallback(function(a){a.preventDefault(),a.persist(),Y(a),_.current=[],J(a)&&Promise.resolve(i(a)).then(function(u){X(a)&&!O||U(u,a)}).catch(function(u){return F(u)}),D({type:"reset"})},[i,U,F,O]),j=f.useCallback(function(){if(W.current){D({type:"openDialog"}),ie();var a={multiple:l,types:je};window.showOpenFilePicker(a).then(function(u){return i(u)}).then(function(u){U(u,null),D({type:"closeDialog"})}).catch(function(u){nt(u)?(B(u),D({type:"closeDialog"})):ot(u)?(W.current=!1,A.current?(A.current.value=null,A.current.click()):F(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."))):F(u)});return}A.current&&(D({type:"openDialog"}),ie(),A.current.value=null,A.current.click())},[D,ie,B,Oe,U,F,je,l]),Me=f.useCallback(function(a){!h.current||!h.current.isEqualNode(a.target)||(a.key===" "||a.key==="Enter"||a.keyCode===32||a.keyCode===13)&&(a.preventDefault(),j())},[h,j]),Le=f.useCallback(function(){D({type:"focus"})},[]),$e=f.useCallback(function(){D({type:"blur"})},[]),Ke=f.useCallback(function(){Pe||(Zr()?setTimeout(j,0):j())},[Pe,j]),T=function(u){return n?null:u},ue=function(u){return ne?null:T(u)},G=function(u){return _e?null:T(u)},Y=function(u){O&&u.stopPropagation()},gr=f.useMemo(function(){return function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},u=a.refKey,y=u===void 0?"ref":u,v=a.role,w=a.onKeyDown,K=a.onFocus,S=a.onBlur,ce=a.onClick,se=a.onDragEnter,le=a.onDragOver,V=a.onDragLeave,fe=a.onDrop,pe=Z(a,ut);return d(d(De({onKeyDown:ue(E(w,Me)),onFocus:ue(E(K,Le)),onBlur:ue(E(S,$e)),onClick:T(E(ce,Ke)),onDragEnter:G(E(se,Re)),onDragOver:G(E(le,ke)),onDragLeave:G(E(V,ze)),onDrop:G(E(fe,N)),role:typeof v=="string"&&v!==""?v:"presentation"},y,h),!n&&!ne?{tabIndex:0}:{}),pe)}},[h,Me,Le,$e,Ke,Re,ke,ze,N,ne,_e,n]),mr=f.useCallback(function(a){a.stopPropagation()},[]),yr=f.useMemo(function(){return function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},u=a.refKey,y=u===void 0?"ref":u,v=a.onChange,w=a.onClick,K=Z(a,ct),S=De({accept:$,multiple:l,type:"file",style:{display:"none"},onChange:T(E(v,N)),onClick:T(E(w,mr)),tabIndex:-1},y,A);return d(d({},S),K)}},[A,t,l,N,n]);return d(d({},ae),{},{isFocused:dr&&!n,getRootProps:gr,getInputProps:yr,rootRef:h,inputRef:A,open:T(j)})}function vt(e,r){switch(r.type){case"focus":return d(d({},e),{},{isFocused:!0});case"blur":return d(d({},e),{},{isFocused:!1});case"openDialog":return d(d({},we),{},{isFileDialogActive:!0});case"closeDialog":return d(d({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return d(d({},e),{},{isDragActive:r.isDragActive,isDragAccept:r.isDragAccept,isDragReject:r.isDragReject});case"setFiles":return d(d({},e),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return d({},we);default:return e}}function Xe(){}const bt=p.styled(br.Box)(({theme:e})=>({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"0.5rem",padding:"0.5rem",width:"20rem",height:"10rem",border:"1px dashed",borderColor:e.palette.grey[500],borderRadius:4,cursor:"pointer"})),ht=e=>{const{getRootProps:r,getInputProps:t,isDragActive:n}=fr({onDrop:e.onDrop}),{information:i}=e;return x.jsxs(bt,{...r(),children:[x.jsx("input",{...t()}),n?x.jsxs(x.Fragment,{children:[x.jsx(Ze,{color:"primary"}),x.jsx(me.Typography,{children:"Déposer les fichiers ici"})]}):x.jsxs(x.Fragment,{children:[x.jsx(er,{color:"primary"}),x.jsx(me.Typography,{children:"Glisser et déposer des fichiers ici, ou cliquer pour sélectionner des fichiers"}),i?x.jsx(me.Typography,{fontSize:"0.875rem",color:"grey",children:i}):null]})]})};module.exports=ht;
|
|
5
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function sr(e,r){if(e){if(typeof e=="string")return he(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return he(e,r)}}function he(e,r){(r==null||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function gt(e,r){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var n=[],i=!0,o=!1,c,l;try{for(t=t.call(e);!(i=(c=t.next()).done)&&(n.push(c.value),!(r&&n.length===r));i=!0);}catch(g){o=!0,l=g}finally{try{!i&&t.return!=null&&t.return()}finally{if(o)throw l}}return n}}function mt(e){if(Array.isArray(e))return e}function Qe(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?Qe(Object(t),!0).forEach(function(n){De(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):Qe(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function De(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function Z(e,r){if(e==null)return{};var t=yt(e,r),n,i;if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)n=o[i],!(r.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}function yt(e,r){if(e==null)return{};var t={},n=Object.keys(e),i,o;for(o=0;o<n.length;o++)i=n[o],!(r.indexOf(i)>=0)&&(t[i]=e[i]);return t}var Ee=f.forwardRef(function(e,r){var t=e.children,n=Z(e,it),i=fr(n),o=i.open,c=Z(i,at);return f.useImperativeHandle(r,function(){return{open:o}},[o]),f.createElement(f.Fragment,null,t(d(d({},c),{},{open:o})))});Ee.displayName="Dropzone";var lr={disabled:!1,getFilesFromEvent:_r,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};Ee.defaultProps=lr;Ee.propTypes={children:p.PropTypes.func,accept:p.PropTypes.objectOf(p.PropTypes.arrayOf(p.PropTypes.string)),multiple:p.PropTypes.bool,preventDropOnDocument:p.PropTypes.bool,noClick:p.PropTypes.bool,noKeyboard:p.PropTypes.bool,noDrag:p.PropTypes.bool,noDragEventsBubbling:p.PropTypes.bool,minSize:p.PropTypes.number,maxSize:p.PropTypes.number,maxFiles:p.PropTypes.number,disabled:p.PropTypes.bool,getFilesFromEvent:p.PropTypes.func,onFileDialogCancel:p.PropTypes.func,onFileDialogOpen:p.PropTypes.func,useFsAccessApi:p.PropTypes.bool,autoFocus:p.PropTypes.bool,onDragEnter:p.PropTypes.func,onDragLeave:p.PropTypes.func,onDragOver:p.PropTypes.func,onDrop:p.PropTypes.func,onDropAccepted:p.PropTypes.func,onDropRejected:p.PropTypes.func,onError:p.PropTypes.func,validator:p.PropTypes.func};var we={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function fr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=d(d({},lr),e),t=r.accept,n=r.disabled,i=r.getFilesFromEvent,o=r.maxSize,c=r.minSize,l=r.multiple,g=r.maxFiles,s=r.onDragEnter,m=r.onDragLeave,b=r.onDragOver,R=r.onDrop,k=r.onDropAccepted,z=r.onDropRejected,M=r.onFileDialogCancel,re=r.onFileDialogOpen,Oe=r.useFsAccessApi,Fe=r.autoFocus,te=r.preventDropOnDocument,Pe=r.noClick,ne=r.noKeyboard,_e=r.noDrag,O=r.noDragEventsBubbling,oe=r.onError,L=r.validator,$=f.useMemo(function(){return tt(t)},[t]),je=f.useMemo(function(){return rt(t)},[t]),ie=f.useMemo(function(){return typeof re=="function"?re:Xe},[re]),B=f.useMemo(function(){return typeof M=="function"?M:Xe},[M]),h=f.useRef(null),A=f.useRef(null),pr=f.useReducer(vt,we),Te=ye(pr,2),ae=Te[0],D=Te[1],dr=ae.isFocused,Se=ae.isFileDialogActive,W=f.useRef(typeof window<"u"&&window.isSecureContext&&Oe&&et()),Ce=function(){!W.current&&Se&&setTimeout(function(){if(A.current){var u=A.current.files;u.length||(D({type:"closeDialog"}),B())}},300)};f.useEffect(function(){return window.addEventListener("focus",Ce,!1),function(){window.removeEventListener("focus",Ce,!1)}},[A,Se,B,W]);var _=f.useRef([]),Ie=function(u){h.current&&h.current.contains(u.target)||(u.preventDefault(),_.current=[])};f.useEffect(function(){return te&&(document.addEventListener("dragover",Je,!1),document.addEventListener("drop",Ie,!1)),function(){te&&(document.removeEventListener("dragover",Je),document.removeEventListener("drop",Ie))}},[h,te]),f.useEffect(function(){return!n&&Fe&&h.current&&h.current.focus(),function(){}},[h,Fe,n]);var F=f.useCallback(function(a){oe?oe(a):console.error(a)},[oe]),Re=f.useCallback(function(a){a.preventDefault(),a.persist(),Y(a),_.current=[].concat(st(_.current),[a.target]),J(a)&&Promise.resolve(i(a)).then(function(u){if(!(X(a)&&!O)){var y=u.length,v=y>0&&Jr({files:u,accept:$,minSize:c,maxSize:o,multiple:l,maxFiles:g,validator:L}),w=y>0&&!v;D({isDragAccept:v,isDragReject:w,isDragActive:!0,type:"setDraggedFiles"}),s&&s(a)}}).catch(function(u){return F(u)})},[i,s,F,O,$,c,o,l,g,L]),ke=f.useCallback(function(a){a.preventDefault(),a.persist(),Y(a);var u=J(a);if(u&&a.dataTransfer)try{a.dataTransfer.dropEffect="copy"}catch{}return u&&b&&b(a),!1},[b,O]),ze=f.useCallback(function(a){a.preventDefault(),a.persist(),Y(a);var u=_.current.filter(function(v){return h.current&&h.current.contains(v)}),y=u.indexOf(a.target);y!==-1&&u.splice(y,1),_.current=u,!(u.length>0)&&(D({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),J(a)&&m&&m(a))},[h,m,O]),U=f.useCallback(function(a,u){var y=[],v=[];a.forEach(function(w){var K=ir(w,$),S=ye(K,2),ce=S[0],se=S[1],le=ar(w,c,o),V=ye(le,2),fe=V[0],pe=V[1],de=L?L(w):null;if(ce&&fe&&!de)y.push(w);else{var ge=[se,pe];de&&(ge=ge.concat(de)),v.push({file:w,errors:ge.filter(function(vr){return vr})})}}),(!l&&y.length>1||l&&g>=1&&y.length>g)&&(y.forEach(function(w){v.push({file:w,errors:[Vr]})}),y.splice(0)),D({acceptedFiles:y,fileRejections:v,type:"setFiles"}),R&&R(y,v,u),v.length>0&&z&&z(v,u),y.length>0&&k&&k(y,u)},[D,l,$,c,o,g,R,k,z,L]),N=f.useCallback(function(a){a.preventDefault(),a.persist(),Y(a),_.current=[],J(a)&&Promise.resolve(i(a)).then(function(u){X(a)&&!O||U(u,a)}).catch(function(u){return F(u)}),D({type:"reset"})},[i,U,F,O]),j=f.useCallback(function(){if(W.current){D({type:"openDialog"}),ie();var a={multiple:l,types:je};window.showOpenFilePicker(a).then(function(u){return i(u)}).then(function(u){U(u,null),D({type:"closeDialog"})}).catch(function(u){nt(u)?(B(u),D({type:"closeDialog"})):ot(u)?(W.current=!1,A.current?(A.current.value=null,A.current.click()):F(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."))):F(u)});return}A.current&&(D({type:"openDialog"}),ie(),A.current.value=null,A.current.click())},[D,ie,B,Oe,U,F,je,l]),Me=f.useCallback(function(a){!h.current||!h.current.isEqualNode(a.target)||(a.key===" "||a.key==="Enter"||a.keyCode===32||a.keyCode===13)&&(a.preventDefault(),j())},[h,j]),Le=f.useCallback(function(){D({type:"focus"})},[]),$e=f.useCallback(function(){D({type:"blur"})},[]),Ke=f.useCallback(function(){Pe||(Zr()?setTimeout(j,0):j())},[Pe,j]),T=function(u){return n?null:u},ue=function(u){return ne?null:T(u)},G=function(u){return _e?null:T(u)},Y=function(u){O&&u.stopPropagation()},gr=f.useMemo(function(){return function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},u=a.refKey,y=u===void 0?"ref":u,v=a.role,w=a.onKeyDown,K=a.onFocus,S=a.onBlur,ce=a.onClick,se=a.onDragEnter,le=a.onDragOver,V=a.onDragLeave,fe=a.onDrop,pe=Z(a,ut);return d(d(De({onKeyDown:ue(E(w,Me)),onFocus:ue(E(K,Le)),onBlur:ue(E(S,$e)),onClick:T(E(ce,Ke)),onDragEnter:G(E(se,Re)),onDragOver:G(E(le,ke)),onDragLeave:G(E(V,ze)),onDrop:G(E(fe,N)),role:typeof v=="string"&&v!==""?v:"presentation"},y,h),!n&&!ne?{tabIndex:0}:{}),pe)}},[h,Me,Le,$e,Ke,Re,ke,ze,N,ne,_e,n]),mr=f.useCallback(function(a){a.stopPropagation()},[]),yr=f.useMemo(function(){return function(){var a=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},u=a.refKey,y=u===void 0?"ref":u,v=a.onChange,w=a.onClick,K=Z(a,ct),S=De({accept:$,multiple:l,type:"file",style:{display:"none"},onChange:T(E(v,N)),onClick:T(E(w,mr)),tabIndex:-1},y,A);return d(d({},S),K)}},[A,t,l,N,n]);return d(d({},ae),{},{isFocused:dr&&!n,getRootProps:gr,getInputProps:yr,rootRef:h,inputRef:A,open:T(j)})}function vt(e,r){switch(r.type){case"focus":return d(d({},e),{},{isFocused:!0});case"blur":return d(d({},e),{},{isFocused:!1});case"openDialog":return d(d({},we),{},{isFileDialogActive:!0});case"closeDialog":return d(d({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return d(d({},e),{},{isDragActive:r.isDragActive,isDragAccept:r.isDragAccept,isDragReject:r.isDragReject});case"setFiles":return d(d({},e),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return d({},we);default:return e}}function Xe(){}const bt=p.styled(br.Box)(({theme:e})=>({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",gap:"0.5rem",padding:"0.5rem",width:"20rem",height:"10rem",border:"1px dashed",borderColor:e.palette.grey[500],borderRadius:4,cursor:"pointer"})),ht=({defaultLabel:e="Glisser et déposer des fichiers ici, ou cliquer pour sélectionner des fichiers",dragLabel:r="Déposer les fichiers ici",information:t,...n})=>{const{getRootProps:i,getInputProps:o,isDragActive:c}=fr({onDrop:n.onDrop});return x.jsxs(bt,{...i(),children:[x.jsx("input",{...o()}),c?x.jsxs(x.Fragment,{children:[x.jsx(Ze,{color:"primary"}),x.jsx(me.Typography,{children:r})]}):x.jsxs(x.Fragment,{children:[x.jsx(er,{color:"primary"}),x.jsx(me.Typography,{children:e}),t?x.jsx(me.Typography,{fontSize:"0.875rem",color:"grey",children:t}):null]})]})};module.exports=ht;
|
|
@@ -3,6 +3,8 @@ import { type DropzoneProps as ReactDropzoneProps, type FileWithPath } from "rea
|
|
|
3
3
|
export interface File extends FileWithPath {
|
|
4
4
|
}
|
|
5
5
|
export interface DropzoneProps extends ReactDropzoneProps {
|
|
6
|
+
defaultLabel?: string;
|
|
7
|
+
dragLabel?: string;
|
|
6
8
|
information?: string;
|
|
7
9
|
}
|
|
8
10
|
declare const Dropzone: React.FunctionComponent<DropzoneProps>;
|
|
@@ -1189,19 +1189,24 @@ const Tt = Pr(Tr)(({ theme: e }) => ({
|
|
|
1189
1189
|
borderColor: e.palette.grey[500],
|
|
1190
1190
|
borderRadius: 4,
|
|
1191
1191
|
cursor: "pointer"
|
|
1192
|
-
})), Mt = (
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1192
|
+
})), Mt = ({
|
|
1193
|
+
defaultLabel: e = "Glisser et déposer des fichiers ici, ou cliquer pour sélectionner des fichiers",
|
|
1194
|
+
dragLabel: r = "Déposer les fichiers ici",
|
|
1195
|
+
information: t,
|
|
1196
|
+
...n
|
|
1197
|
+
}) => {
|
|
1198
|
+
const { getRootProps: i, getInputProps: o, isDragActive: c } = br({
|
|
1199
|
+
onDrop: n.onDrop
|
|
1200
|
+
});
|
|
1201
|
+
return /* @__PURE__ */ ve(Tt, { ...i(), children: [
|
|
1202
|
+
/* @__PURE__ */ T("input", { ...o() }),
|
|
1203
|
+
c ? /* @__PURE__ */ ve(Ue, { children: [
|
|
1199
1204
|
/* @__PURE__ */ T(ar, { color: "primary" }),
|
|
1200
|
-
/* @__PURE__ */ T(be, { children:
|
|
1205
|
+
/* @__PURE__ */ T(be, { children: r })
|
|
1201
1206
|
] }) : /* @__PURE__ */ ve(Ue, { children: [
|
|
1202
1207
|
/* @__PURE__ */ T(ur, { color: "primary" }),
|
|
1203
|
-
/* @__PURE__ */ T(be, { children:
|
|
1204
|
-
|
|
1208
|
+
/* @__PURE__ */ T(be, { children: e }),
|
|
1209
|
+
t ? /* @__PURE__ */ T(be, { fontSize: "0.875rem", color: "grey", children: t }) : null
|
|
1205
1210
|
] })
|
|
1206
1211
|
] });
|
|
1207
1212
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cgi-learning-hub/ui",
|
|
3
|
-
"version": "0.0.1-dev.
|
|
3
|
+
"version": "0.0.1-dev.1709027888",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "CGI Learning-hub Team",
|
|
6
6
|
"description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
|