@canonical/maas-react-components 1.14.1 → 1.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@canonical/maas-react-components.es.js +2256 -302
- package/dist/@canonical/maas-react-components.umd.js +29 -6
- package/dist/src/lib/components/FadeInDown/FadeInDown.d.ts +9 -0
- package/dist/src/lib/components/FadeInDown/FadeInDown.stories.d.ts +7 -0
- package/dist/src/lib/components/FadeInDown/FadeInDown.test.d.ts +1 -0
- package/dist/src/lib/components/FadeInDown/index.d.ts +1 -0
- package/dist/src/lib/components/FileUpload/FileUpload.d.ts +6 -0
- package/dist/src/lib/components/FileUpload/FileUpload.stories.d.ts +9 -0
- package/dist/src/lib/components/FileUpload/FileUpload.test.d.ts +1 -0
- package/dist/src/lib/components/FileUpload/index.d.ts +1 -0
- package/dist/src/lib/components/MultiSelect/MultiSelect.d.ts +30 -0
- package/dist/src/lib/components/MultiSelect/MultiSelect.stories.d.ts +11 -0
- package/dist/src/lib/components/MultiSelect/MultiSelect.test.d.ts +1 -0
- package/dist/src/lib/components/MultiSelect/index.d.ts +1 -0
- package/dist/src/lib/components/index.d.ts +2 -0
- package/dist/style.css +1 -1
- package/package.json +2 -1
|
@@ -1,11 +1,34 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(M,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react/jsx-runtime"),require("react"),require("@canonical/react-components")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@canonical/react-components"],s):(M=typeof globalThis<"u"?globalThis:M||self,s(M["@canonical/maas-react-components"]={},M["react/jsx-runtime"],M.React,M["@canonical/react-components"]))})(this,function(M,s,b,Y){"use strict";function nn(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const ee=nn(b);function cr(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var lr={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(e){(function(){var
|
|
5
|
+
*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var t=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var c=typeof o;if(c==="string"||c==="number")t.push(o);else if(Array.isArray(o)){if(o.length){var i=n.apply(null,o);i&&t.push(i)}}else if(c==="object"){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){t.push(o.toString());continue}for(var v in o)r.call(o,v)&&o[v]&&t.push(v)}}}return t.join(" ")}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(lr);var tn=lr.exports;const W=cr(tn),Qt="",ce={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},on=[ce.link,ce.positive,ce.negative,ce.caution],an=ce.linkFaded,ur=ce.caution,Ne=ce.light,fr=2,pr=1,dr=(e,r)=>{var a,o;const n=((o=(a=e==null?void 0:e.current)==null?void 0:a.getBoundingClientRect())==null?void 0:o.width)||0;return n>r*fr?n/r:fr},fe={bar:"meter-bar",container:"meter-container",filled:"meter-filled",label:"meter-label",meteroverflow:"meter-overflow",segments:"meter-segments"},vr=({className:e,children:r,data:n,max:t,variant:a="regular",size:o="regular",...c})=>{const i=b.useRef(null),v=n==null?void 0:n.reduce((I,A)=>I+A.value,0),u=t||v,g=n.map(I=>I.value/u*100),[m,w]=b.useState(0);b.useEffect(()=>{w(a==="segmented"?dr(i,u):0)},[u,a]);const F=b.useCallback(()=>{w(dr(i,u))},[i,u,w]);return Y.useListener(window,F,"resize",!0,a==="segmented"),s.jsxs("div",{className:W("p-meter",e,{"p-meter--small":o==="small"}),"aria-label":c==null?void 0:c["aria-label"],"data-testid":fe.container,ref:i,children:[s.jsx(sn,{children:s.jsx(cn,{data:n,datumWidths:g,maximum:u,overColor:ur,segmentWidth:m,separatorColor:Ne})}),r]})},sn=({children:e})=>s.jsx("div",{className:"p-meter__bar","data-testid":fe.bar,style:{backgroundColor:an},children:e}),cn=({data:e,datumWidths:r,maximum:n,segmentWidth:t})=>{const a=()=>(e==null?void 0:e.reduce((i,v)=>i+v.value,0))>n,o=(i,v)=>({backgroundColor:i.color,left:`${r==null?void 0:r.reduce((u,g,m)=>v>m?u+g:u,0)}%`,width:`${r[v]}%`}),c=()=>({background:`repeating-linear-gradient(
|
|
6
6
|
to right,
|
|
7
7
|
transparent 0,
|
|
8
|
-
transparent ${
|
|
9
|
-
${
|
|
10
|
-
${
|
|
11
|
-
)`});return
|
|
8
|
+
transparent ${t-pr}px,
|
|
9
|
+
${Ne} ${t-pr}px,
|
|
10
|
+
${Ne} ${t}px
|
|
11
|
+
)`});return s.jsxs(s.Fragment,{children:[a()?s.jsx("div",{className:"p-meter__filled","data-testid":fe.meteroverflow,style:{backgroundColor:ur,width:"100%"}}):e==null?void 0:e.map((i,v)=>s.jsx("div",{className:"p-meter__filled","data-testid":fe.filled,style:o(i,v)},`meter-${v}`)),t>0&&s.jsx("div",{className:"p-meter__separators","data-testid":fe.segments,style:c()})]})},ln=({className:e,children:r})=>s.jsx("div",{className:W("p-meter__label",e),"data-testid":fe.label,children:r});vr.Label=ln;const un=({children:e,to:r,...n})=>s.jsx(Y.Link,{...n,href:r,rel:"noreferrer noopener",target:"_blank",children:e}),fn=({children:e})=>s.jsx(s.Fragment,{children:e}),pn=({isCollapsed:e,setIsCollapsed:r,className:n})=>s.jsx(Y.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:s.jsxs(s.Fragment,{children:[e?"expand":"collapse","( ",s.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:s.jsx(Y.Button,{appearance:"base","aria-label":`${e?"expand":"collapse"} main navigation`,className:W("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",n),onClick:t=>{r(!e),t.stopPropagation(),t.currentTarget.blur()},children:s.jsx(Y.Icon,{light:!0,name:"sidebar-toggle"})})}),dn=({children:e})=>s.jsx("div",{className:"p-panel__content",children:s.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),vn=({children:e})=>s.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),yn=({children:e})=>s.jsx("div",{className:"l-navigation__drawer",children:s.jsx("div",{className:"p-panel is-dark",children:e})}),gn=({children:e})=>s.jsx("div",{className:"p-panel__footer",children:e}),mn=({children:e})=>s.jsx("div",{className:"p-panel__header",children:e}),bn=({light:e=!0,name:r})=>s.jsx(Y.Icon,{className:"p-side-navigation__icon",light:e,name:r}),hn=({children:e,className:r,hasActiveChild:n})=>s.jsx("li",{className:W("p-side-navigation__item",r,{"has-active-child":n}),children:e}),_n=({children:e,id:r,variant:n="base"})=>s.jsx("span",{className:W("p-side-navigation__label",{"p-side-navigation__label--group":n==="group"}),id:r,children:e}),En=({as:e,...r})=>{const n=e||"a";return s.jsx(n,{className:W("p-side-navigation__link",r.className),...r})},wn=({children:e,className:r})=>s.jsx("ul",{className:W("p-side-navigation__list",r),children:e}),Tn=({as:e,children:r,className:n,...t})=>{const a=e||"a";return s.jsx(a,{className:W("p-panel__logo",n),...t,children:s.jsx("div",{className:"p-navigation__tagged-logo",children:r})})},Sn=({children:e})=>b.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),On=({children:e,variant:r="base"})=>s.jsx("div",{className:W("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":r==="small"}),children:e}),Cn=({children:e})=>s.jsx("div",{className:"p-navigation__logo-tag",children:e}),Dn=({children:e})=>s.jsx("span",{className:"p-panel__logo-text",children:e}),xn=({children:e,className:r,onClick:n})=>s.jsx(Y.Button,{appearance:"base",className:W("p-side-navigation__button--menu has-icon is-dark",r),onClick:t=>{n&&n(t),t.stopPropagation(),t.currentTarget.blur()},children:e}),An=({children:e})=>s.jsx("span",{className:"p-side-navigation__text",children:e}),eo="",K=({children:e,className:r,isCollapsed:n})=>s.jsx("header",{"aria-label":"main navigation",className:W("l-navigation is-maas",r,{"is-collapsed":n,"is-pinned":!n}),children:e}),yr=({children:e,className:r})=>s.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:s.jsx("div",{className:W("p-panel is-dark",r),children:e})});K.Header=mn,K.Banner=fn,K.Drawer=yn,K.Controls=vn,K.CollapseToggle=pn,K.Content=dn,K.Footer=gn,K.List=wn,K.Item=hn,K.Link=En,K.Text=An,K.Icon=bn,K.Label=_n,K.Logo=Tn,K.LogoTag=Cn,K.LogoIcon=Sn,K.LogoName=On,K.LogoText=Dn,yr.MenuButton=xn;const ro="",Me=b.createContext(null),$e=({children:e})=>{const r=b.useId();return s.jsx(Me.Provider,{value:r,children:s.jsx("div",{role:"group","aria-labelledby":`${r}_label`,"aria-describedby":`${r}_description`,className:"p-input-group",children:e})})},Pn=({children:e})=>{const r=b.useContext(Me);return s.jsx("label",{id:`${r}_label`,children:e})},Fn=({children:e})=>{const r=b.useContext(Me);return s.jsx("p",{className:"p-form-help-text",id:`${r}_description`,children:e})};$e.Label=Pn,$e.Description=Fn;const no="",Ce=({children:e})=>s.jsx("div",{className:"p-form-section",children:e}),In=({children:e})=>s.jsx("h5",{className:"p-form-section__title u-no-padding--top",children:e}),jn=({children:e})=>s.jsx("p",{className:"p-form-help-text",children:e}),kn=({children:e})=>s.jsx("div",{className:"p-form-section__content",children:e});Ce.Title=In,Ce.Description=jn,Ce.Content=kn;const to="";function Nn(e){const[r,n]=ee.useState(null),t=ee.useRef(null),a=ee.useCallback(()=>{if(e.current){const o=e.current.getBoundingClientRect();n(o)}},[e]);return ee.useEffect(()=>{const o=new ResizeObserver(()=>{t.current&&cancelAnimationFrame(t.current),t.current=requestAnimationFrame(a)});return e.current&&o.observe(e.current),()=>{t.current&&cancelAnimationFrame(t.current),o.disconnect()}},[e,a]),r}const gr=ee.createContext(null),mr=ee.createContext([!1,()=>{}]),Le=({children:e})=>{const r=ee.useRef(null),n=Nn(r),[t,a]=ee.useState(!1);return s.jsx("header",{className:W("main-toolbar",{"main-toolbar--stacked":t}),ref:r,children:s.jsx(gr.Provider,{value:n,children:s.jsx(mr.Provider,{value:[t,a],children:e})})})},Mn=({as:e,children:r,className:n,...t})=>{const a=e||"h1";return s.jsx(a,{className:W("main-toolbar__title p-heading--4",n),"data-testid":"main-toolbar-heading",...t,children:r})},$n=({children:e})=>{const r=ee.useContext(gr),[n,t]=ee.useContext(mr),a=ee.useRef(null);return ee.useEffect(()=>{!a.current||!r||t(a.current.getBoundingClientRect().width>r.width)},[t,r,a]),s.jsxs(s.Fragment,{children:[s.jsx("div",{"aria-hidden":"true",className:"main-toolbar__controls main-toolbar__controls--observer",ref:a,style:{visibility:"hidden",position:"absolute"},children:e}),s.jsx("div",{className:W("main-toolbar__controls",{"main-toolbar__controls--stacked":n}),children:e})]})};Le.Title=Mn,Le.Controls=$n;const oo="",Ee=({children:e,className:r,as:n,variant:t="wide",...a})=>{const o=n||"section",c=W("content-section",r);return s.jsx(o,{...a,className:c,children:s.jsx(Y.Row,{children:s.jsx(Y.Col,{size:t==="narrow"?6:12,children:e})})})},Ln=({children:e,className:r,as:n,...t})=>{const a=n||"h1";return s.jsx(a,{...t,className:W("content-section__title p-heading--4",r),children:e})},zn=({children:e,className:r})=>s.jsx("header",{className:W("content-section__header",r),children:e}),Bn=({children:e,className:r})=>s.jsx("div",{className:W("content-section__body",r),children:e}),Wn=({children:e,className:r})=>s.jsx("footer",{className:W("content-section__footer",r),children:e});Ee.Title=Ln,Ee.Header=zn,Ee.Content=Bn,Ee.Footer=Wn;const ao="",io="",br=({children:e,className:r,isVisible:n})=>s.jsx("div",{className:W("fade-in--down",r),"aria-hidden":n?"false":"true",style:{visibility:n?"visible":"hidden"},children:e}),qn=({children:e,...r})=>s.jsx(br,{isVisible:!r["aria-hidden"],children:s.jsx("div",{className:"p-form__nested-group",...r,children:e})}),so="",hr=({currentPage:e,error:r,disabled:n,onInputBlur:t,onInputChange:a,onNextClick:o,onPreviousClick:c,totalPages:i})=>s.jsx("nav",{"aria-label":"pagination",className:"p-pagination",children:s.jsxs("span",{className:"p-pagination--items",children:[s.jsx(Y.Button,{"aria-label":"Previous page",className:"p-pagination__link--previous",disabled:e===1||n,onClick:c,type:"button",children:s.jsx(Y.Icon,{name:"chevron-down"})}),s.jsx("strong",{children:"Page "})," ",s.jsx(Y.Input,{"aria-label":"page number",className:"p-pagination__input",disabled:n,error:r,min:1,onBlur:t,onChange:a,required:!0,type:"number",value:e})," ",s.jsxs("strong",{className:"u-no-wrap",children:[" of ",i]}),s.jsx(Y.Button,{"aria-label":"Next page",className:"p-pagination__link--next",disabled:e===i||n,onClick:o,type:"button",children:s.jsx(Y.Icon,{name:"chevron-up"})})]})}),Yn=({currentPage:e,disabled:r,paginate:n,totalPages:t})=>{const[a,o]=b.useState(e),[c,i]=b.useState(""),v=()=>{o(e),i("")},u=w=>{const{value:F,valueAsNumber:I}=w.target;F?(o(I),I>t||I<1?i(`${I} is not a valid page number.`):(i(""),n(I))):i("Enter a page number.")},g=()=>{o(w=>Number(w)-1),n(Number(e)-1)},m=()=>{o(w=>Number(w)+1),n(Number(e)+1)};return s.jsx(hr,{currentPage:a,error:c,disabled:r,onInputBlur:v,onInputChange:u,onNextClick:m,onPreviousClick:g,totalPages:t})},co="",Hn=({activeStep:e,items:r})=>s.jsx("ol",{className:"stepper",children:r.map((n,t)=>{const a=t===e,o=t<e;return s.jsx("li",{"aria-label":n,className:"stepper__item",children:s.jsx("p",{"aria-label":o?`${n} (completed)`:n,className:W("stepper__title",{"stepper__title--is-active":a,"stepper__title--is-complete":o}),children:n})},t)})});var ze={exports:{}},De={exports:{}},j={};/** @license React v16.13.1
|
|
12
|
+
* react-is.production.min.js
|
|
13
|
+
*
|
|
14
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
15
|
+
*
|
|
16
|
+
* This source code is licensed under the MIT license found in the
|
|
17
|
+
* LICENSE file in the root directory of this source tree.
|
|
18
|
+
*/var _r;function Kn(){if(_r)return j;_r=1;var e=typeof Symbol=="function"&&Symbol.for,r=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,t=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,c=e?Symbol.for("react.provider"):60109,i=e?Symbol.for("react.context"):60110,v=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,g=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,w=e?Symbol.for("react.suspense_list"):60120,F=e?Symbol.for("react.memo"):60115,I=e?Symbol.for("react.lazy"):60116,A=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,G=e?Symbol.for("react.responder"):60118,oe=e?Symbol.for("react.scope"):60119;function L(f){if(typeof f=="object"&&f!==null){var X=f.$$typeof;switch(X){case r:switch(f=f.type,f){case v:case u:case t:case o:case a:case m:return f;default:switch(f=f&&f.$$typeof,f){case i:case g:case I:case F:case c:return f;default:return X}}case n:return X}}}function B(f){return L(f)===u}return j.AsyncMode=v,j.ConcurrentMode=u,j.ContextConsumer=i,j.ContextProvider=c,j.Element=r,j.ForwardRef=g,j.Fragment=t,j.Lazy=I,j.Memo=F,j.Portal=n,j.Profiler=o,j.StrictMode=a,j.Suspense=m,j.isAsyncMode=function(f){return B(f)||L(f)===v},j.isConcurrentMode=B,j.isContextConsumer=function(f){return L(f)===i},j.isContextProvider=function(f){return L(f)===c},j.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===r},j.isForwardRef=function(f){return L(f)===g},j.isFragment=function(f){return L(f)===t},j.isLazy=function(f){return L(f)===I},j.isMemo=function(f){return L(f)===F},j.isPortal=function(f){return L(f)===n},j.isProfiler=function(f){return L(f)===o},j.isStrictMode=function(f){return L(f)===a},j.isSuspense=function(f){return L(f)===m},j.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===t||f===u||f===o||f===a||f===m||f===w||typeof f=="object"&&f!==null&&(f.$$typeof===I||f.$$typeof===F||f.$$typeof===c||f.$$typeof===i||f.$$typeof===g||f.$$typeof===$||f.$$typeof===G||f.$$typeof===oe||f.$$typeof===A)},j.typeOf=L,j}var k={};/** @license React v16.13.1
|
|
19
|
+
* react-is.development.js
|
|
20
|
+
*
|
|
21
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
22
|
+
*
|
|
23
|
+
* This source code is licensed under the MIT license found in the
|
|
24
|
+
* LICENSE file in the root directory of this source tree.
|
|
25
|
+
*/var Er;function Un(){return Er||(Er=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,r=e?Symbol.for("react.element"):60103,n=e?Symbol.for("react.portal"):60106,t=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,o=e?Symbol.for("react.profiler"):60114,c=e?Symbol.for("react.provider"):60109,i=e?Symbol.for("react.context"):60110,v=e?Symbol.for("react.async_mode"):60111,u=e?Symbol.for("react.concurrent_mode"):60111,g=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,w=e?Symbol.for("react.suspense_list"):60120,F=e?Symbol.for("react.memo"):60115,I=e?Symbol.for("react.lazy"):60116,A=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,G=e?Symbol.for("react.responder"):60118,oe=e?Symbol.for("react.scope"):60119;function L(p){return typeof p=="string"||typeof p=="function"||p===t||p===u||p===o||p===a||p===m||p===w||typeof p=="object"&&p!==null&&(p.$$typeof===I||p.$$typeof===F||p.$$typeof===c||p.$$typeof===i||p.$$typeof===g||p.$$typeof===$||p.$$typeof===G||p.$$typeof===oe||p.$$typeof===A)}function B(p){if(typeof p=="object"&&p!==null){var Z=p.$$typeof;switch(Z){case r:var ge=p.type;switch(ge){case v:case u:case t:case o:case a:case m:return ge;default:var Se=ge&&ge.$$typeof;switch(Se){case i:case g:case I:case F:case c:return Se;default:return Z}}case n:return Z}}}var f=v,X=u,ne=i,de=c,ie=r,se=g,ve=t,ye=I,le=F,q=n,R=o,re=a,ae=m,ue=!1;function V(p){return ue||(ue=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),l(p)||B(p)===v}function l(p){return B(p)===u}function y(p){return B(p)===i}function T(p){return B(p)===c}function S(p){return typeof p=="object"&&p!==null&&p.$$typeof===r}function _(p){return B(p)===g}function D(p){return B(p)===t}function E(p){return B(p)===I}function O(p){return B(p)===F}function x(p){return B(p)===n}function P(p){return B(p)===o}function C(p){return B(p)===a}function U(p){return B(p)===m}k.AsyncMode=f,k.ConcurrentMode=X,k.ContextConsumer=ne,k.ContextProvider=de,k.Element=ie,k.ForwardRef=se,k.Fragment=ve,k.Lazy=ye,k.Memo=le,k.Portal=q,k.Profiler=R,k.StrictMode=re,k.Suspense=ae,k.isAsyncMode=V,k.isConcurrentMode=l,k.isContextConsumer=y,k.isContextProvider=T,k.isElement=S,k.isForwardRef=_,k.isFragment=D,k.isLazy=E,k.isMemo=O,k.isPortal=x,k.isProfiler=P,k.isStrictMode=C,k.isSuspense=U,k.isValidElementType=L,k.typeOf=B}()),k}var wr;function Tr(){return wr||(wr=1,process.env.NODE_ENV==="production"?De.exports=Kn():De.exports=Un()),De.exports}/*
|
|
26
|
+
object-assign
|
|
27
|
+
(c) Sindre Sorhus
|
|
28
|
+
@license MIT
|
|
29
|
+
*/var Be,Sr;function Gn(){if(Sr)return Be;Sr=1;var e=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable;function t(o){if(o==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(o)}function a(){try{if(!Object.assign)return!1;var o=new String("abc");if(o[5]="de",Object.getOwnPropertyNames(o)[0]==="5")return!1;for(var c={},i=0;i<10;i++)c["_"+String.fromCharCode(i)]=i;var v=Object.getOwnPropertyNames(c).map(function(g){return c[g]});if(v.join("")!=="0123456789")return!1;var u={};return"abcdefghijklmnopqrst".split("").forEach(function(g){u[g]=g}),Object.keys(Object.assign({},u)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Be=a()?Object.assign:function(o,c){for(var i,v=t(o),u,g=1;g<arguments.length;g++){i=Object(arguments[g]);for(var m in i)r.call(i,m)&&(v[m]=i[m]);if(e){u=e(i);for(var w=0;w<u.length;w++)n.call(i,u[w])&&(v[u[w]]=i[u[w]])}}return v},Be}var We,Or;function qe(){if(Or)return We;Or=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return We=e,We}var Ye,Cr;function Dr(){return Cr||(Cr=1,Ye=Function.call.bind(Object.prototype.hasOwnProperty)),Ye}var He,xr;function Vn(){if(xr)return He;xr=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var r=qe(),n={},t=Dr();e=function(o){var c="Warning: "+o;typeof console<"u"&&console.error(c);try{throw new Error(c)}catch{}}}function a(o,c,i,v,u){if(process.env.NODE_ENV!=="production"){for(var g in o)if(t(o,g)){var m;try{if(typeof o[g]!="function"){var w=Error((v||"React class")+": "+i+" type `"+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[g]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw w.name="Invariant Violation",w}m=o[g](c,g,v,i,null,r)}catch(I){m=I}if(m&&!(m instanceof Error)&&e((v||"React class")+": type specification of "+i+" `"+g+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in n)){n[m.message]=!0;var F=u?u():"";e("Failed "+i+" type: "+m.message+(F??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(n={})},He=a,He}var Ke,Ar;function Jn(){if(Ar)return Ke;Ar=1;var e=Tr(),r=Gn(),n=qe(),t=Dr(),a=Vn(),o=function(){};process.env.NODE_ENV!=="production"&&(o=function(i){var v="Warning: "+i;typeof console<"u"&&console.error(v);try{throw new Error(v)}catch{}});function c(){return null}return Ke=function(i,v){var u=typeof Symbol=="function"&&Symbol.iterator,g="@@iterator";function m(l){var y=l&&(u&&l[u]||l[g]);if(typeof y=="function")return y}var w="<<anonymous>>",F={array:G("array"),bigint:G("bigint"),bool:G("boolean"),func:G("function"),number:G("number"),object:G("object"),string:G("string"),symbol:G("symbol"),any:oe(),arrayOf:L,element:B(),elementType:f(),instanceOf:X,node:se(),objectOf:de,oneOf:ne,oneOfType:ie,shape:ye,exact:le};function I(l,y){return l===y?l!==0||1/l===1/y:l!==l&&y!==y}function A(l,y){this.message=l,this.data=y&&typeof y=="object"?y:{},this.stack=""}A.prototype=Error.prototype;function $(l){if(process.env.NODE_ENV!=="production")var y={},T=0;function S(D,E,O,x,P,C,U){if(x=x||w,C=C||O,U!==n){if(v){var p=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw p.name="Invariant Violation",p}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var Z=x+":"+O;!y[Z]&&T<3&&(o("You are manually calling a React.PropTypes validation function for the `"+C+"` prop on `"+x+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),y[Z]=!0,T++)}}return E[O]==null?D?E[O]===null?new A("The "+P+" `"+C+"` is marked as required "+("in `"+x+"`, but its value is `null`.")):new A("The "+P+" `"+C+"` is marked as required in "+("`"+x+"`, but its value is `undefined`.")):null:l(E,O,x,P,C)}var _=S.bind(null,!1);return _.isRequired=S.bind(null,!0),_}function G(l){function y(T,S,_,D,E,O){var x=T[S],P=re(x);if(P!==l){var C=ae(x);return new A("Invalid "+D+" `"+E+"` of type "+("`"+C+"` supplied to `"+_+"`, expected ")+("`"+l+"`."),{expectedType:l})}return null}return $(y)}function oe(){return $(c)}function L(l){function y(T,S,_,D,E){if(typeof l!="function")return new A("Property `"+E+"` of component `"+_+"` has invalid PropType notation inside arrayOf.");var O=T[S];if(!Array.isArray(O)){var x=re(O);return new A("Invalid "+D+" `"+E+"` of type "+("`"+x+"` supplied to `"+_+"`, expected an array."))}for(var P=0;P<O.length;P++){var C=l(O,P,_,D,E+"["+P+"]",n);if(C instanceof Error)return C}return null}return $(y)}function B(){function l(y,T,S,_,D){var E=y[T];if(!i(E)){var O=re(E);return new A("Invalid "+_+" `"+D+"` of type "+("`"+O+"` supplied to `"+S+"`, expected a single ReactElement."))}return null}return $(l)}function f(){function l(y,T,S,_,D){var E=y[T];if(!e.isValidElementType(E)){var O=re(E);return new A("Invalid "+_+" `"+D+"` of type "+("`"+O+"` supplied to `"+S+"`, expected a single ReactElement type."))}return null}return $(l)}function X(l){function y(T,S,_,D,E){if(!(T[S]instanceof l)){var O=l.name||w,x=V(T[S]);return new A("Invalid "+D+" `"+E+"` of type "+("`"+x+"` supplied to `"+_+"`, expected ")+("instance of `"+O+"`."))}return null}return $(y)}function ne(l){if(!Array.isArray(l))return process.env.NODE_ENV!=="production"&&(arguments.length>1?o("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):o("Invalid argument supplied to oneOf, expected an array.")),c;function y(T,S,_,D,E){for(var O=T[S],x=0;x<l.length;x++)if(I(O,l[x]))return null;var P=JSON.stringify(l,function(U,p){var Z=ae(p);return Z==="symbol"?String(p):p});return new A("Invalid "+D+" `"+E+"` of value `"+String(O)+"` "+("supplied to `"+_+"`, expected one of "+P+"."))}return $(y)}function de(l){function y(T,S,_,D,E){if(typeof l!="function")return new A("Property `"+E+"` of component `"+_+"` has invalid PropType notation inside objectOf.");var O=T[S],x=re(O);if(x!=="object")return new A("Invalid "+D+" `"+E+"` of type "+("`"+x+"` supplied to `"+_+"`, expected an object."));for(var P in O)if(t(O,P)){var C=l(O,P,_,D,E+"."+P,n);if(C instanceof Error)return C}return null}return $(y)}function ie(l){if(!Array.isArray(l))return process.env.NODE_ENV!=="production"&&o("Invalid argument supplied to oneOfType, expected an instance of array."),c;for(var y=0;y<l.length;y++){var T=l[y];if(typeof T!="function")return o("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+ue(T)+" at index "+y+"."),c}function S(_,D,E,O,x){for(var P=[],C=0;C<l.length;C++){var U=l[C],p=U(_,D,E,O,x,n);if(p==null)return null;p.data&&t(p.data,"expectedType")&&P.push(p.data.expectedType)}var Z=P.length>0?", expected one of type ["+P.join(", ")+"]":"";return new A("Invalid "+O+" `"+x+"` supplied to "+("`"+E+"`"+Z+"."))}return $(S)}function se(){function l(y,T,S,_,D){return q(y[T])?null:new A("Invalid "+_+" `"+D+"` supplied to "+("`"+S+"`, expected a ReactNode."))}return $(l)}function ve(l,y,T,S,_){return new A((l||"React class")+": "+y+" type `"+T+"."+S+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+_+"`.")}function ye(l){function y(T,S,_,D,E){var O=T[S],x=re(O);if(x!=="object")return new A("Invalid "+D+" `"+E+"` of type `"+x+"` "+("supplied to `"+_+"`, expected `object`."));for(var P in l){var C=l[P];if(typeof C!="function")return ve(_,D,E,P,ae(C));var U=C(O,P,_,D,E+"."+P,n);if(U)return U}return null}return $(y)}function le(l){function y(T,S,_,D,E){var O=T[S],x=re(O);if(x!=="object")return new A("Invalid "+D+" `"+E+"` of type `"+x+"` "+("supplied to `"+_+"`, expected `object`."));var P=r({},T[S],l);for(var C in P){var U=l[C];if(t(l,C)&&typeof U!="function")return ve(_,D,E,C,ae(U));if(!U)return new A("Invalid "+D+" `"+E+"` key `"+C+"` supplied to `"+_+"`.\nBad object: "+JSON.stringify(T[S],null," ")+`
|
|
30
|
+
Valid keys: `+JSON.stringify(Object.keys(l),null," "));var p=U(O,C,_,D,E+"."+C,n);if(p)return p}return null}return $(y)}function q(l){switch(typeof l){case"number":case"string":case"undefined":return!0;case"boolean":return!l;case"object":if(Array.isArray(l))return l.every(q);if(l===null||i(l))return!0;var y=m(l);if(y){var T=y.call(l),S;if(y!==l.entries){for(;!(S=T.next()).done;)if(!q(S.value))return!1}else for(;!(S=T.next()).done;){var _=S.value;if(_&&!q(_[1]))return!1}}else return!1;return!0;default:return!1}}function R(l,y){return l==="symbol"?!0:y?y["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&y instanceof Symbol:!1}function re(l){var y=typeof l;return Array.isArray(l)?"array":l instanceof RegExp?"object":R(y,l)?"symbol":y}function ae(l){if(typeof l>"u"||l===null)return""+l;var y=re(l);if(y==="object"){if(l instanceof Date)return"date";if(l instanceof RegExp)return"regexp"}return y}function ue(l){var y=ae(l);switch(y){case"array":case"object":return"an "+y;case"boolean":case"date":case"regexp":return"a "+y;default:return y}}function V(l){return!l.constructor||!l.constructor.name?w:l.constructor.name}return F.checkPropTypes=a,F.resetWarningCache=a.resetWarningCache,F.PropTypes=F,F},Ke}var Ue,Pr;function Rn(){if(Pr)return Ue;Pr=1;var e=qe();function r(){}function n(){}return n.resetWarningCache=r,Ue=function(){function t(c,i,v,u,g,m){if(m!==e){var w=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw w.name="Invariant Violation",w}}t.isRequired=t;function a(){return t}var o={array:t,bigint:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:a,element:t,elementType:t,instanceOf:a,node:t,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:n,resetWarningCache:r};return o.PropTypes=o,o},Ue}if(process.env.NODE_ENV!=="production"){var Xn=Tr(),Zn=!0;ze.exports=Jn()(Xn.isElement,Zn)}else ze.exports=Rn()();var Qn=ze.exports;const N=cr(Qn);function me(e,r,n,t){function a(o){return o instanceof n?o:new n(function(c){c(o)})}return new(n||(n=Promise))(function(o,c){function i(g){try{u(t.next(g))}catch(m){c(m)}}function v(g){try{u(t.throw(g))}catch(m){c(m)}}function u(g){g.done?o(g.value):a(g.value).then(i,v)}u((t=t.apply(e,r||[])).next())})}function be(e,r){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,a,o,c;return c={next:i(0),throw:i(1),return:i(2)},typeof Symbol=="function"&&(c[Symbol.iterator]=function(){return this}),c;function i(u){return function(g){return v([u,g])}}function v(u){if(t)throw new TypeError("Generator is already executing.");for(;c&&(c=0,u[0]&&(n=0)),n;)try{if(t=1,a&&(o=u[0]&2?a.return:u[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,u[1])).done)return o;switch(a=0,o&&(u=[u[0]&2,o.value]),u[0]){case 0:case 1:o=u;break;case 4:return n.label++,{value:u[1],done:!1};case 5:n.label++,a=u[1],u=[0];continue;case 7:u=n.ops.pop(),n.trys.pop();continue;default:if(o=n.trys,!(o=o.length>0&&o[o.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!o||u[1]>o[0]&&u[1]<o[3])){n.label=u[1];break}if(u[0]===6&&n.label<o[1]){n.label=o[1],o=u;break}if(o&&n.label<o[2]){n.label=o[2],n.ops.push(u);break}o[2]&&n.ops.pop(),n.trys.pop();continue}u=r.call(e,n)}catch(g){u=[6,g],a=0}finally{t=o=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:!0}}}function Fr(e,r){var n=typeof Symbol=="function"&&e[Symbol.iterator];if(!n)return e;var t=n.call(e),a,o=[],c;try{for(;(r===void 0||r-- >0)&&!(a=t.next()).done;)o.push(a.value)}catch(i){c={error:i}}finally{try{a&&!a.done&&(n=t.return)&&n.call(t)}finally{if(c)throw c.error}}return o}function Ir(e,r,n){if(n||arguments.length===2)for(var t=0,a=r.length,o;t<a;t++)(o||!(t in r))&&(o||(o=Array.prototype.slice.call(r,0,t)),o[t]=r[t]);return e.concat(o||Array.prototype.slice.call(r))}typeof SuppressedError=="function"&&SuppressedError;var et=new Map([["aac","audio/aac"],["abw","application/x-abiword"],["arc","application/x-freearc"],["avif","image/avif"],["avi","video/x-msvideo"],["azw","application/vnd.amazon.ebook"],["bin","application/octet-stream"],["bmp","image/bmp"],["bz","application/x-bzip"],["bz2","application/x-bzip2"],["cda","application/x-cdf"],["csh","application/x-csh"],["css","text/css"],["csv","text/csv"],["doc","application/msword"],["docx","application/vnd.openxmlformats-officedocument.wordprocessingml.document"],["eot","application/vnd.ms-fontobject"],["epub","application/epub+zip"],["gz","application/gzip"],["gif","image/gif"],["heic","image/heic"],["heif","image/heif"],["htm","text/html"],["html","text/html"],["ico","image/vnd.microsoft.icon"],["ics","text/calendar"],["jar","application/java-archive"],["jpeg","image/jpeg"],["jpg","image/jpeg"],["js","text/javascript"],["json","application/json"],["jsonld","application/ld+json"],["mid","audio/midi"],["midi","audio/midi"],["mjs","text/javascript"],["mp3","audio/mpeg"],["mp4","video/mp4"],["mpeg","video/mpeg"],["mpkg","application/vnd.apple.installer+xml"],["odp","application/vnd.oasis.opendocument.presentation"],["ods","application/vnd.oasis.opendocument.spreadsheet"],["odt","application/vnd.oasis.opendocument.text"],["oga","audio/ogg"],["ogv","video/ogg"],["ogx","application/ogg"],["opus","audio/opus"],["otf","font/otf"],["png","image/png"],["pdf","application/pdf"],["php","application/x-httpd-php"],["ppt","application/vnd.ms-powerpoint"],["pptx","application/vnd.openxmlformats-officedocument.presentationml.presentation"],["rar","application/vnd.rar"],["rtf","application/rtf"],["sh","application/x-sh"],["svg","image/svg+xml"],["swf","application/x-shockwave-flash"],["tar","application/x-tar"],["tif","image/tiff"],["tiff","image/tiff"],["ts","video/mp2t"],["ttf","font/ttf"],["txt","text/plain"],["vsd","application/vnd.visio"],["wav","audio/wav"],["weba","audio/webm"],["webm","video/webm"],["webp","image/webp"],["woff","font/woff"],["woff2","font/woff2"],["xhtml","application/xhtml+xml"],["xls","application/vnd.ms-excel"],["xlsx","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],["xml","application/xml"],["xul","application/vnd.mozilla.xul+xml"],["zip","application/zip"],["7z","application/x-7z-compressed"],["mkv","video/x-matroska"],["mov","video/quicktime"],["msg","application/vnd.ms-outlook"]]);function we(e,r){var n=rt(e);if(typeof n.path!="string"){var t=e.webkitRelativePath;Object.defineProperty(n,"path",{value:typeof r=="string"?r:typeof t=="string"&&t.length>0?t:e.name,writable:!1,configurable:!1,enumerable:!0})}return n}function rt(e){var r=e.name,n=r&&r.lastIndexOf(".")!==-1;if(n&&!e.type){var t=r.split(".").pop().toLowerCase(),a=et.get(t);a&&Object.defineProperty(e,"type",{value:a,writable:!1,configurable:!1,enumerable:!0})}return e}var nt=[".DS_Store","Thumbs.db"];function tt(e){return me(this,void 0,void 0,function(){return be(this,function(r){return xe(e)&&ot(e.dataTransfer)?[2,ct(e.dataTransfer,e.type)]:at(e)?[2,it(e)]:Array.isArray(e)&&e.every(function(n){return"getFile"in n&&typeof n.getFile=="function"})?[2,st(e)]:[2,[]]})})}function ot(e){return xe(e)}function at(e){return xe(e)&&xe(e.target)}function xe(e){return typeof e=="object"&&e!==null}function it(e){return Ge(e.target.files).map(function(r){return we(r)})}function st(e){return me(this,void 0,void 0,function(){var r;return be(this,function(n){switch(n.label){case 0:return[4,Promise.all(e.map(function(t){return t.getFile()}))];case 1:return r=n.sent(),[2,r.map(function(t){return we(t)})]}})})}function ct(e,r){return me(this,void 0,void 0,function(){var n,t;return be(this,function(a){switch(a.label){case 0:return e.items?(n=Ge(e.items).filter(function(o){return o.kind==="file"}),r!=="drop"?[2,n]:[4,Promise.all(n.map(lt))]):[3,2];case 1:return t=a.sent(),[2,jr(kr(t))];case 2:return[2,jr(Ge(e.files).map(function(o){return we(o)}))]}})})}function jr(e){return e.filter(function(r){return nt.indexOf(r.name)===-1})}function Ge(e){if(e===null)return[];for(var r=[],n=0;n<e.length;n++){var t=e[n];r.push(t)}return r}function lt(e){if(typeof e.webkitGetAsEntry!="function")return Nr(e);var r=e.webkitGetAsEntry();return r&&r.isDirectory?Mr(r):Nr(e)}function kr(e){return e.reduce(function(r,n){return Ir(Ir([],Fr(r),!1),Fr(Array.isArray(n)?kr(n):[n]),!1)},[])}function Nr(e){var r=e.getAsFile();if(!r)return Promise.reject("".concat(e," is not a File"));var n=we(r);return Promise.resolve(n)}function ut(e){return me(this,void 0,void 0,function(){return be(this,function(r){return[2,e.isDirectory?Mr(e):ft(e)]})})}function Mr(e){var r=e.createReader();return new Promise(function(n,t){var a=[];function o(){var c=this;r.readEntries(function(i){return me(c,void 0,void 0,function(){var v,u,g;return be(this,function(m){switch(m.label){case 0:if(i.length)return[3,5];m.label=1;case 1:return m.trys.push([1,3,,4]),[4,Promise.all(a)];case 2:return v=m.sent(),n(v),[3,4];case 3:return u=m.sent(),t(u),[3,4];case 4:return[3,6];case 5:g=Promise.all(i.map(ut)),a.push(g),o(),m.label=6;case 6:return[2]}})})},function(i){t(i)})}o()})}function ft(e){return me(this,void 0,void 0,function(){return be(this,function(r){return[2,new Promise(function(n,t){e.file(function(a){var o=we(a,e.fullPath);n(o)},function(a){t(a)})})]})})}var pt=function(e,r){if(e&&r){var n=Array.isArray(r)?r:r.split(","),t=e.name||"",a=(e.type||"").toLowerCase(),o=a.replace(/\/.*$/,"");return n.some(function(c){var i=c.trim().toLowerCase();return i.charAt(0)==="."?t.toLowerCase().endsWith(i):i.endsWith("/*")?o===i.replace(/\/.*$/,""):a===i})}return!0};function $r(e){return yt(e)||vt(e)||Wr(e)||dt()}function dt(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
31
|
+
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 yt(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 zr(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){Br(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 Br(e,r,n){return r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function Te(e,r){return bt(e)||mt(e,r)||Wr(e,r)||gt()}function gt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
32
|
+
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,c,i;try{for(n=n.call(e);!(a=(c=n.next()).done)&&(t.push(c.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",Tt=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")}},St={code:wt,message:"Too many files"};function Hr(e,r){var n=e.type==="application/x-moz-file"||pt(e,r);return[n,n?null:Tt(r)]}function Kr(e,r,n){if(pe(e.size))if(pe(r)&&pe(n)){if(e.size>n)return[!1,qr(n)];if(e.size<r)return[!1,Yr(r)]}else{if(pe(r)&&e.size<r)return[!1,Yr(r)];if(pe(n)&&e.size>n)return[!1,qr(n)]}return[!0,null]}function pe(e){return e!=null}function Ot(e){var r=e.files,n=e.accept,t=e.minSize,a=e.maxSize,o=e.multiple,c=e.maxFiles,i=e.validator;return!o&&r.length>1||o&&c>=1&&r.length>c?!1:r.every(function(v){var u=Hr(v,n),g=Te(u,1),m=g[0],w=Kr(v,t,a),F=Te(w,1),I=F[0],A=i?i(v):null;return m&&I&&!A})}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 Ur(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 te(){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),c=1;c<a;c++)o[c-1]=arguments[c];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(pe(e)){var r=Object.entries(e).filter(function(n){var t=Te(n,2),a=t[0],o=t[1],c=!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.')),c=!1),(!Array.isArray(o)||!o.every(Vr))&&(console.warn('Skipped "'.concat(a,'" because an invalid file extension was provided.')),c=!1),c}).reduce(function(n,t){var a=Te(t,2),o=a[0],c=a[1];return zr(zr({},n),{},Br({},o,c))},{});return[{description:"Files",accept:r}]}return e}function Ft(e){if(pe(e))return Object.entries(e).reduce(function(r,n){var t=Te(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 It(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"],Nt=["open"],Mt=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"],$t=["refKey","onChange","onClick"];function Lt(e){return Wt(e)||Bt(e)||Jr(e)||zt()}function zt(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
33
|
+
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Bt(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Wt(e){if(Array.isArray(e))return Re(e)}function Je(e,r){return Ht(e)||Yt(e,r)||Jr(e,r)||qt()}function qt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
34
|
+
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 Re(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 Re(e,r)}}function Re(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,c,i;try{for(n=n.call(e);!(a=(c=n.next()).done)&&(t.push(c.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 Ht(e){if(Array.isArray(e))return e}function Rr(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 z(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?Rr(Object(n),!0).forEach(function(t){Xe(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Rr(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 Fe(e,r){if(e==null)return{};var n=Kt(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 Kt(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 Ze=b.forwardRef(function(e,r){var n=e.children,t=Fe(e,kt),a=Zr(t),o=a.open,c=Fe(a,Nt);return b.useImperativeHandle(r,function(){return{open:o}},[o]),b.createElement(b.Fragment,null,n(z(z({},c),{},{open:o})))});Ze.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};Ze.defaultProps=Xr,Ze.propTypes={children:N.func,accept:N.objectOf(N.arrayOf(N.string)),multiple:N.bool,preventDropOnDocument:N.bool,noClick:N.bool,noKeyboard:N.bool,noDrag:N.bool,noDragEventsBubbling:N.bool,minSize:N.number,maxSize:N.number,maxFiles:N.number,disabled:N.bool,getFilesFromEvent:N.func,onFileDialogCancel:N.func,onFileDialogOpen:N.func,useFsAccessApi:N.bool,autoFocus:N.bool,onDragEnter:N.func,onDragLeave:N.func,onDragOver:N.func,onDrop:N.func,onDropAccepted:N.func,onDropRejected:N.func,onError:N.func,validator:N.func};var Qe={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function Zr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=z(z({},Xr),e),n=r.accept,t=r.disabled,a=r.getFilesFromEvent,o=r.maxSize,c=r.minSize,i=r.multiple,v=r.maxFiles,u=r.onDragEnter,g=r.onDragLeave,m=r.onDragOver,w=r.onDrop,F=r.onDropAccepted,I=r.onDropRejected,A=r.onFileDialogCancel,$=r.onFileDialogOpen,G=r.useFsAccessApi,oe=r.autoFocus,L=r.preventDropOnDocument,B=r.noClick,f=r.noKeyboard,X=r.noDrag,ne=r.noDragEventsBubbling,de=r.onError,ie=r.validator,se=b.useMemo(function(){return Ft(n)},[n]),ve=b.useMemo(function(){return Pt(n)},[n]),ye=b.useMemo(function(){return typeof $=="function"?$:Qr},[$]),le=b.useMemo(function(){return typeof A=="function"?A:Qr},[A]),q=b.useRef(null),R=b.useRef(null),re=b.useReducer(Ut,Qe),ae=Je(re,2),ue=ae[0],V=ae[1],l=ue.isFocused,y=ue.isFileDialogActive,T=b.useRef(typeof window<"u"&&window.isSecureContext&&G&&At()),S=function(){!T.current&&y&&setTimeout(function(){if(R.current){var h=R.current.files;h.length||(V({type:"closeDialog"}),le())}},300)};b.useEffect(function(){return window.addEventListener("focus",S,!1),function(){window.removeEventListener("focus",S,!1)}},[R,y,le,T]);var _=b.useRef([]),D=function(h){q.current&&q.current.contains(h.target)||(h.preventDefault(),_.current=[])};b.useEffect(function(){return L&&(document.addEventListener("dragover",Ur,!1),document.addEventListener("drop",D,!1)),function(){L&&(document.removeEventListener("dragover",Ur),document.removeEventListener("drop",D))}},[q,L]),b.useEffect(function(){return!t&&oe&&q.current&&q.current.focus(),function(){}},[q,oe,t]);var E=b.useCallback(function(d){de?de(d):console.error(d)},[de]),O=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),_.current=[].concat(Lt(_.current),[d.target]),Pe(d)&&Promise.resolve(a(d)).then(function(h){if(!(Ae(d)&&!ne)){var H=h.length,J=H>0&&Ot({files:h,accept:se,minSize:c,maxSize:o,multiple:i,maxFiles:v,validator:ie}),Q=H>0&&!J;V({isDragAccept:J,isDragReject:Q,isDragActive:!0,type:"setDraggedFiles"}),u&&u(d)}}).catch(function(h){return E(h)})},[a,u,E,ne,se,c,o,i,v,ie]),x=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,ne]),P=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d);var h=_.current.filter(function(J){return q.current&&q.current.contains(J)}),H=h.indexOf(d.target);H!==-1&&h.splice(H,1),_.current=h,!(h.length>0)&&(V({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),Pe(d)&&g&&g(d))},[q,g,ne]),C=b.useCallback(function(d,h){var H=[],J=[];d.forEach(function(Q){var Oe=Hr(Q,se),_e=Je(Oe,2),rr=_e[0],nr=_e[1],tr=Kr(Q,c,o),ke=Je(tr,2),or=ke[0],ar=ke[1],ir=ie?ie(Q):null;if(rr&&or&&!ir)H.push(Q);else{var sr=[nr,ar];ir&&(sr=sr.concat(ir)),J.push({file:Q,errors:sr.filter(function(Zt){return Zt})})}}),(!i&&H.length>1||i&&v>=1&&H.length>v)&&(H.forEach(function(Q){J.push({file:Q,errors:[St]})}),H.splice(0)),V({acceptedFiles:H,fileRejections:J,type:"setFiles"}),w&&w(H,J,h),J.length>0&&I&&I(J,h),H.length>0&&F&&F(H,h)},[V,i,se,c,o,v,w,F,I,ie]),U=b.useCallback(function(d){d.preventDefault(),d.persist(),je(d),_.current=[],Pe(d)&&Promise.resolve(a(d)).then(function(h){Ae(d)&&!ne||C(h,d)}).catch(function(h){return E(h)}),V({type:"reset"})},[a,C,E,ne]),p=b.useCallback(function(){if(T.current){V({type:"openDialog"}),ye();var d={multiple:i,types:ve};window.showOpenFilePicker(d).then(function(h){return a(h)}).then(function(h){C(h,null),V({type:"closeDialog"})}).catch(function(h){It(h)?(le(h),V({type:"closeDialog"})):jt(h)?(T.current=!1,R.current?(R.current.value=null,R.current.click()):E(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."))):E(h)});return}R.current&&(V({type:"openDialog"}),ye(),R.current.value=null,R.current.click())},[V,ye,le,G,C,E,ve,i]),Z=b.useCallback(function(d){!q.current||!q.current.isEqualNode(d.target)||(d.key===" "||d.key==="Enter"||d.keyCode===32||d.keyCode===13)&&(d.preventDefault(),p())},[q,p]),ge=b.useCallback(function(){V({type:"focus"})},[]),Se=b.useCallback(function(){V({type:"blur"})},[]),rn=b.useCallback(function(){B||(xt()?setTimeout(p,0):p())},[B,p]),he=function(h){return t?null:h},er=function(h){return f?null:he(h)},Ie=function(h){return X?null:he(h)},je=function(h){ne&&h.stopPropagation()},Jt=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,J=d.role,Q=d.onKeyDown,Oe=d.onFocus,_e=d.onBlur,rr=d.onClick,nr=d.onDragEnter,tr=d.onDragOver,ke=d.onDragLeave,or=d.onDrop,ar=Fe(d,Mt);return z(z(Xe({onKeyDown:er(te(Q,Z)),onFocus:er(te(Oe,ge)),onBlur:er(te(_e,Se)),onClick:he(te(rr,rn)),onDragEnter:Ie(te(nr,O)),onDragOver:Ie(te(tr,x)),onDragLeave:Ie(te(ke,P)),onDrop:Ie(te(or,U)),role:typeof J=="string"&&J!==""?J:"presentation"},H,q),!t&&!f?{tabIndex:0}:{}),ar)}},[q,Z,ge,Se,rn,O,x,P,U,f,X,t]),Rt=b.useCallback(function(d){d.stopPropagation()},[]),Xt=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,J=d.onChange,Q=d.onClick,Oe=Fe(d,$t),_e=Xe({accept:se,multiple:i,type:"file",style:{display:"none"},onChange:he(te(J,U)),onClick:he(te(Q,Rt)),tabIndex:-1},H,R);return z(z({},_e),Oe)}},[R,n,i,U,t]);return z(z({},ue),{},{isFocused:l&&!t,getRootProps:Jt,getInputProps:Xt,rootRef:q,inputRef:R,open:he(p)})}function Ut(e,r){switch(r.type){case"focus":return z(z({},e),{},{isFocused:!0});case"blur":return z(z({},e),{},{isFocused:!1});case"openDialog":return z(z({},Qe),{},{isFileDialogActive:!0});case"closeDialog":return z(z({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return z(z({},e),{},{isDragActive:r.isDragActive,isDragAccept:r.isDragAccept,isDragReject:r.isDragReject});case"setFiles":return z(z({},e),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return z({},Qe);default:return e}}function Qr(){}const lo="",Gt=({onFileUpload:e})=>{const{getRootProps:r}=Zr({onDrop:e});return s.jsx("div",{...r(),className:"file-upload","data-testid":"file-upload",children:s.jsx("button",{className:"file-upload__button",children:"Drag and drop files here or click to upload"})})},uo="",en=({items:e,selectedItems:r,disabledItems:n,header:t,updateItems:a,isOpen:o,...c})=>s.jsx(br,{isVisible:o,children:s.jsxs("div",{className:"multi-select__dropdown",role:"listbox",...c,children:[t&&s.jsx("h5",{className:"multi-select__dropdown-header",children:t}),s.jsx("ul",{className:"multi-select__dropdown-list",children:e.map(i=>s.jsx("li",{className:"multi-select__dropdown-item",children:s.jsx(Y.CheckboxInput,{disabled:n.includes(i),label:i,checked:r.includes(i),onChange:()=>a(r.includes(i)?r.filter(v=>v!==i):[...r,i])})},i))}),s.jsxs("div",{className:"multi-select__buttons",children:[s.jsx(Y.Button,{appearance:"link",onClick:()=>{const i=e.filter(v=>!n.includes(v));a([...r,...i])},type:"button",children:"Select all"}),s.jsx(Y.Button,{appearance:"link",onClick:()=>{const i=r.filter(v=>n.includes(v));a(i)},type:"button",children:"Clear"})]})]})}),Vt=({disabled:e,selectedItems:r=[],label:n,onItemsUpdate:t,placeholder:a="Select items",required:o=!1,items:c=[],disabledItems:i=[],header:v})=>{const u=Y.useClickOutside(()=>{m(!1)});Y.useOnEscapePressed(()=>m(!1));const[g,m]=b.useState(!1),[w,F]=b.useState("");b.useEffect(()=>{g||F("")},[g]);const[I,A]=b.useState([]),$=r||I,G=f=>{const X=Array.from(new Set(f));A(X),t&&t(X)},oe=$.map(f=>s.jsx("li",{className:"multi-select__selected-item","aria-label":f,children:f},f)),L=b.useId(),B=b.useId();return s.jsx("div",{ref:u,children:s.jsxs("div",{className:"multi-select",children:[$.length>0&&s.jsx("ul",{className:"multi-select__selected-list","aria-label":"selected",children:oe}),s.jsx(Y.Input,{"aria-controls":L,"aria-expanded":g,id:B,role:"combobox",label:n,disabled:e,autoComplete:"off",onChange:f=>F(f.target.value),onFocus:()=>m(!0),placeholder:a,required:o,type:"text",value:w,className:"multi-select__input"}),s.jsx(en,{id:L,isOpen:g,items:w.length>0?c.filter(f=>f.includes(w)):c,selectedItems:$,disabledItems:i,header:v,updateItems:G})]})})};M.ContentSection=Ee,M.ExternalLink=un,M.FileUpload=Gt,M.FormSection=Ce,M.InputGroup=$e,M.MainToolbar=Le,M.Meter=vr,M.MultiSelect=Vt,M.MultiSelectDropdown=en,M.Navigation=K,M.NavigationBar=yr,M.NestedFormGroup=qn,M.Pagination=hr,M.PaginationContainer=Yn,M.Stepper=Hn,M.defaultFilledColors=on,M.meterColor=ce,M.testIds=fe,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from "react";
|
|
2
|
+
export interface FadeInDownProps extends PropsWithChildren {
|
|
3
|
+
isVisible: boolean;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* EXPERIMENTAL: This component is experimental and should be used internally only.
|
|
8
|
+
*/
|
|
9
|
+
export declare const FadeInDown: FC<FadeInDownProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./FadeInDown";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta } from "@storybook/react";
|
|
2
|
+
import { FileUpload } from '../../../lib/components/FileUpload';
|
|
3
|
+
declare const meta: Meta<typeof FileUpload>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Example: {
|
|
6
|
+
args: {
|
|
7
|
+
onFileUpload: (files: File[]) => void;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./FileUpload";
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export type MultiSelectItem = string;
|
|
3
|
+
export type MultiSelectProps = {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
error?: string;
|
|
6
|
+
selectedItems?: MultiSelectItem[];
|
|
7
|
+
help?: string;
|
|
8
|
+
label?: string | null;
|
|
9
|
+
onItemsUpdate?: (items: MultiSelectItem[]) => void;
|
|
10
|
+
placeholder?: string;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
items: MultiSelectItem[];
|
|
13
|
+
disabledItems?: MultiSelectItem[];
|
|
14
|
+
renderItem?: (item: MultiSelectItem) => ReactNode;
|
|
15
|
+
header?: ReactNode;
|
|
16
|
+
};
|
|
17
|
+
type MultiSelectDropdownProps = {
|
|
18
|
+
isOpen: boolean;
|
|
19
|
+
items: string[];
|
|
20
|
+
selectedItems: string[];
|
|
21
|
+
disabledItems: string[];
|
|
22
|
+
header?: ReactNode;
|
|
23
|
+
updateItems: (newItems: string[]) => void;
|
|
24
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
25
|
+
export declare const MultiSelectDropdown: React.FC<MultiSelectDropdownProps>;
|
|
26
|
+
/**
|
|
27
|
+
* Component allowing to select multiple items from a list of options.
|
|
28
|
+
*/
|
|
29
|
+
export declare const MultiSelect: React.FC<MultiSelectProps>;
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta } from "@storybook/react";
|
|
2
|
+
import { MultiSelect } from '../../../lib/components/MultiSelect/MultiSelect';
|
|
3
|
+
declare const meta: Meta<typeof MultiSelect>;
|
|
4
|
+
export default meta;
|
|
5
|
+
export declare const Example: {
|
|
6
|
+
args: {
|
|
7
|
+
items: string[];
|
|
8
|
+
selectedItems: string[];
|
|
9
|
+
disabledItems: string[];
|
|
10
|
+
};
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./MultiSelect";
|