@skodaflow/web-library 7.11.1 → 7.13.0

package/cjs/components/upload/components/uploadPreview/uploadPreview.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("@mui/material"),i=require("react"),o=require("../../../icon/icon.js");require("../../../icon/icon.definitions.js");var t=require("../uploadWrapper/uploadWrapper.js");exports.UploadPreview=n=>{var{actions:c,children:a,iconButtonProps:p,iconProps:x,image:d}=n;const u=e.__rest(n,["actions","children","iconButtonProps","iconProps","image"])||{},{sx:l}=u,h=e.__rest(u,["sx"]),b=p||{},{sx:g}=b,j=e.__rest(b,["sx"]),f=x||{},{sx:m}=f,O=e.__rest(f,["sx"]),[_,q]=i.useState(!1);return r.jsxs(t.UploadWrapper,Object.assign({sx:Object.assign({borderStyle:c?"dashed":"solid",borderColor:c?"onSurface.os200":"onSurface.os500",borderRadius:"4px",cursor:"default",width:c?"100%":"100px",height:c?"100%":"100px",padding:c?"5px":0},l),onMouseOver:()=>q(!0),onMouseOut:()=>q(!1)},h,{children:[c?r.jsx(s.Box,{sx:{display:_?"block":"none",position:"absolute",left:"5px",right:"5px",top:"5px",bottom:"5px",background:"#3232324f",color:"white",borderRadius:"4px"},children:r.jsx(s.Stack,{direction:"row",spacing:1,sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:c})}):r.jsx(s.IconButton,Object.assign({sx:Object.assign({position:"absolute",right:"4px",top:"4px",zIndex:"1",width:"24px",height:"24px"},g),variant:"filled",color:"surface"},j,{children:r.jsx(o.Icon,Object.assign({name:"close",sx:Object.assign({fontSize:"17px"},m)},O))})),d?r.jsx(s.Box,{component:"img",src:d,sx:{display:"block",width:"100%",height:"100%",objectFit:"cover",borderRadius:"4px"}}):a]}))};
+//# sourceMappingURL=uploadPreview.js.map

package/cjs/components/upload/components/uploadPreview/uploadPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadPreview.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/uploadPreview.tsx"],"sourcesContent":[null],"names":["_a","actions","children","iconButtonProps","iconProps","image","_b","__rest","sx","restProps","_c","iconButtonSx","restIconButtonProps","_d","iconSx","restIconProps","hover","setHover","useState","_jsxs","UploadWrapper","Object","assign","borderStyle","borderColor","borderRadius","cursor","width","height","padding","onMouseOver","onMouseOut","_jsx","Box","display","position","left","right","top","bottom","background","color","Stack","direction","spacing","justifyContent","alignItems","IconButton","zIndex","variant","Icon","name","fontSize","component","src","objectFit"],"mappings":"0QAmDsDA,IAAA,IAAAC,QACpDA,EAAOC,SACPA,EAAQC,gBACRA,EAAeC,UACfA,EAASC,MACTA,GAEDL,EACC,MAAMM,EAFEC,EAAAA,OAAAP,EAN4C,+DAQd,CAAE,GAAlCQ,GAAEA,GAAEF,EAAKG,EAATF,EAAAA,OAAAD,EAAA,CAAA,OACAI,EAA+CP,GAAmB,IAAhEK,GAAIG,KAAiBC,EAAvBL,EAAAA,OAAAG,EAAA,CAAA,OACAG,EAAmCT,GAAa,IAA9CI,GAAIM,KAAWC,EAAjBR,EAAAA,OAAAM,EAAA,CAAA,QAKCG,EAAOC,GAAYC,EAAAA,UAAS,GAEnC,OACEC,OAACC,EAAAA,cAAaC,OAAAC,OAAA,CACZd,GACEa,OAAAC,OAAA,CAAAC,YAAatB,EAAU,SAAW,QAClCuB,YAAavB,EAAU,kBAAoB,kBAC3CwB,aAAc,MACdC,OAAQ,UACRC,MAAO1B,EAAU,OAAS,QAC1B2B,OAAQ3B,EAAU,OAAS,QAC3B4B,QAAS5B,EAAU,MAAQ,GACxBO,GAELsB,YAAa,IAAMb,GAAS,GAC5Bc,WAAY,IAAMd,GAAS,IACvBR,EAAS,CAAAP,SAAA,CAEZD,EACC+B,EAAAA,IAACC,EAAGA,IACF,CAAAzB,GAAI,CACF0B,QAASlB,EAAQ,QAAU,OAC3BmB,SAAU,WACVC,KAAM,MACNC,MAAO,MACPC,IAAK,MACLC,OAAQ,MACRC,WAAY,YACZC,MAAO,QACPhB,aAAc,OACfvB,SAED8B,MAACU,EAAAA,MACC,CAAAC,UAAU,MACVC,QAAS,EACTpC,GAAI,CAAE0B,QAAS,OAAQW,eAAgB,SAAUC,WAAY,SAAUlB,OAAQ,QAAQ1B,SAEtFD,MAIL+B,EAAAA,IAACe,EAAAA,WAAU1B,OAAAC,OAAA,CACTd,GACEa,OAAAC,OAAA,CAAAa,SAAU,WACVE,MAAO,MACPC,IAAK,MACLU,OAAQ,IACRrB,MAAO,OACPC,OAAQ,QACLjB,GAELsC,QAAQ,SACRR,MAAM,WACF7B,EAAmB,CAAAV,SAEvB8B,EAAAA,IAACkB,EAAIA,KAAA7B,OAAAC,OAAA,CAAC6B,KAAK,QAAQ3C,GAAMa,OAAAC,OAAA,CAAA8B,SAAU,QAAWtC,IAAcC,OAI/DV,EACC2B,EAAAA,IAACC,EAAGA,IACF,CAAAoB,UAAU,MACVC,IAAKjD,EACLG,GAAI,CAAE0B,QAAS,QAASP,MAAO,OAAQC,OAAQ,OAAQ2B,UAAW,QAAS9B,aAAc,SAG3F,KAEY"}

