@canonical/maas-react-components 1.20.1 → 1.22.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 +1044 -920
- package/dist/@canonical/maas-react-components.umd.js +13 -13
- package/dist/src/lib/components/FileUpload/FileUpload.d.ts +13 -2
- package/dist/src/lib/components/FileUpload/FileUpload.stories.d.ts +7 -3
- package/dist/src/lib/components/Pagination/Pagination.d.ts +4 -3
- package/dist/src/utils.d.ts +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function($,i){typeof exports=="object"&&typeof module<"u"?i(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"],i):($=typeof globalThis<"u"?globalThis:$||self,i($["@canonical/maas-react-components"]={},$["react/jsx-runtime"],$.React,$["@canonical/react-components"]))})(this,function($,i,b,W){"use strict";function tn(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 oe=tn(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 r={}.hasOwnProperty;function n(){for(var o="",
|
|
5
|
+
*/(function(e){(function(){var r={}.hasOwnProperty;function n(){for(var o="",c=0;c<arguments.length;c++){var s=arguments[c];s&&(o=a(o,t(s)))}return o}function t(o){if(typeof o=="string"||typeof o=="number")return o;if(typeof o!="object")return"";if(Array.isArray(o))return n.apply(null,o);if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]"))return o.toString();var c="";for(var s in o)r.call(o,s)&&o[s]&&(c=a(c,s));return c}function a(o,c){return c?o?o+" "+c:o+c:o}e.exports?(n.default=n,e.exports=n):window.classNames=n})()})(lr);var on=lr.exports;const q=cr(on),oo="",le={caution:"#F99B11",light:"#F7F7F7",linkFaded:"#D3E4ED",link:"#0066CC",negative:"#C7162B",positiveFaded:"#B7CCB9",positiveMid:"#4DAB4D",positive:"#0E8420"},an=[le.link,le.positive,le.negative,le.caution],sn=le.linkFaded,ur=le.caution,Ne=le.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},pe={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 s=b.useRef(null),f=n==null?void 0:n.reduce((E,O)=>E+O.value,0),l=t||f,m=n.map(E=>E.value/l*100),[y,_]=b.useState(0);b.useEffect(()=>{_(a==="segmented"?dr(s,l):0)},[l,a]);const h=b.useCallback(()=>{_(dr(s,l))},[s,l,_]);return W.useListener(window,h,"resize",!0,a==="segmented"),i.jsxs("div",{className:q("p-meter",e,{"p-meter--small":o==="small"}),"aria-label":c==null?void 0:c["aria-label"],"data-testid":pe.container,ref:s,children:[i.jsx(cn,{children:i.jsx(ln,{data:n,datumWidths:m,maximum:l,overColor:ur,segmentWidth:y,separatorColor:Ne})}),r]})},cn=({children:e})=>i.jsx("div",{className:"p-meter__bar","data-testid":pe.bar,style:{backgroundColor:sn},children:e}),ln=({data:e,datumWidths:r,maximum:n,segmentWidth:t})=>{const a=()=>(e==null?void 0:e.reduce((s,f)=>s+f.value,0))>n,o=(s,f)=>({backgroundColor:s.color,left:`${r==null?void 0:r.reduce((l,m,y)=>f>y?l+m:l,0)}%`,width:`${r[f]}%`}),c=()=>({background:`repeating-linear-gradient(
|
|
6
6
|
to right,
|
|
7
7
|
transparent 0,
|
|
8
8
|
transparent ${t-pr}px,
|
|
9
|
-
${
|
|
10
|
-
${
|
|
11
|
-
)`});return
|
|
9
|
+
${Ne} ${t-pr}px,
|
|
10
|
+
${Ne} ${t}px
|
|
11
|
+
)`});return i.jsxs(i.Fragment,{children:[a()?i.jsx("div",{className:"p-meter__filled","data-testid":pe.meteroverflow,style:{backgroundColor:ur,width:"100%"}}):e==null?void 0:e.map((s,f)=>i.jsx("div",{className:"p-meter__filled","data-testid":pe.filled,style:o(s,f)},`meter-${f}`)),t>0&&i.jsx("div",{className:"p-meter__separators","data-testid":pe.segments,style:c()})]})},un=({className:e,children:r})=>i.jsx("div",{className:q("p-meter__label",e),"data-testid":pe.label,children:r});vr.Label=un;const fn=({children:e,to:r,...n})=>i.jsx(W.Link,{...n,href:r,rel:"noreferrer noopener",target:"_blank",children:e}),pn=({children:e})=>i.jsx(i.Fragment,{children:e}),dn=({isCollapsed:e,setIsCollapsed:r,className:n})=>i.jsx(W.Tooltip,{className:"p-side-navigation__tooltip-wrapper",message:i.jsxs(i.Fragment,{children:[e?"expand":"collapse","( ",i.jsx("code",{children:"["})," )"]}),position:"right",tooltipClassName:"p-side-navigation__tooltip",children:i.jsx(W.Button,{appearance:"base","aria-label":`${e?"expand":"collapse"} main navigation`,className:q("is-dense has-icon is-dark u-no-margin l-navigation-collapse-toggle",n),onClick:t=>{r(!e),t.stopPropagation(),t.currentTarget.blur()},children:i.jsx(W.Icon,{light:!0,name:"sidebar-toggle"})})}),vn=({children:e})=>i.jsx("div",{className:"p-panel__content",children:i.jsx("nav",{className:"p-side-navigation--icons is-dark",children:e})}),mn=({children:e})=>i.jsx("div",{className:"p-panel__controls u-no-margin--top",children:e}),gn=({children:e})=>i.jsx("div",{className:"l-navigation__drawer",children:i.jsx("div",{className:"p-panel is-dark",children:e})}),yn=({children:e})=>i.jsx("div",{className:"p-panel__footer",children:e}),bn=({children:e})=>i.jsx("div",{className:"p-panel__header",children:e}),hn=({light:e=!0,name:r})=>i.jsx(W.Icon,{className:"p-side-navigation__icon",light:e,name:r}),_n=({children:e,className:r,hasActiveChild:n})=>i.jsx("li",{className:q("p-side-navigation__item",r,{"has-active-child":n}),children:e}),En=({children:e,id:r,variant:n="base"})=>i.jsx("span",{className:q("p-side-navigation__label",{"p-side-navigation__label--group":n==="group"}),id:r,children:e}),wn=({as:e,...r})=>{const n=e||"a";return i.jsx(n,{className:q("p-side-navigation__link",r.className),...r})},Sn=({children:e,className:r})=>i.jsx("ul",{className:q("p-side-navigation__list",r),children:e}),Tn=({as:e,children:r,className:n,...t})=>{const a=e||"a";return i.jsx(a,{className:q("p-panel__logo",n),...t,children:i.jsx("div",{className:"p-navigation__tagged-logo",children:r})})},On=({children:e})=>b.cloneElement(e,{className:"p-panel__logo-icon p-navigation__logo-icon"}),Cn=({children:e,variant:r="base"})=>i.jsx("div",{className:q("p-panel__logo-name is-fading-when-collapsed",{"p-panel__logo-name--small":r==="small"}),children:e}),Dn=({children:e})=>i.jsx("div",{className:"p-navigation__logo-tag",children:e}),xn=({children:e})=>i.jsx("span",{className:"p-panel__logo-text",children:e}),An=({children:e,className:r,onClick:n})=>i.jsx(W.Button,{appearance:"base",className:q("p-side-navigation__button--menu has-icon is-dark",r),onClick:t=>{n&&n(t),t.stopPropagation(),t.currentTarget.blur()},children:e}),Pn=({children:e})=>i.jsx("span",{className:"p-side-navigation__text",children:e}),ao="",G=({children:e,className:r,isCollapsed:n})=>i.jsx("header",{"aria-label":"main navigation",className:q("l-navigation is-maas",r,{"is-collapsed":n,"is-pinned":!n}),children:e}),mr=({children:e,className:r})=>i.jsx("header",{"aria-label":"navigation",className:"l-navigation-bar",children:i.jsx("div",{className:q("p-panel is-dark",r),children:e})});G.Header=bn,G.Banner=pn,G.Drawer=gn,G.Controls=mn,G.CollapseToggle=dn,G.Content=vn,G.Footer=yn,G.List=Sn,G.Item=_n,G.Link=wn,G.Text=Pn,G.Icon=hn,G.Label=En,G.Logo=Tn,G.LogoTag=Dn,G.LogoIcon=On,G.LogoName=Cn,G.LogoText=xn,mr.MenuButton=An;const io="",Me=b.createContext(null),$e=({children:e})=>{const r=b.useId();return i.jsx(Me.Provider,{value:r,children:i.jsx("div",{role:"group","aria-labelledby":`${r}_label`,"aria-describedby":`${r}_description`,className:"p-input-group",children:e})})},In=({children:e})=>{const r=b.useContext(Me);return i.jsx("label",{id:`${r}_label`,children:e})},Fn=({children:e})=>{const r=b.useContext(Me);return i.jsx("p",{className:"p-form-help-text",id:`${r}_description`,children:e})};$e.Label=In,$e.Description=Fn;const so="",Ce=({children:e})=>i.jsx("div",{className:"p-form-section",children:e}),jn=({children:e})=>i.jsx("h5",{className:"p-form-section__title u-no-padding--top",children:e}),kn=({children:e})=>i.jsx("p",{className:"p-form-help-text",children:e}),Nn=({children:e})=>i.jsx("div",{className:"p-form-section__content",children:e});Ce.Title=jn,Ce.Description=kn,Ce.Content=Nn;const co="";function Mn(e){const[r,n]=oe.useState(null),t=oe.useRef(null),a=oe.useCallback(()=>{if(e.current){const o=e.current.getBoundingClientRect();n(o)}},[e]);return oe.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=oe.createContext(null),yr=oe.createContext([!1,()=>{}]),Le=({children:e})=>{const r=oe.useRef(null),n=Mn(r),[t,a]=oe.useState(!1);return i.jsx("header",{className:q("main-toolbar",{"main-toolbar--stacked":t}),ref:r,children:i.jsx(gr.Provider,{value:n,children:i.jsx(yr.Provider,{value:[t,a],children:e})})})},$n=({as:e,children:r,className:n,...t})=>{const a=e||"h1";return i.jsx(a,{className:q("main-toolbar__title p-heading--4",n),"data-testid":"main-toolbar-heading",...t,children:r})},Ln=({children:e})=>{const r=oe.useContext(gr),[n,t]=oe.useContext(yr),a=oe.useRef(null);return oe.useEffect(()=>{!a.current||!r||t(a.current.getBoundingClientRect().width>r.width)},[t,r,a]),i.jsxs(i.Fragment,{children:[i.jsx("div",{"aria-hidden":"true",className:"main-toolbar__controls main-toolbar__controls--observer",ref:a,style:{visibility:"hidden",position:"absolute"},children:e}),i.jsx("div",{className:q("main-toolbar__controls",{"main-toolbar__controls--stacked":n}),children:e})]})};Le.Title=$n,Le.Controls=Ln;const lo="",Ee=({children:e,className:r,as:n,variant:t="wide",...a})=>{const o=n||"section",c=q("content-section",r);return i.jsx(o,{...a,className:c,children:i.jsx(W.Row,{children:i.jsx(W.Col,{size:t==="narrow"?6:12,children:e})})})},Bn=({children:e,className:r,as:n,...t})=>{const a=n||"h1";return i.jsx(a,{...t,className:q("content-section__title p-heading--4",r),children:e})},zn=({children:e,className:r})=>i.jsx("header",{className:q("content-section__header",r),children:e}),Wn=({children:e,className:r})=>i.jsx("div",{className:q("content-section__body",r),children:e}),qn=({children:e,className:r})=>i.jsx("footer",{className:q("content-section__footer",r),children:e});Ee.Title=Bn,Ee.Header=zn,Ee.Content=Wn,Ee.Footer=qn;const uo="",fo="",br=({children:e,className:r,isVisible:n})=>i.jsx("div",{className:q("fade-in--down",r),"aria-hidden":n?"false":"true",style:{visibility:n?"visible":"hidden"},children:e}),Yn=({children:e,...r})=>i.jsx(br,{isVisible:!r["aria-hidden"],children:i.jsx("div",{className:"p-form__nested-group",...r,children:e})}),po="",hr=({className:e,currentPage:r,error:n,disabled:t,onInputBlur:a,onInputChange:o,onNextClick:c,onPreviousClick:s,totalPages:f,...l})=>i.jsx("nav",{"aria-label":(l==null?void 0:l["aria-label"])||"pagination",className:q("p-pagination",e),children:i.jsxs("span",{className:"p-pagination--items",children:[i.jsx(W.Button,{"aria-label":"Previous page",className:"p-pagination__link--previous",disabled:r===1||t,onClick:s,type:"button",children:i.jsx(W.Icon,{name:"chevron-down"})}),i.jsx("strong",{children:"Page "})," ",i.jsx(W.Input,{"aria-label":"page number",className:"p-pagination__input",disabled:t,error:n,min:1,onBlur:a,onChange:o,required:!0,type:"number",value:r})," ",i.jsxs("strong",{className:"u-no-wrap",children:[" of ",f]}),i.jsx(W.Button,{"aria-label":"Next page",className:"p-pagination__link--next",disabled:r===f||t,onClick:c,type:"button",children:i.jsx(W.Icon,{name:"chevron-up"})})]})}),Un=({currentPage:e,disabled:r,paginate:n,totalPages:t})=>{const[a,o]=b.useState(e),[c,s]=b.useState(""),f=()=>{o(e),s("")},l=_=>{const{value:h,valueAsNumber:E}=_.target;h?(o(E),E>t||E<1?s(`${E} is not a valid page number.`):(s(""),n(E))):s("Enter a page number.")},m=()=>{o(_=>Number(_)-1),n(Number(e)-1)},y=()=>{o(_=>Number(_)+1),n(Number(e)+1)};return i.jsx(hr,{currentPage:a,error:c,disabled:r,onInputBlur:f,onInputChange:l,onNextClick:y,onPreviousClick:m,totalPages:t})},vo="",Kn=({activeStep:e,items:r})=>i.jsx("ol",{className:"stepper",children:r.map((n,t)=>{const a=t===e,o=t<e;return i.jsx("li",{"aria-label":n,className:"stepper__item",children:i.jsx("p",{"aria-label":o?`${n} (completed)`:n,className:q("stepper__title",{"stepper__title--is-active":a,"stepper__title--is-complete":o}),children:n})},t)})});var Be={exports:{}},De={exports:{}},k={};/** @license React v16.13.1
|
|
12
12
|
* react-is.production.min.js
|
|
13
13
|
*
|
|
14
14
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
15
15
|
*
|
|
16
16
|
* This source code is licensed under the MIT license found in the
|
|
17
17
|
* LICENSE file in the root directory of this source tree.
|
|
18
|
-
*/var _r;function
|
|
18
|
+
*/var _r;function Hn(){if(_r)return k;_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,s=e?Symbol.for("react.context"):60110,f=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,y=e?Symbol.for("react.suspense"):60113,_=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,E=e?Symbol.for("react.lazy"):60116,O=e?Symbol.for("react.block"):60121,Y=e?Symbol.for("react.fundamental"):60117,M=e?Symbol.for("react.responder"):60118,J=e?Symbol.for("react.scope"):60119;function P(p){if(typeof p=="object"&&p!==null){var ee=p.$$typeof;switch(ee){case r:switch(p=p.type,p){case f:case l:case t:case o:case a:case y:return p;default:switch(p=p&&p.$$typeof,p){case s:case m:case E:case h:case c:return p;default:return ee}}case n:return ee}}}function L(p){return P(p)===l}return k.AsyncMode=f,k.ConcurrentMode=l,k.ContextConsumer=s,k.ContextProvider=c,k.Element=r,k.ForwardRef=m,k.Fragment=t,k.Lazy=E,k.Memo=h,k.Portal=n,k.Profiler=o,k.StrictMode=a,k.Suspense=y,k.isAsyncMode=function(p){return L(p)||P(p)===f},k.isConcurrentMode=L,k.isContextConsumer=function(p){return P(p)===s},k.isContextProvider=function(p){return P(p)===c},k.isElement=function(p){return typeof p=="object"&&p!==null&&p.$$typeof===r},k.isForwardRef=function(p){return P(p)===m},k.isFragment=function(p){return P(p)===t},k.isLazy=function(p){return P(p)===E},k.isMemo=function(p){return P(p)===h},k.isPortal=function(p){return P(p)===n},k.isProfiler=function(p){return P(p)===o},k.isStrictMode=function(p){return P(p)===a},k.isSuspense=function(p){return P(p)===y},k.isValidElementType=function(p){return typeof p=="string"||typeof p=="function"||p===t||p===l||p===o||p===a||p===y||p===_||typeof p=="object"&&p!==null&&(p.$$typeof===E||p.$$typeof===h||p.$$typeof===c||p.$$typeof===s||p.$$typeof===m||p.$$typeof===Y||p.$$typeof===M||p.$$typeof===J||p.$$typeof===O)},k.typeOf=P,k}var N={};/** @license React v16.13.1
|
|
19
19
|
* react-is.development.js
|
|
20
20
|
*
|
|
21
21
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
22
22
|
*
|
|
23
23
|
* This source code is licensed under the MIT license found in the
|
|
24
24
|
* LICENSE file in the root directory of this source tree.
|
|
25
|
-
*/var Er;function
|
|
25
|
+
*/var Er;function Gn(){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,s=e?Symbol.for("react.context"):60110,f=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,m=e?Symbol.for("react.forward_ref"):60112,y=e?Symbol.for("react.suspense"):60113,_=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,E=e?Symbol.for("react.lazy"):60116,O=e?Symbol.for("react.block"):60121,Y=e?Symbol.for("react.fundamental"):60117,M=e?Symbol.for("react.responder"):60118,J=e?Symbol.for("react.scope"):60119;function P(d){return typeof d=="string"||typeof d=="function"||d===t||d===l||d===o||d===a||d===y||d===_||typeof d=="object"&&d!==null&&(d.$$typeof===E||d.$$typeof===h||d.$$typeof===c||d.$$typeof===s||d.$$typeof===m||d.$$typeof===Y||d.$$typeof===M||d.$$typeof===J||d.$$typeof===O)}function L(d){if(typeof d=="object"&&d!==null){var ne=d.$$typeof;switch(ne){case r:var ge=d.type;switch(ge){case f:case l:case t:case o:case a:case y:return ge;default:var Te=ge&&ge.$$typeof;switch(Te){case s:case m:case E:case h:case c:return Te;default:return ne}}case n:return ne}}}var p=f,ee=l,z=s,Q=c,re=r,ce=m,ve=t,me=E,ue=h,K=n,R=o,ae=a,se=y,fe=!1;function Z(d){return fe||(fe=!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.")),u(d)||L(d)===f}function u(d){return L(d)===l}function g(d){return L(d)===s}function C(d){return L(d)===c}function D(d){return typeof d=="object"&&d!==null&&d.$$typeof===r}function S(d){return L(d)===m}function I(d){return L(d)===t}function T(d){return L(d)===E}function x(d){return L(d)===h}function F(d){return L(d)===n}function j(d){return L(d)===o}function A(d){return L(d)===a}function V(d){return L(d)===y}N.AsyncMode=p,N.ConcurrentMode=ee,N.ContextConsumer=z,N.ContextProvider=Q,N.Element=re,N.ForwardRef=ce,N.Fragment=ve,N.Lazy=me,N.Memo=ue,N.Portal=K,N.Profiler=R,N.StrictMode=ae,N.Suspense=se,N.isAsyncMode=Z,N.isConcurrentMode=u,N.isContextConsumer=g,N.isContextProvider=C,N.isElement=D,N.isForwardRef=S,N.isFragment=I,N.isLazy=T,N.isMemo=x,N.isPortal=F,N.isProfiler=j,N.isStrictMode=A,N.isSuspense=V,N.isValidElementType=P,N.typeOf=L}()),N}var wr;function Sr(){return wr||(wr=1,process.env.NODE_ENV==="production"?De.exports=Hn():De.exports=Gn()),De.exports}/*
|
|
26
26
|
object-assign
|
|
27
27
|
(c) Sindre Sorhus
|
|
28
28
|
@license MIT
|
|
29
|
-
*/var ze,Tr;function
|
|
30
|
-
Valid keys: `+JSON.stringify(Object.keys(u),null," "));var
|
|
31
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function
|
|
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
|
|
33
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function
|
|
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 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"})});
|
|
29
|
+
*/var ze,Tr;function Vn(){if(Tr)return ze;Tr=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={},s=0;s<10;s++)c["_"+String.fromCharCode(s)]=s;var f=Object.getOwnPropertyNames(c).map(function(m){return c[m]});if(f.join("")!=="0123456789")return!1;var l={};return"abcdefghijklmnopqrst".split("").forEach(function(m){l[m]=m}),Object.keys(Object.assign({},l)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return ze=a()?Object.assign:function(o,c){for(var s,f=t(o),l,m=1;m<arguments.length;m++){s=Object(arguments[m]);for(var y in s)r.call(s,y)&&(f[y]=s[y]);if(e){l=e(s);for(var _=0;_<l.length;_++)n.call(s,l[_])&&(f[l[_]]=s[l[_]])}}return f},ze}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 Ue,xr;function Jn(){if(xr)return Ue;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,s,f,l){if(process.env.NODE_ENV!=="production"){for(var m in o)if(t(o,m)){var y;try{if(typeof o[m]!="function"){var _=Error((f||"React class")+": "+s+" type `"+m+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[m]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw _.name="Invariant Violation",_}y=o[m](c,m,f,s,null,r)}catch(E){y=E}if(y&&!(y instanceof Error)&&e((f||"React class")+": type specification of "+s+" `"+m+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof y+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),y instanceof Error&&!(y.message in n)){n[y.message]=!0;var h=l?l():"";e("Failed "+s+" type: "+y.message+(h??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(n={})},Ue=a,Ue}var Ke,Ar;function Zn(){if(Ar)return Ke;Ar=1;var e=Sr(),r=Vn(),n=qe(),t=Dr(),a=Jn(),o=function(){};process.env.NODE_ENV!=="production"&&(o=function(s){var f="Warning: "+s;typeof console<"u"&&console.error(f);try{throw new Error(f)}catch{}});function c(){return null}return Ke=function(s,f){var l=typeof Symbol=="function"&&Symbol.iterator,m="@@iterator";function y(u){var g=u&&(l&&u[l]||u[m]);if(typeof g=="function")return g}var _="<<anonymous>>",h={array:M("array"),bigint:M("bigint"),bool:M("boolean"),func:M("function"),number:M("number"),object:M("object"),string:M("string"),symbol:M("symbol"),any:J(),arrayOf:P,element:L(),elementType:p(),instanceOf:ee,node:ce(),objectOf:Q,oneOf:z,oneOfType:re,shape:me,exact:ue};function E(u,g){return u===g?u!==0||1/u===1/g:u!==u&&g!==g}function O(u,g){this.message=u,this.data=g&&typeof g=="object"?g:{},this.stack=""}O.prototype=Error.prototype;function Y(u){if(process.env.NODE_ENV!=="production")var g={},C=0;function D(I,T,x,F,j,A,V){if(F=F||_,A=A||x,V!==n){if(f){var d=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 d.name="Invariant Violation",d}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var ne=F+":"+x;!g[ne]&&C<3&&(o("You are manually calling a React.PropTypes validation function for the `"+A+"` prop on `"+F+"`. 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."),g[ne]=!0,C++)}}return T[x]==null?I?T[x]===null?new O("The "+j+" `"+A+"` is marked as required "+("in `"+F+"`, but its value is `null`.")):new O("The "+j+" `"+A+"` is marked as required in "+("`"+F+"`, but its value is `undefined`.")):null:u(T,x,F,j,A)}var S=D.bind(null,!1);return S.isRequired=D.bind(null,!0),S}function M(u){function g(C,D,S,I,T,x){var F=C[D],j=ae(F);if(j!==u){var A=se(F);return new O("Invalid "+I+" `"+T+"` of type "+("`"+A+"` supplied to `"+S+"`, expected ")+("`"+u+"`."),{expectedType:u})}return null}return Y(g)}function J(){return Y(c)}function P(u){function g(C,D,S,I,T){if(typeof u!="function")return new O("Property `"+T+"` of component `"+S+"` has invalid PropType notation inside arrayOf.");var x=C[D];if(!Array.isArray(x)){var F=ae(x);return new O("Invalid "+I+" `"+T+"` of type "+("`"+F+"` supplied to `"+S+"`, expected an array."))}for(var j=0;j<x.length;j++){var A=u(x,j,S,I,T+"["+j+"]",n);if(A instanceof Error)return A}return null}return Y(g)}function L(){function u(g,C,D,S,I){var T=g[C];if(!s(T)){var x=ae(T);return new O("Invalid "+S+" `"+I+"` of type "+("`"+x+"` supplied to `"+D+"`, expected a single ReactElement."))}return null}return Y(u)}function p(){function u(g,C,D,S,I){var T=g[C];if(!e.isValidElementType(T)){var x=ae(T);return new O("Invalid "+S+" `"+I+"` of type "+("`"+x+"` supplied to `"+D+"`, expected a single ReactElement type."))}return null}return Y(u)}function ee(u){function g(C,D,S,I,T){if(!(C[D]instanceof u)){var x=u.name||_,F=Z(C[D]);return new O("Invalid "+I+" `"+T+"` of type "+("`"+F+"` supplied to `"+S+"`, expected ")+("instance of `"+x+"`."))}return null}return Y(g)}function z(u){if(!Array.isArray(u))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 g(C,D,S,I,T){for(var x=C[D],F=0;F<u.length;F++)if(E(x,u[F]))return null;var j=JSON.stringify(u,function(V,d){var ne=se(d);return ne==="symbol"?String(d):d});return new O("Invalid "+I+" `"+T+"` of value `"+String(x)+"` "+("supplied to `"+S+"`, expected one of "+j+"."))}return Y(g)}function Q(u){function g(C,D,S,I,T){if(typeof u!="function")return new O("Property `"+T+"` of component `"+S+"` has invalid PropType notation inside objectOf.");var x=C[D],F=ae(x);if(F!=="object")return new O("Invalid "+I+" `"+T+"` of type "+("`"+F+"` supplied to `"+S+"`, expected an object."));for(var j in x)if(t(x,j)){var A=u(x,j,S,I,T+"."+j,n);if(A instanceof Error)return A}return null}return Y(g)}function re(u){if(!Array.isArray(u))return process.env.NODE_ENV!=="production"&&o("Invalid argument supplied to oneOfType, expected an instance of array."),c;for(var g=0;g<u.length;g++){var C=u[g];if(typeof C!="function")return o("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+fe(C)+" at index "+g+"."),c}function D(S,I,T,x,F){for(var j=[],A=0;A<u.length;A++){var V=u[A],d=V(S,I,T,x,F,n);if(d==null)return null;d.data&&t(d.data,"expectedType")&&j.push(d.data.expectedType)}var ne=j.length>0?", expected one of type ["+j.join(", ")+"]":"";return new O("Invalid "+x+" `"+F+"` supplied to "+("`"+T+"`"+ne+"."))}return Y(D)}function ce(){function u(g,C,D,S,I){return K(g[C])?null:new O("Invalid "+S+" `"+I+"` supplied to "+("`"+D+"`, expected a ReactNode."))}return Y(u)}function ve(u,g,C,D,S){return new O((u||"React class")+": "+g+" type `"+C+"."+D+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+S+"`.")}function me(u){function g(C,D,S,I,T){var x=C[D],F=ae(x);if(F!=="object")return new O("Invalid "+I+" `"+T+"` of type `"+F+"` "+("supplied to `"+S+"`, expected `object`."));for(var j in u){var A=u[j];if(typeof A!="function")return ve(S,I,T,j,se(A));var V=A(x,j,S,I,T+"."+j,n);if(V)return V}return null}return Y(g)}function ue(u){function g(C,D,S,I,T){var x=C[D],F=ae(x);if(F!=="object")return new O("Invalid "+I+" `"+T+"` of type `"+F+"` "+("supplied to `"+S+"`, expected `object`."));var j=r({},C[D],u);for(var A in j){var V=u[A];if(t(u,A)&&typeof V!="function")return ve(S,I,T,A,se(V));if(!V)return new O("Invalid "+I+" `"+T+"` key `"+A+"` supplied to `"+S+"`.\nBad object: "+JSON.stringify(C[D],null," ")+`
|
|
30
|
+
Valid keys: `+JSON.stringify(Object.keys(u),null," "));var d=V(x,A,S,I,T+"."+A,n);if(d)return d}return null}return Y(g)}function K(u){switch(typeof u){case"number":case"string":case"undefined":return!0;case"boolean":return!u;case"object":if(Array.isArray(u))return u.every(K);if(u===null||s(u))return!0;var g=y(u);if(g){var C=g.call(u),D;if(g!==u.entries){for(;!(D=C.next()).done;)if(!K(D.value))return!1}else for(;!(D=C.next()).done;){var S=D.value;if(S&&!K(S[1]))return!1}}else return!1;return!0;default:return!1}}function R(u,g){return u==="symbol"?!0:g?g["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&g instanceof Symbol:!1}function ae(u){var g=typeof u;return Array.isArray(u)?"array":u instanceof RegExp?"object":R(g,u)?"symbol":g}function se(u){if(typeof u>"u"||u===null)return""+u;var g=ae(u);if(g==="object"){if(u instanceof Date)return"date";if(u instanceof RegExp)return"regexp"}return g}function fe(u){var g=se(u);switch(g){case"array":case"object":return"an "+g;case"boolean":case"date":case"regexp":return"a "+g;default:return g}}function Z(u){return!u.constructor||!u.constructor.name?_:u.constructor.name}return h.checkPropTypes=a,h.resetWarningCache=a.resetWarningCache,h.PropTypes=h,h},Ke}var He,Pr;function Xn(){if(Pr)return He;Pr=1;var e=qe();function r(){}function n(){}return n.resetWarningCache=r,He=function(){function t(c,s,f,l,m,y){if(y!==e){var _=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 _.name="Invariant Violation",_}}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},He}if(process.env.NODE_ENV!=="production"){var Qn=Sr(),Rn=!0;Be.exports=Zn()(Qn.isElement,Rn)}else Be.exports=Xn()();var et=Be.exports;const B=cr(et);function ye(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 s(m){try{l(t.next(m))}catch(y){c(y)}}function f(m){try{l(t.throw(m))}catch(y){c(y)}}function l(m){m.done?o(m.value):a(m.value).then(s,f)}l((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:s(0),throw:s(1),return:s(2)},typeof Symbol=="function"&&(c[Symbol.iterator]=function(){return this}),c;function s(l){return function(m){return f([l,m])}}function f(l){if(t)throw new TypeError("Generator is already executing.");for(;c&&(c=0,l[0]&&(n=0)),n;)try{if(t=1,a&&(o=l[0]&2?a.return:l[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,l[1])).done)return o;switch(a=0,o&&(l=[l[0]&2,o.value]),l[0]){case 0:case 1:o=l;break;case 4:return n.label++,{value:l[1],done:!1};case 5:n.label++,a=l[1],l=[0];continue;case 7:l=n.ops.pop(),n.trys.pop();continue;default:if(o=n.trys,!(o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){n.label=l[1];break}if(l[0]===6&&n.label<o[1]){n.label=o[1],o=l;break}if(o&&n.label<o[2]){n.label=o[2],n.ops.push(l);break}o[2]&&n.ops.pop(),n.trys.pop();continue}l=r.call(e,n)}catch(m){l=[6,m],a=0}finally{t=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:!0}}}function Ir(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(s){c={error:s}}finally{try{a&&!a.done&&(n=t.return)&&n.call(t)}finally{if(c)throw c.error}}return o}function Fr(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 rt=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=nt(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 nt(e){var r=e.name,n=r&&r.lastIndexOf(".")!==-1;if(n&&!e.type){var t=r.split(".").pop().toLowerCase(),a=rt.get(t);a&&Object.defineProperty(e,"type",{value:a,writable:!1,configurable:!1,enumerable:!0})}return e}var tt=[".DS_Store","Thumbs.db"];function ot(e){return ye(this,void 0,void 0,function(){return be(this,function(r){return xe(e)&&at(e.dataTransfer)?[2,lt(e.dataTransfer,e.type)]:it(e)?[2,st(e)]:Array.isArray(e)&&e.every(function(n){return"getFile"in n&&typeof n.getFile=="function"})?[2,ct(e)]:[2,[]]})})}function at(e){return xe(e)}function it(e){return xe(e)&&xe(e.target)}function xe(e){return typeof e=="object"&&e!==null}function st(e){return Ge(e.target.files).map(function(r){return we(r)})}function ct(e){return ye(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 lt(e,r){return ye(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(ut))]):[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 tt.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 ut(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 Fr(Fr([],Ir(r),!1),Ir(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 ft(e){return ye(this,void 0,void 0,function(){return be(this,function(r){return[2,e.isDirectory?Mr(e):pt(e)]})})}function Mr(e){var r=e.createReader();return new Promise(function(n,t){var a=[];function o(){var c=this;r.readEntries(function(s){return ye(c,void 0,void 0,function(){var f,l,m;return be(this,function(y){switch(y.label){case 0:if(s.length)return[3,5];y.label=1;case 1:return y.trys.push([1,3,,4]),[4,Promise.all(a)];case 2:return f=y.sent(),n(f),[3,4];case 3:return l=y.sent(),t(l),[3,4];case 4:return[3,6];case 5:m=Promise.all(s.map(ft)),a.push(m),o(),y.label=6;case 6:return[2]}})})},function(s){t(s)})}o()})}function pt(e){return ye(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 dt=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 s=c.trim().toLowerCase();return s.charAt(0)==="."?t.toLowerCase().endsWith(s):s.endsWith("/*")?o===s.replace(/\/.*$/,""):a===s})}return!0};function $r(e){return gt(e)||mt(e)||Wr(e)||vt()}function vt(){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 mt(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 ht(e)||bt(e,r)||Wr(e,r)||yt()}function yt(){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 bt(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,s;try{for(n=n.call(e);!(a=(c=n.next()).done)&&(t.push(c.value),!(r&&t.length===r));a=!0);}catch(f){o=!0,s=f}finally{try{!a&&n.return!=null&&n.return()}finally{if(o)throw s}}return t}}function ht(e){if(Array.isArray(e))return e}var _t="file-invalid-type",Et="file-too-large",wt="file-too-small",St="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:_t,message:"File type must be ".concat(n)}},qr=function(r){return{code:Et,message:"File is larger than ".concat(r," ").concat(r===1?"byte":"bytes")}},Yr=function(r){return{code:wt,message:"File is smaller than ".concat(r," ").concat(r===1?"byte":"bytes")}},Ot={code:St,message:"Too many files"};function Ur(e,r){var n=e.type==="application/x-moz-file"||dt(e,r);return[n,n?null:Tt(r)]}function Kr(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 Ct(e){var r=e.files,n=e.accept,t=e.minSize,a=e.maxSize,o=e.multiple,c=e.maxFiles,s=e.validator;return!o&&r.length>1||o&&c>=1&&r.length>c?!1:r.every(function(f){var l=Ur(f,n),m=Se(l,1),y=m[0],_=Kr(f,t,a),h=Se(_,1),E=h[0],O=s?s(f):null;return y&&E&&!O})}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 Dt(e){return e.indexOf("MSIE")!==-1||e.indexOf("Trident/")!==-1}function xt(e){return e.indexOf("Edge/")!==-1}function At(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return Dt(e)||xt(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),c=1;c<a;c++)o[c-1]=arguments[c];return r.some(function(s){return!Ae(t)&&s&&s.apply(void 0,[t].concat(o)),Ae(t)})}}function Pt(){return"showOpenFilePicker"in window}function It(e){if(de(e)){var r=Object.entries(e).filter(function(n){var t=Se(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=Se(t,2),o=a[0],c=a[1];return Br(Br({},n),{},zr({},o,c))},{});return[{description:"Files",accept:r}]}return e}function Ft(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 jt(e){return e instanceof DOMException&&(e.name==="AbortError"||e.code===e.ABORT_ERR)}function kt(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 Nt=["children"],Mt=["open"],$t=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"],Lt=["refKey","onChange","onClick"];function Bt(e){return qt(e)||Wt(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 Wt(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function qt(e){if(Array.isArray(e))return Ze(e)}function Je(e,r){return Kt(e)||Ut(e,r)||Jr(e,r)||Yt()}function Yt(){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 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 Ut(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,s;try{for(n=n.call(e);!(a=(c=n.next()).done)&&(t.push(c.value),!(r&&t.length===r));a=!0);}catch(f){o=!0,s=f}finally{try{!a&&n.return!=null&&n.return()}finally{if(o)throw s}}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 U(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=Ht(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 Ht(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,Nt),a=Qr(t),o=a.open,c=Ie(a,Mt);return b.useImperativeHandle(r,function(){return{open:o}},[o]),b.createElement(b.Fragment,null,n(U(U({},c),{},{open:o})))});Qe.displayName="Dropzone";var Xr={disabled:!1,getFilesFromEvent:ot,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=U(U({},Xr),e),n=r.accept,t=r.disabled,a=r.getFilesFromEvent,o=r.maxSize,c=r.minSize,s=r.multiple,f=r.maxFiles,l=r.onDragEnter,m=r.onDragLeave,y=r.onDragOver,_=r.onDrop,h=r.onDropAccepted,E=r.onDropRejected,O=r.onFileDialogCancel,Y=r.onFileDialogOpen,M=r.useFsAccessApi,J=r.autoFocus,P=r.preventDropOnDocument,L=r.noClick,p=r.noKeyboard,ee=r.noDrag,z=r.noDragEventsBubbling,Q=r.onError,re=r.validator,ce=b.useMemo(function(){return Ft(n)},[n]),ve=b.useMemo(function(){return It(n)},[n]),me=b.useMemo(function(){return typeof Y=="function"?Y:Rr},[Y]),ue=b.useMemo(function(){return typeof O=="function"?O:Rr},[O]),K=b.useRef(null),R=b.useRef(null),ae=b.useReducer(Gt,Re),se=Je(ae,2),fe=se[0],Z=se[1],u=fe.isFocused,g=fe.isFileDialogActive,C=b.useRef(typeof window<"u"&&window.isSecureContext&&M&&Pt()),D=function(){!C.current&&g&&setTimeout(function(){if(R.current){var w=R.current.files;w.length||(Z({type:"closeDialog"}),ue())}},300)};b.useEffect(function(){return window.addEventListener("focus",D,!1),function(){window.removeEventListener("focus",D,!1)}},[R,g,ue,C]);var S=b.useRef([]),I=function(w){K.current&&K.current.contains(w.target)||(w.preventDefault(),S.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 T=b.useCallback(function(v){Q?Q(v):console.error(v)},[Q]),x=b.useCallback(function(v){v.preventDefault(),v.persist(),je(v),S.current=[].concat(Bt(S.current),[v.target]),Pe(v)&&Promise.resolve(a(v)).then(function(w){if(!(Ae(v)&&!z)){var H=w.length,X=H>0&&Ct({files:w,accept:ce,minSize:c,maxSize:o,multiple:s,maxFiles:f,validator:re}),te=H>0&&!X;Z({isDragAccept:X,isDragReject:te,isDragActive:!0,type:"setDraggedFiles"}),l&&l(v)}}).catch(function(w){return T(w)})},[a,l,T,z,ce,c,o,s,f,re]),F=b.useCallback(function(v){v.preventDefault(),v.persist(),je(v);var w=Pe(v);if(w&&v.dataTransfer)try{v.dataTransfer.dropEffect="copy"}catch{}return w&&y&&y(v),!1},[y,z]),j=b.useCallback(function(v){v.preventDefault(),v.persist(),je(v);var w=S.current.filter(function(X){return K.current&&K.current.contains(X)}),H=w.indexOf(v.target);H!==-1&&w.splice(H,1),S.current=w,!(w.length>0)&&(Z({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),Pe(v)&&m&&m(v))},[K,m,z]),A=b.useCallback(function(v,w){var H=[],X=[];v.forEach(function(te){var Oe=Ur(te,ce),_e=Je(Oe,2),rr=_e[0],nr=_e[1],tr=Kr(te,c,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(to){return to})})}}),(!s&&H.length>1||s&&f>=1&&H.length>f)&&(H.forEach(function(te){X.push({file:te,errors:[Ot]})}),H.splice(0)),Z({acceptedFiles:H,fileRejections:X,type:"setFiles"}),_&&_(H,X,w),X.length>0&&E&&E(X,w),H.length>0&&h&&h(H,w)},[Z,s,ce,c,o,f,_,h,E,re]),V=b.useCallback(function(v){v.preventDefault(),v.persist(),je(v),S.current=[],Pe(v)&&Promise.resolve(a(v)).then(function(w){Ae(v)&&!z||A(w,v)}).catch(function(w){return T(w)}),Z({type:"reset"})},[a,A,T,z]),d=b.useCallback(function(){if(C.current){Z({type:"openDialog"}),me();var v={multiple:s,types:ve};window.showOpenFilePicker(v).then(function(w){return a(w)}).then(function(w){A(w,null),Z({type:"closeDialog"})}).catch(function(w){jt(w)?(ue(w),Z({type:"closeDialog"})):kt(w)?(C.current=!1,R.current?(R.current.value=null,R.current.click()):T(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."))):T(w)});return}R.current&&(Z({type:"openDialog"}),me(),R.current.value=null,R.current.click())},[Z,me,ue,M,A,T,ve,s]),ne=b.useCallback(function(v){!K.current||!K.current.isEqualNode(v.target)||(v.key===" "||v.key==="Enter"||v.keyCode===32||v.keyCode===13)&&(v.preventDefault(),d())},[K,d]),ge=b.useCallback(function(){Z({type:"focus"})},[]),Te=b.useCallback(function(){Z({type:"blur"})},[]),nn=b.useCallback(function(){L||(At()?setTimeout(d,0):d())},[L,d]),he=function(w){return t?null:w},er=function(w){return p?null:he(w)},Fe=function(w){return ee?null:he(w)},je=function(w){z&&w.stopPropagation()},eo=b.useMemo(function(){return function(){var v=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},w=v.refKey,H=w===void 0?"ref":w,X=v.role,te=v.onKeyDown,Oe=v.onFocus,_e=v.onBlur,rr=v.onClick,nr=v.onDragEnter,tr=v.onDragOver,ke=v.onDragLeave,or=v.onDrop,ar=Ie(v,$t);return U(U(Xe({onKeyDown:er(ie(te,ne)),onFocus:er(ie(Oe,ge)),onBlur:er(ie(_e,Te)),onClick:he(ie(rr,nn)),onDragEnter:Fe(ie(nr,x)),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&&!p?{tabIndex:0}:{}),ar)}},[K,ne,ge,Te,nn,x,F,j,V,p,ee,t]),ro=b.useCallback(function(v){v.stopPropagation()},[]),no=b.useMemo(function(){return function(){var v=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},w=v.refKey,H=w===void 0?"ref":w,X=v.onChange,te=v.onClick,Oe=Ie(v,Lt),_e=Xe({accept:ce,multiple:s,type:"file",style:{display:"none"},onChange:he(ie(X,V)),onClick:he(ie(te,ro)),tabIndex:-1},H,R);return U(U({},_e),Oe)}},[R,n,s,V,t]);return U(U({},fe),{},{isFocused:u&&!t,getRootProps:eo,getInputProps:no,rootRef:K,inputRef:R,open:he(d)})}function Gt(e,r){switch(r.type){case"focus":return U(U({},e),{},{isFocused:!0});case"blur":return U(U({},e),{},{isFocused:!1});case"openDialog":return U(U({},Re),{},{isFileDialogActive:!0});case"closeDialog":return U(U({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return U(U({},e),{},{isDragActive:r.isDragActive,isDragAccept:r.isDragAccept,isDragReject:r.isDragReject});case"setFiles":return U(U({},e),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return U({},Re);default:return e}}function Rr(){}const mo="",en=({accept:e,error:r,files:n,help:t,label:a,maxFiles:o,maxSize:c,onFileUpload:s,rejectedFiles:f,removeFile:l,removeRejectedFile:m})=>{const{getRootProps:y}=Qr({accept:e,maxFiles:o,maxSize:c,onDrop:s}),_=b.useId();return i.jsxs("div",{className:q("p-form__group p-form-validation",{"is-error":!!r}),children:[a&&i.jsx(W.Label,{id:_,children:a}),t&&i.jsx("p",{className:"p-form-help-text",children:t}),i.jsxs("div",{className:"p-form__control",children:[!o||n.length<o?i.jsx("div",{className:"file-upload__wrapper",children:i.jsx("div",{...y(),"aria-labelledby":a?_:void 0,className:"file-upload","data-testid":"file-upload",children:i.jsx("button",{className:"file-upload__button",type:"button",children:"Drag and drop files here or click to upload"})})}):null,r?i.jsxs("p",{className:"p-form-validation__message",children:[i.jsx("strong",{children:"Error: "}),r]}):null,i.jsxs("div",{className:"file-upload__files-list",children:[f&&f.map(h=>i.jsxs("span",{className:"is-error",children:[i.jsxs("div",{className:"file-upload__file is-rejected",children:[h.file.name,i.jsx(W.Button,{appearance:"base",className:"file-upload__file-remove-button",onClick:()=>m(h),type:"button",children:i.jsx(W.Icon,{name:"close",children:"Remove file"})})]}),h.errors.map(E=>i.jsx("p",{className:"p-form-validation__message",children:E.message},`${h.file.name}-${E.code}`))]},h.file.name)),n&&n.map(h=>i.jsxs("div",{className:"file-upload__file",children:[h.name,i.jsx(W.Button,{appearance:"base",className:"file-upload__file-remove-button",onClick:()=>l(h),type:"button",children:i.jsx(W.Icon,{name:"close",children:"Remove file"})})]},h.name))]})]})]})},Vt=({accept:e,error:r,help:n,label:t,maxFiles:a,maxSize:o})=>{const[c,s]=b.useState([]),[f,l]=b.useState([]),m=b.useCallback((h,E)=>{s([...c,...h]),l([...f,...E])},[c,f]),y=h=>{const E=[...c];E.splice(E.indexOf(h),1),s(E)},_=h=>{const E=[...f];E.splice(E.indexOf(h),1),l(E)};return i.jsx(en,{accept:e,error:r,files:c,rejectedFiles:f,help:n,label:t,maxFiles:a,maxSize:o,onFileUpload:m,removeFile:y,removeRejectedFile:_})},go="",Jt=(e,r)=>e.label.localeCompare(r.label,"en",{numeric:!0}),Zt=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},Xt=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}))},rn=({items:e,selectedItems:r,disabledItems:n,header:t,updateItems:a,isOpen:o,footer:c,sortFn:s=Jt,groupFn:f=Xt,...l})=>{const m=b.useMemo(()=>new Set(r.map(M=>M.value)),[r]),y=b.useMemo(()=>new Set(n.map(M=>M.value)),[n]),[_,h]=b.useState(new Set(m));b.useEffect(()=>{o&&h(new Set(m))},[o]);const E=b.useMemo(()=>e.some(M=>M.group),[e]),O=b.useMemo(()=>E?f(e):[{group:"Ungrouped",items:e}],[e,f]),Y=M=>{const{checked:J,value:P}=M.target,L=e.find(p=>`${p.value}`===P);if(L){const p=J?[...r,L]:r.filter(ee=>`${ee.value}`!==P)??[];a(p)}};return i.jsx(br,{isVisible:o,className:"put-above",children:i.jsxs("div",{className:"multi-select__dropdown",role:"listbox",...l,children:[t||null,O.map(({group:M,items:J})=>i.jsxs("div",{className:"multi-select__group",children:[E?i.jsx("h5",{className:"multi-select__dropdown-header",children:M}):null,i.jsx("ul",{className:"multi-select__dropdown-list","aria-label":M,children:J.sort(s).sort(Zt(_)).map(P=>i.jsx("li",{className:"multi-select__dropdown-item",children:i.jsx(W.CheckboxInput,{disabled:y.has(P.value),label:P.label,checked:m.has(P.value),value:P.value,onChange:Y},P.value)},P.value))})]},M)),c?i.jsx("div",{className:"multi-select__footer",children:c}):null]})})},Qt=({disabled:e,selectedItems:r=[],label:n,onItemsUpdate:t,placeholder:a,required:o=!1,items:c=[],disabledItems:s=[],dropdownHeader:f,dropdownFooter:l,variant:m="search"})=>{const y=W.useClickOutside(()=>{h(!1),O("")});W.useOnEscapePressed(()=>{h(!1),O("")});const[_,h]=b.useState(!1),[E,O]=b.useState("");b.useEffect(()=>{_||O("")},[_]);const[Y,M]=b.useState([]),J=r||Y,P=z=>{const Q=Array.from(new Set(z));M(Q),t&&t(Q)},L=b.useId(),p=b.useId(),ee=J.filter(z=>c.some(Q=>Q.value===z.value)).map(z=>z.label).join(", ");return i.jsx("div",{ref:y,children:i.jsxs("div",{className:"multi-select",children:[m==="search"?i.jsx(W.SearchBox,{externallyControlled:!0,"aria-controls":L,"aria-expanded":_,id:p,role:"combobox","aria-label":n||a||"Search",disabled:e,autoComplete:"off",onChange:z=>{O(z),h(!0)},onFocus:()=>h(!0),placeholder:a??"Search",required:o,type:"text",value:E,className:"multi-select__input"}):i.jsx("button",{role:"combobox",type:"button","aria-label":n||a||"Select items","aria-controls":L,"aria-expanded":_,className:"multi-select__select-button",onClick:()=>{h(z=>!z)},children:i.jsx("span",{className:"multi-select__condensed-text",children:J.length>0?ee:a??"Select items"})}),i.jsx(rn,{id:L,isOpen:_,items:E.length>0?c.filter(z=>z.label.toLowerCase().includes(E.toLowerCase())):c,selectedItems:J,disabledItems:s,header:f,updateItems:P,footer:l||i.jsxs(i.Fragment,{children:[i.jsx(W.Button,{appearance:"link",onClick:()=>{const z=c.filter(Q=>!s.some(re=>re.value===Q.value));P([...J,...z])},type:"button",children:"Select all"}),i.jsx(W.Button,{appearance:"link",onClick:()=>{const z=J.filter(Q=>s.some(re=>re.value===Q.value));P(z)},type:"button",children:"Clear"})]})})]})})},Rt=({value:e,unit:r},{binary:n=!1,convertTo:t,decimals:a=2,roundFunc:o="round"}={})=>{const c=e<0,s=Math.abs(e);if(s===0)return{value:0,unit:t||"B"};const f=n?1024:1e3,l=n?["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],m=l.findIndex(O=>O===r)||0,y=s*Math.pow(f,m),_=t?l.findIndex(O=>O===t):Math.floor(Math.log(y)/Math.log(f));let h=y/Math.pow(f,_);if(h%1!==0){const O=Math.pow(10,a);h=Math[o](h*O)/O}return{value:c?-h:h,unit:l[_]}};$.ContentSection=Ee,$.ExternalLink=fn,$.FileUpload=en,$.FileUploadContainer=Vt,$.FormSection=Ce,$.InputGroup=$e,$.MainToolbar=Le,$.Meter=vr,$.MultiSelect=Qt,$.MultiSelectDropdown=rn,$.Navigation=G,$.NavigationBar=mr,$.NestedFormGroup=Yn,$.Pagination=hr,$.PaginationContainer=Un,$.Stepper=Kn,$.defaultFilledColors=an,$.formatBytes=Rt,$.meterColor=le,$.testIds=pe,Object.defineProperty($,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -1,6 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
import { DropzoneOptions } from "react-dropzone";
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { DropzoneOptions, FileRejection } from "react-dropzone";
|
|
3
3
|
export interface FileUploadProps {
|
|
4
|
+
accept?: DropzoneOptions["accept"];
|
|
5
|
+
error?: ReactNode;
|
|
6
|
+
files: File[];
|
|
7
|
+
help?: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
maxFiles?: number;
|
|
10
|
+
maxSize?: number;
|
|
4
11
|
onFileUpload: NonNullable<DropzoneOptions["onDrop"]>;
|
|
12
|
+
rejectedFiles: FileRejection[];
|
|
13
|
+
removeFile: (file: File) => void;
|
|
14
|
+
removeRejectedFile: (fileRejection: FileRejection) => void;
|
|
5
15
|
}
|
|
6
16
|
export declare const FileUpload: React.FC<FileUploadProps>;
|
|
17
|
+
export declare const FileUploadContainer: ({ accept, error, help, label, maxFiles, maxSize, }: Pick<FileUploadProps, "accept" | "error" | "help" | "label" | "maxFiles" | "maxSize">) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { Meta } from "@storybook/react";
|
|
2
|
-
import {
|
|
3
|
-
declare const meta: Meta<typeof
|
|
2
|
+
import { FileUploadContainer } from '../../../lib/components/FileUpload';
|
|
3
|
+
declare const meta: Meta<typeof FileUploadContainer>;
|
|
4
4
|
export default meta;
|
|
5
5
|
export declare const Example: {
|
|
6
6
|
args: {
|
|
7
|
-
|
|
7
|
+
error: string;
|
|
8
|
+
help: string;
|
|
9
|
+
label: string;
|
|
10
|
+
maxFiles: number;
|
|
11
|
+
maxSize: number;
|
|
8
12
|
};
|
|
9
13
|
};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { ChangeEvent } from "react";
|
|
2
|
-
export interface PaginationProps {
|
|
2
|
+
export interface PaginationProps extends React.AriaAttributes {
|
|
3
|
+
className?: string;
|
|
3
4
|
currentPage: number | undefined;
|
|
4
5
|
error?: string;
|
|
5
|
-
disabled
|
|
6
|
-
onInputBlur
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
onInputBlur?: () => void;
|
|
7
8
|
onInputChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
8
9
|
onNextClick: () => void;
|
|
9
10
|
onPreviousClick: () => void;
|
package/dist/src/utils.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Returns a component that renders the result of a util function.
|
|
3
3
|
*/
|
|
4
|
-
export declare const getUtilStoryComponent: <T, U extends (...args: T[]) => T>(fn: U) => {
|
|
4
|
+
export declare const getUtilStoryComponent: <T, U extends (...args: T[]) => T>(title: string, fn: U) => {
|
|
5
5
|
(args: T): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
displayName: string;
|
|
7
7
|
};
|