package/cjs/components/upload/components/uploadPreview/uploadPreviewImage.d.ts

@@ -0,0 +1,8 @@
+import { type BoxProps } from '@mui/material';
+export type UploadPreviewImageProps = BoxProps<'img'>;
+/**
+ * Component that should be used along with UploadPreview to preview the uploaded image.
+ *
+ * @see UploadPreview
+ */
+export declare function UploadPreviewImage({ sx, ...restProps }: UploadPreviewImageProps): import("react/jsx-runtime").JSX.Element;

package/cjs/components/upload/components/uploadPreview/uploadPreviewImage.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@mui/material");exports.UploadPreviewImage=function(t){var{sx:s}=t,o=e.__rest(t,["sx"]);return i.jsx(r.Box,Object.assign({component:"img",sx:Object.assign({display:"block",position:"absolute",width:"100%",height:"100%",objectFit:"cover",borderRadius:"4px"},s)},o))};
+//# sourceMappingURL=uploadPreviewImage.js.map

package/cjs/components/upload/components/uploadPreview/uploadPreviewImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadPreviewImage.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/uploadPreviewImage.tsx"],"sourcesContent":[null],"names":["_a","sx","restProps","__rest","_jsx","jsx","Box","Object","assign","component","display","position","width","height","objectFit","borderRadius"],"mappings":"yHASM,SAA6BA,GAAA,IAAAC,GAAEA,GAA2CD,EAApCE,EAASC,EAAAA,OAAAH,EAAlB,QACjC,OACEI,EAACC,IAAAC,EAAGA,IACFC,OAAAC,OAAA,CAAAC,UAAU,MACVR,GAAEM,OAAAC,OAAA,CACAE,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,OACXd,IAEDC,GAGV"}

package/cjs/components/upload/components/uploadWrapper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './uploadContent';
+export * from './uploadWrapper';

package/cjs/components/upload/components/uploadWrapper/uploadContent.d.ts

@@ -0,0 +1,17 @@
+import { BoxProps } from '@mui/material';
+import { PropsWithChildren } from 'react';
+interface UploadContentProps extends PropsWithChildren<BoxProps> {
+}
+/**
+ * Content of UploadWrapper.
+ *
+ * @see UploadWrapper
+ */
+export declare function UploadContent({ children, sx, ...restProps }: UploadContentProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Content of UploadWrapper when user drags over Upload.
+ *
+ * @see UploadWrapper
+ */
+export declare function UploadContentDragging({ children, sx, ...restProps }: UploadContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/cjs/components/upload/components/uploadWrapper/uploadContent.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),n=require("@mui/material");function r(r){var{children:i,sx:s}=r,o=e.__rest(r,["children","sx"]);return t.jsx(n.Box,Object.assign({sx:Object.assign({display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",margin:"auto",gap:e=>e.spacing(),"& .MuiSvgIcon-root":{fontSize:"20px"}},s)},o,{children:i}))}exports.UploadContent=r,exports.UploadContentDragging=function(n){var{children:i,sx:s}=n,o=e.__rest(n,["children","sx"]);return t.jsx(r,Object.assign({sx:Object.assign({position:"absolute",width:"100%",height:"100%",borderRadius:"inherit",left:0,top:0,zIndex:2,pointerEvents:"none",userSelect:"none",backgroundColor:"success.light"},s)},o,{children:i}))};
+//# sourceMappingURL=uploadContent.js.map

package/cjs/components/upload/components/uploadWrapper/uploadContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadContent.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/uploadContent.tsx"],"sourcesContent":[null],"names":["UploadContent","_a","children","sx","restProps","__rest","_jsx","jsx","Box","Object","assign","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"8FAUM,SAAUA,EAAcC,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBAC5B,OACEK,EAACC,IAAAC,EAAGA,mBACFL,GAAEM,OAAAC,OAAA,CACAC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,SAETjB,IAEDC,YAEHF,IAGP,uDAOM,SAAgCD,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAASC,EAAAA,OAAAJ,EAA5B,mBACpC,OACEK,EAAAA,IAACN,EACCS,OAAAC,OAAA,CAAAP,kBACEkB,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,iBACd3B,IAEDC,EAEH,CAAAF,SAAAA,IAGP"}

package/cjs/components/upload/components/uploadWrapper/uploadWrapper.d.ts

@@ -0,0 +1,14 @@
+import { BoxProps } from '@mui/material';
+export interface UploadWrapperProps extends BoxProps {
+    /**
+     * Variant that adjusts look of the component
+     */
+    state?: 'dragdropping' | 'error' | 'default' | 'solid';
+}
+/**
+ * Base wrapper for Upload components
+ *
+ * @see Upload
+ * @see UploadPreview
+ */
+export declare function UploadWrapper({ state, sx, ...restProps }: UploadWrapperProps): import("react/jsx-runtime").JSX.Element;

package/cjs/components/upload/components/uploadWrapper/uploadWrapper.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("tslib"),o=require("react/jsx-runtime"),e=require("@mui/material"),s=require("../../../focusring/focusring.js");exports.UploadWrapper=function(a){var{state:i="default",sx:t}=a,n=r.__rest(a,["state","sx"]);return o.jsx(e.Box,Object.assign({sx:r=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({display:"flex",alignItems:"flex-start",justifyContent:"center",cursor:"pointer",position:"relative",borderRadius:"8px",width:"100px",height:"100px",borderWidth:"1px",borderStyle:"dashed",borderColor:"onSurface.os200",backgroundColor:"surface.primary","&:hover":{borderColor:"onSurface.os500"},transition:"background-color .3s ease, border-color .3s ease",outline:"none"},"dragdropping"===i&&{borderColor:"primary.main",backgroundColor:"success.light"}),"error"===i&&{borderColor:"error.main",color:"error.main","&:hover":{borderColor:"error.main"}}),"solid"===i&&{borderColor:"surface.secondary",backgroundColor:"background.primary",borderStyle:"solid","&:hover":{borderColor:"surface.secondary"},cursor:"default"}),s.getFocusRingStyle(r,!1,1,":focus-visible")),t)},n))};
+//# sourceMappingURL=uploadWrapper.js.map

package/cjs/components/upload/components/uploadWrapper/uploadWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadWrapper.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/uploadWrapper.tsx"],"sourcesContent":[null],"names":["_a","state","sx","restProps","__rest","_jsx","jsx","Box","Object","assign","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"iKAgBM,SAAwBA,OAAAC,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,EAA5BC,EAAAA,OAAAJ,EAAA,CAAA,QAAA,OAC5B,OACEK,EAAAC,IAACC,MAAGC,OAAAC,OAAA,CACFP,GAAKQ,GAAUF,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CACbE,QAAS,OACTC,WAAY,aACZC,eAAgB,SAChBC,OAAQ,UACRC,SAAU,WACVC,aAAc,MACdC,MAAO,QACPC,OAAQ,QACRC,YAAa,MACbC,YAAa,SACbC,YAAa,kBACbC,gBAAiB,kBACjB,UAAW,CACTD,YAAa,mBAEfE,WAAY,mDACZC,QAAS,QACK,iBAAVvB,GAA4B,CAC9BoB,YAAa,eACbC,gBAAiB,kBAEL,UAAVrB,GAAqB,CACvBoB,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,gBAGH,UAAVpB,GAAqB,CACvBoB,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,YAEPY,EAAiBA,kBAAChB,GAAO,EAAO,EAAG,mBACnCR,IAEDC,GAGV"}

package/cjs/components/upload/index.d.ts

@@ -1,5 +1,6 @@
-export * from './UploadBox';
+export * from './components';
+export * from './upload';
 export * from './UploadField';
-export * from './UploadPreview';
-export * from './UploadProgress';
+export * from './UploadBox';
 export * from './UploadPreviewList';
+export * from './UploadProgress';

package/cjs/components/upload/upload.d.ts

@@ -0,0 +1,35 @@
+import { HTMLProps, ReactNode } from 'react';
+import { UploadWrapperProps } from './components/uploadWrapper/uploadWrapper';
+type UploadError = {
+    type: 'maxFilesExceeded' | 'invalidFileType';
+    files?: File[];
+} | null;
+export interface UploadProps extends Omit<UploadWrapperProps, 'children'> {
+    /**
+     * Properties that will be passed to the input element.
+     */
+    inputProps?: Omit<HTMLProps<HTMLInputElement>, 'hidden' | 'type' | 'multiple'>;
+    /**
+     * Sets maximum files that are available.
+     * If maxFiles is bigger than 1 the input is type multiple.
+     * @default 1
+     */
+    maxFiles?: number;
+    /**
+     * Handler that is called when user provide files.
+     */
+    onFileChange?: (files: Array<File>) => void;
+    /**
+     * Children as a render function that gets error and dragging state.
+     */
+    children?: ReactNode | ((params: {
+        error: UploadError;
+        dragging: boolean;
+    }) => ReactNode);
+    /**
+     * Current number of uploaded files.
+     */
+    currentFilesCount?: number;
+}
+export declare function Upload({ children, currentFilesCount, onFileChange, inputProps, maxFiles, state, ...restProps }: UploadProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/cjs/components/upload/upload.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("./components/uploadWrapper/uploadWrapper.js");function l(e,t){if(!e.type)return!1;if("*"===t.trim())return!0;return t.split(",").some((t=>{if(t.includes("/*")){const r=t.split("/")[0];return e.type.startsWith(`${r}/`)}if(e.type.trim()===t.trim())return!0;if(t.startsWith(".")){const r=t.trim().toLowerCase();return e.name.toLowerCase().endsWith(r)}return!1}))}exports.Upload=function(a){var{children:i,currentFilesCount:s=0,onFileChange:o,inputProps:u={},maxFiles:p=1,state:c}=a,d=e.__rest(a,["children","currentFilesCount","onFileChange","inputProps","maxFiles","state"]);const f=r.useRef(null),[g,v]=r.useState(!1),[h,C]=r.useState(null),m=(null==u?void 0:u.accept)||"*",b=r.useMemo((()=>g?"dragdropping":h?"error":c||"default"),[g,h,c]),y=r.useCallback((e=>{e.stopPropagation(),e.preventDefault()}),[]),x=r.useCallback((e=>e.filter((e=>l(e,m)))),[m,p]),k=r.useCallback((()=>{o&&(h&&C(null),v(!0))}),[v]),F=r.useCallback((()=>{v(!1)}),[v]),D=r.useCallback((()=>{var e;h&&C(null),null===(e=f.current)||void 0===e||e.click()}),[]),j=r.useCallback((e=>{e.preventDefault(),e.stopPropagation(),h&&C(null);const t=[...e.dataTransfer.files];if(s+t.length>p)return v(!1),void C({type:"maxFilesExceeded"});const r=t.filter((e=>!l(e,m)));if(r.length>0)return v(!1),void C({type:"invalidFileType",files:r});const n=x([...e.dataTransfer.files]);v(!1),n.length>0&&(null==o||o(n))}),[v,h,C,m,o,s]),W=r.useCallback((e=>{e.preventDefault(),e.stopPropagation(),h&&C(null);const t=[...e.target.files];if(s+t.length>p)return v(!1),void C({type:"maxFilesExceeded"});const r=t.filter((e=>!l(e,m)));if(r.length>0)return void C({type:"invalidFileType",files:r});const n=x(t);n.length>0&&(null==o||o(n),f.current&&(f.current.value=""))}),[v,h,C,m,o,s]);return t.jsxs(n.UploadWrapper,Object.assign({role:"button",tabIndex:0,"aria-label":"Upload file",state:b,onClick:D,onDragOver:y,onDrop:j,onDragEnter:k,onDragLeave:F,onKeyDown:e=>{"Enter"===e.key&&D()}},d,{children:["function"==typeof i?i({error:h,dragging:g}):i,t.jsx("input",Object.assign({ref:f,onChange:W},u,{hidden:!0,type:"file",multiple:p>1}))]}))};
+//# sourceMappingURL=upload.js.map

package/cjs/components/upload/upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.js","sources":["../../../../../src/components/upload/upload.tsx"],"sourcesContent":[null],"names":["isAcceptedFileType","file","acceptedTypes","type","trim","split","some","includes","typePrefix","startsWith","extension","toLowerCase","name","endsWith","_a","children","currentFilesCount","onFileChange","inputProps","maxFiles","state","restProps","__rest","inputRef","useRef","dragging","setDragging","useState","error","setError","accept","currentState","useMemo","preventDragOver","useCallback","event","stopPropagation","preventDefault","getFilteredFiles","inputFiles","filter","handleDragEnter","handleDragLeave","handleClick","current","click","handleDrop","files","dataTransfer","length","permittedFiles","filteredFiles","handleInputChange","target","value","_jsxs","UploadWrapper","role","tabIndex","onClick","onDragOver","onDrop","onDragEnter","onDragLeave","onKeyDown","key","_jsx","Object","assign","ref","onChange","hidden","multiple"],"mappings":"+IAGA,SAASA,EAAmBC,EAAYC,GACtC,IAAKD,EAAKE,KAAM,OAAO,EAGvB,GAA6B,MAAzBD,EAAcE,OAAgB,OAAO,EAKzC,OAFiBF,EAAcG,MAAM,KAErBC,MAAMH,IAEpB,GAAIA,EAAKI,SAAS,MAAO,CACvB,MAAMC,EAAaL,EAAKE,MAAM,KAAK,GACnC,OAAOJ,EAAKE,KAAKM,WAAW,GAAGD,MAGjC,GAAIP,EAAKE,KAAKC,SAAWD,EAAKC,OAC5B,OAAO,EAGT,GAAID,EAAKM,WAAW,KAAM,CACxB,MAAMC,EAAYP,EAAKC,OAAOO,cAC9B,OAAOV,EAAKW,KAAKD,cAAcE,SAASH,GAE1C,OAAO,CAAK,GAEhB,gBAoCM,SAAiBI,OAAAC,SACrBA,EAAQC,kBACRA,EAAoB,EAACC,aACrBA,EAAYC,WACZA,EAAa,GAAEC,SACfA,EAAW,EAACC,MACZA,KACGC,EAPkBC,EAAAA,OAAAR,EAAA,CAAA,WAAA,oBAAA,eAAA,aAAA,WAAA,UASrB,MAAMS,EAAWC,EAAMA,OAAmB,OACnCC,EAAUC,GAAeC,EAAAA,UAAkB,IAC3CC,EAAOC,GAAYF,EAAAA,SAAsB,MAE1CG,GAASZ,aAAA,EAAAA,EAAYY,SAAU,IAE/BC,EAAeC,EAAAA,SAAQ,IACpBP,EAAW,eAAiBG,EAAQ,QAAUR,GAAgB,WACpE,CAACK,EAAUG,EAAOR,IAEfa,EAAkBC,eAAaC,IACnCA,EAAMC,kBACND,EAAME,gBAAgB,GACrB,IAEGC,EAAmBJ,EAAAA,aACtBK,GAAuBA,EAAWC,QAAQvC,GAASD,EAAmBC,EAAM6B,MAC7E,CAACA,EAAQX,IAGLsB,EAAkBP,EAAAA,aAAY,KAC7BjB,IAELW,GAASC,EAAS,MAClBH,GAAY,GAAK,GAChB,CAACA,IAEEgB,EAAkBR,EAAAA,aAAY,KAClCR,GAAY,EAAM,GACjB,CAACA,IAEEiB,EAAcT,EAAAA,aAAY,WAC9BN,GAASC,EAAS,MACA,QAAlBf,EAAAS,EAASqB,eAAS,IAAA9B,GAAAA,EAAA+B,OAAO,GACxB,IAEGC,EAAaZ,eAChBC,IACCA,EAAME,iBACNF,EAAMC,kBAENR,GAASC,EAAS,MAElB,MAAMkB,EAAQ,IAAIZ,EAAMa,aAAaD,OAErC,GAAI/B,EAAoB+B,EAAME,OAAS9B,EAKrC,OAJAO,GAAY,QACZG,EAAS,CACP1B,KAAM,qBAKV,MAAM+C,EAAiBH,EAAMP,QAAQvC,IAAUD,EAAmBC,EAAM6B,KAExE,GAAIoB,EAAeD,OAAS,EAM1B,OALAvB,GAAY,QACZG,EAAS,CACP1B,KAAM,kBACN4C,MAAOG,IAKX,MAAMC,EAAgBb,EAAiB,IAAIH,EAAMa,aAAaD,QAC9DrB,GAAY,GACRyB,EAAcF,OAAS,IACzBhC,SAAAA,EAAekC,MAGnB,CAACzB,EAAaE,EAAOC,EAAUC,EAAQb,EAAcD,IAGjDoC,EAAoBlB,eACvBC,IACCA,EAAME,iBACNF,EAAMC,kBAENR,GAASC,EAAS,MAElB,MAAMkB,EAAQ,IAAIZ,EAAMkB,OAAON,OAE/B,GAAI/B,EAAoB+B,EAAME,OAAS9B,EAKrC,OAJAO,GAAY,QACZG,EAAS,CACP1B,KAAM,qBAKV,MAAM+C,EAAiBH,EAAMP,QAAQvC,IAAUD,EAAmBC,EAAM6B,KAExE,GAAIoB,EAAeD,OAAS,EAK1B,YAJApB,EAAS,CACP1B,KAAM,kBACN4C,MAAOG,IAKX,MAAMC,EAAgBb,EAAiBS,GAEnCI,EAAcF,OAAS,IACzBhC,SAAAA,EAAekC,GAEX5B,EAASqB,UACXrB,EAASqB,QAAQU,MAAQ,OAI/B,CAAC5B,EAAaE,EAAOC,EAAUC,EAAQb,EAAcD,IAGvD,OACEuC,OAACC,EAAAA,6BACCC,KAAK,SACLC,SAAU,EAAC,aACA,cACXtC,MAAOW,EACP4B,QAAShB,EACTiB,WAAY3B,EACZ4B,OAAQf,EACRgB,YAAarB,EACbsB,YAAarB,EACbsB,UAAY7B,IACQ,UAAdA,EAAM8B,KAAiBtB,GAAa,GAEtCtB,EAEH,CAAAN,SAAA,CAAoB,mBAAbA,EAA0BA,EAAS,CAAEa,QAAOH,aAAcV,EAClEmD,EAAAA,IAAA,QAAAC,OAAAC,OAAA,CAAOC,IAAK9C,EAAU+C,SAAUlB,GAAuBlC,EAAY,CAAAqD,QAAO,EAAApE,KAAK,OAAOqE,SAAUrD,EAAW,QAGjH"}

package/cjs/components/{media/video → video}/Video.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { BoxProps } from '@mui/material';
 export interface VideoProps extends BoxProps<'video'> {
     /** The URL of the video to embed. */
-    src: string;
+    src?: string;
     /** video type property, @default "video/mp4" */
     type?: string;
     /** The message (or component) to display if the video cannot be loaded, @default <Icon name="file-missing" /> centered inside the Box  */

package/cjs/components/video/Video.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),s=require("react"),o=require("@mui/material"),t=require("../icon/stroke/FileMissingIcon.js");const i=s.forwardRef(((s,i)=>{var{src:n,type:c="video/mp4",noVidErrorMessage:l,sourceProps:a,poster:u,sx:d,autoPlay:p=!0,muted:x=!0,controls:m=!1,loop:j=!1,children:g}=s,y=e.__rest(s,["src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children"]);return r.jsxs(o.Box,Object.assign({component:"video","data-testid":"Video",poster:u,ref:i,autoPlay:p,muted:x,controls:m,loop:j,sx:Object.assign({display:"block",maxWidth:"100%"},d)},y,{children:[null!=g?g:r.jsx(o.Box,Object.assign({component:"source",src:n,type:c},a)),null!=l?l:r.jsx(o.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:r.jsx(t.FileMissingIcon,{})})]}))}));exports.Video=i;
+//# sourceMappingURL=Video.js.map

package/cjs/components/video/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sources":["../../../../../src/components/video/Video.tsx"],"sourcesContent":[null],"names":["Video","forwardRef","_a","ref","src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children","rest","__rest","_jsxs","jsxs","Box","Object","assign","component","display","maxWidth","_jsx","jsx","justifyContent","alignItems","width","height","FileMissingIcon"],"mappings":"gKAgCa,MAAAA,EAA8BC,EAAUA,YACnD,CACEC,EAcAC,KAdA,IAAAC,IACEA,EAAGC,KACHA,EAAO,YAAWC,kBAClBA,EAAiBC,YACjBA,EAAWC,OACXA,EAAMC,GACNA,EAAEC,SACFA,GAAW,EAAIC,MACfA,GAAQ,EAAIC,SACZA,GAAW,EAAKC,KAChBA,GAAO,EAAKC,SACZA,GAEDZ,EADIa,EAAIC,EAAAA,OAAAd,EAZT,gHAgBA,OACEe,EAACC,KAAAC,EAAGA,IACFC,OAAAC,OAAA,CAAAC,UAAU,QAAO,cACL,QACZd,OAAQA,EACRL,IAAKA,EACLO,SAAUA,EACVC,MAAOA,EACPC,SAAUA,EACVC,KAAMA,EACNJ,GACEW,OAAAC,OAAA,CAAAE,QAAS,QACTC,SAAU,QACPf,IAEDM,EAAI,CAAAD,SAAA,CAEPA,QAAAA,EAAYW,EAACC,IAAAP,qBAAIG,UAAU,SAASlB,IAAKA,EAAKC,KAAMA,GAAUE,IAC9DD,QAAAA,EACCmB,EAAAA,IAACN,EAAGA,IAAC,CAAAV,GAAI,CAAEc,QAAS,OAAQI,eAAgB,SAAUC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,QACjGhB,SAAAW,MAACM,EAAAA,gBAAe,CAAA,QAGhB"}

package/cjs/components/video/hooks.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("react");exports.useVideoPlayPause=t=>{var r;const[u,n]=e.useState(!(null===(r=t.current)||void 0===r?void 0:r.paused));e.useEffect((()=>{const e=null==t?void 0:t.current;e&&void 0===u&&n(!(null==e?void 0:e.paused));const r=()=>{(!e.autoplay||!e.ended)&&n(!0)},a=()=>n(!1);if(e)return e.addEventListener("pause",a),n(!e.paused),e.addEventListener("play",r),()=>{e.removeEventListener("play",r),e.removeEventListener("pause",a)}}),[t]);const a=e.useCallback((()=>{(null==t?void 0:t.current)&&(u?t.current.pause():t.current.play(),n((e=>!e)))}),[u,null==t?void 0:t.current]);return{isPlaying:u,handlePlayPause:a}},exports.useVideoSoundControls=t=>{var r;const[u,n]=e.useState(null===(r=t.current)||void 0===r?void 0:r.muted),[a,d]=e.useState(1);e.useEffect((()=>{const e=null==t?void 0:t.current;e&&(void 0===u&&n(null==e?void 0:e.muted),t.current.muted=u,t.current.volume=a)}),[u,a,t]);const l=e.useCallback((()=>{n((e=>!e))}),[]),o=e.useCallback((e=>{d(e)}),[]);return{isMuted:u,handleMuteToggle:l,volume:a,handleVolumeChange:o}},exports.useVideoTime=t=>{var r;const[u,n]=e.useState(0),[a,d]=e.useState(null===(r=t.current)||void 0===r?void 0:r.duration),l=e.useCallback((()=>{var e;(null===(e=t.current)||void 0===e?void 0:e.currentTime)&&n(t.current.currentTime)}),[t]),o=e.useCallback((e=>{var r;(null===(r=t.current)||void 0===r?void 0:r.currentTime)&&(t.current.currentTime=e),n(e)}),[t]),i=e.useCallback((()=>{var e;(null===(e=t.current)||void 0===e?void 0:e.duration)&&d(t.current.duration)}),[t]);return e.useEffect((()=>{const e=null==t?void 0:t.current;if(e)return e.addEventListener("loadedmetadata",i),e.addEventListener("timeupdate",l),()=>{e.removeEventListener("loadedmetadata",i),e.removeEventListener("timeupdate",l)}}),[i,l,t]),{currentTime:u,duration:a,handleSeek:o}};
+//# sourceMappingURL=hooks.js.map

package/cjs/components/video/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../../../../src/components/video/hooks.ts"],"sourcesContent":[null],"names":["videoRef","isPlaying","setIsPlaying","useState","_a","current","paused","useEffect","video","handlePlay","autoplay","ended","handlePause","addEventListener","removeEventListener","handlePlayPause","useCallback","pause","play","prevIsPlaying","isMuted","setIsMuted","muted","volume","setVolume","handleMuteToggle","prevMuted","handleVolumeChange","newVolume","currentTime","setCurrentTime","duration","setDuration","handleTimeUpdate","handleSeek","newTime","handleLoadedMetadata"],"mappings":"8DA4DkCA,UAChC,MAAOC,EAAWC,GAAgBC,EAAAA,mBAAUC,EAAAJ,EAASK,8BAASC,SAE9DC,EAAAA,WAAU,KACR,MAAMC,EAAQR,aAAA,EAAAA,EAAUK,QAEpBG,QAA8B,IAAdP,GAClBC,IAAcM,aAAA,EAAAA,EAAOF,SAGvB,MAAMG,EAAa,OAEfD,EAAME,WAAYF,EAAMG,QAAUT,GAAa,EAAK,EAElDU,EAAc,IAAMV,GAAa,GAEvC,GAAIM,EAQF,OAPAA,EAAMK,iBAAiB,QAASD,GAGhCV,GAAcM,EAAMF,QAEpBE,EAAMK,iBAAiB,OAAQJ,GAExB,KACLD,EAAMM,oBAAoB,OAAQL,GAClCD,EAAMM,oBAAoB,QAASF,EAAY,IAGlD,CAACZ,IAEJ,MAAMe,EAAkBC,EAAAA,aAAY,MAC9BhB,aAAQ,EAARA,EAAUK,WACRJ,EACFD,EAASK,QAAQY,QAEjBjB,EAASK,QAAQa,OAEnBhB,GAAciB,IAAmBA,OAElC,CAAClB,EAAWD,aAAQ,EAARA,EAAUK,UAEzB,MAAO,CACLJ,YACAc,kBACD,gCAxFmCf,UACpC,MAAOoB,EAASC,GAAclB,EAAQA,SAAmB,QAAlBC,EAAAJ,EAASK,eAAS,IAAAD,OAAA,EAAAA,EAAAkB,QAClDC,EAAQC,GAAarB,EAAAA,SAAS,GAErCI,EAAAA,WAAU,KACR,MAAMC,EAAQR,aAAA,EAAAA,EAAUK,QACpBG,SACqB,IAAZY,GACTC,EAAWb,eAAAA,EAAOc,OAGpBtB,EAASK,QAAQiB,MAAQF,EACzBpB,EAASK,QAAQkB,OAASA,KAE3B,CAACH,EAASG,EAAQvB,IAErB,MAAMyB,EAAmBT,EAAAA,aAAY,KACnCK,GAAYK,IAAeA,GAAU,GACpC,IAEGC,EAAqBX,eAAaY,IACtCJ,EAAUI,EAAU,GACnB,IAEH,MAAO,CACLR,UACAK,mBACAF,SACAI,qBACD,uBA8E0B3B,UAC3B,MAAO6B,EAAaC,GAAkB3B,EAAAA,SAAS,IACxC4B,EAAUC,GAAe7B,EAAQA,SAAmB,QAAlBC,EAAAJ,EAASK,eAAS,IAAAD,OAAA,EAAAA,EAAA2B,UAErDE,EAAmBjB,EAAAA,aAAY,YACb,UAAlBhB,EAASK,eAAS,IAAAD,OAAA,EAAAA,EAAAyB,cACpBC,EAAe9B,EAASK,QAAQwB,eAEjC,CAAC7B,IAEEkC,EAAalB,eAChBmB,WACuB,UAAlBnC,EAASK,eAAS,IAAAD,OAAA,EAAAA,EAAAyB,eACpB7B,EAASK,QAAQwB,YAAcM,GAEjCL,EAAeK,EAAQ,GAEzB,CAACnC,IAGGoC,EAAuBpB,EAAAA,aAAY,YACjB,UAAlBhB,EAASK,eAAS,IAAAD,OAAA,EAAAA,EAAA2B,WACpBC,EAAYhC,EAASK,QAAQ0B,YAE9B,CAAC/B,IAeJ,OAbAO,EAAAA,WAAU,KACR,MAAMC,EAAQR,aAAA,EAAAA,EAAUK,QACxB,GAAIG,EAIF,OAHAA,EAAMK,iBAAiB,iBAAkBuB,GACzC5B,EAAMK,iBAAiB,aAAcoB,GAE9B,KACLzB,EAAMM,oBAAoB,iBAAkBsB,GAC5C5B,EAAMM,oBAAoB,aAAcmB,EAAiB,IAG5D,CAACG,EAAsBH,EAAkBjC,IAErC,CACL6B,cACAE,WACAG,aACD"}

package/cjs/components/{media/video → video}/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Video';
 export * from './hooks';
-export * from './controls';