@skodaflow/web-library 7.13.0 → 7.14.0

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

@@ -1,2 +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]}))};
+"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),r=require("../../../icon/stroke/CloseIcon.js"),s=require("@mui/material"),t=require("react"),i=require("../uploadWrapper/uploadWrapper.js");exports.UploadPreview=n=>{var{actions:c,children:a,iconButtonProps:p,iconProps:x,customIcon:d,image:u}=n;const l=e.__rest(n,["actions","children","iconButtonProps","iconProps","customIcon","image"])||{},{sx:h}=l,g=e.__rest(l,["sx"]),b=p||{},{sx:j}=b,m=e.__rest(b,["sx"]),[f,v]=t.useState(!1);return o.jsxs(i.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},h),onMouseOver:()=>v(!0),onMouseOut:()=>v(!1)},g,{children:[c?o.jsx(s.Box,{sx:{display:f?"block":"none",position:"absolute",left:"5px",right:"5px",top:"5px",bottom:"5px",background:"#3232324f",color:"white",borderRadius:"4px"},children:o.jsx(s.Stack,{direction:"row",spacing:1,sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:c})}):o.jsx(s.IconButton,Object.assign({sx:Object.assign({position:"absolute",right:"4px",top:"4px",zIndex:"1",width:"24px",height:"24px","& > svg":{fontSize:"17px"}},j),variant:"filled",color:"surface"},m,{children:d||o.jsx(r.CloseIcon,Object.assign({},x))})),u?o.jsx(s.Box,{component:"img",src:u,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

@@ -1 +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"}
+{"version":3,"file":"uploadPreview.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/uploadPreview.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { Box, IconButton, IconButtonProps, Stack, SvgIconProps } from '@mui/material';\nimport { FC, ReactNode, useState } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from '../uploadWrapper';\n\nexport interface UploadPreviewProps extends UploadWrapperProps {\n  /**\n   * Previews the item.\n   */\n  children: ReactNode;\n\n  /**\n   * Properties that will be passed to the IconButton\n   */\n  iconButtonProps?: IconButtonProps;\n\n  /**\n   * Properties that will be passed to the Icon\n   */\n  iconProps?: SvgIconProps;\n\n  /**\n   * Custom Icon component that will be rendered in default action in IconButton\n   */\n  customIcon?: ReactNode;\n\n  /**\n   * @deprecated - old property - used for backward compatibility\n   *\n   * Actions that are displayed whe user hovers over preview\n   * @default undefined\n   * @example\n   * import {IconButton} from '@mui/material';\n   * import {Icon} from '@skodaflow/web-library';\n   * ...\n   * <UploadPreview ... actions={\n   *  <IconButton aria-label=\"...\" onClick={...}>\n   *    <TrashcanIcon />\n   *  </IconButton\n   * }/>\n   */\n  actions?: ReactNode;\n\n  /**\n   * @deprecated - old property - used for backward compatibility\n   *\n   * Preview url. This property is passed to img element.\n   */\n  image?: string;\n}\n\n/**\n * Previews single uploaded item and adds an IconButton on top of it on hover.\n *\n * @see Upload\n */\nexport const UploadPreview: FC<UploadPreviewProps> = ({\n  actions,\n  children,\n  iconButtonProps,\n  iconProps,\n  customIcon,\n  image,\n  ...props\n}) => {\n  const { sx, ...restProps } = props || {};\n  const { sx: iconButtonSx, ...restIconButtonProps } = iconButtonProps || {};\n\n  /**\n   * @deprecated\n   */\n  const [hover, setHover] = useState(false);\n\n  return (\n    <UploadWrapper\n      sx={{\n        borderStyle: actions ? 'dashed' : 'solid',\n        borderColor: actions ? 'onSurface.os200' : 'onSurface.os500',\n        borderRadius: '4px',\n        cursor: 'default',\n        width: actions ? '100%' : '100px',\n        height: actions ? '100%' : '100px',\n        padding: actions ? '5px' : 0,\n        ...sx,\n      }}\n      onMouseOver={() => setHover(true)}\n      onMouseOut={() => setHover(false)}\n      {...restProps}\n    >\n      {actions ? (\n        <Box\n          sx={{\n            display: hover ? 'block' : 'none',\n            position: 'absolute',\n            left: '5px',\n            right: '5px',\n            top: '5px',\n            bottom: '5px',\n            background: '#3232324f',\n            color: 'white',\n            borderRadius: '4px',\n          }}\n        >\n          <Stack\n            direction=\"row\"\n            spacing={1}\n            sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' }}\n          >\n            {actions}\n          </Stack>\n        </Box>\n      ) : (\n        <IconButton\n          sx={{\n            position: 'absolute',\n            right: '4px',\n            top: '4px',\n            zIndex: '1',\n            width: '24px',\n            height: '24px',\n            '& > svg': {\n              fontSize: '17px',\n            },\n            ...iconButtonSx,\n          }}\n          variant=\"filled\"\n          color=\"surface\"\n          {...restIconButtonProps}\n        >\n          {customIcon || <CloseIcon {...iconProps} />}\n        </IconButton>\n      )}\n\n      {image ? (\n        <Box\n          component=\"img\"\n          src={image}\n          sx={{ display: 'block', width: '100%', height: '100%', objectFit: 'cover', borderRadius: '4px' }}\n        />\n      ) : (\n        children\n      )}\n    </UploadWrapper>\n  );\n};\n"],"names":["_a","actions","children","iconButtonProps","iconProps","customIcon","image","_b","__rest","sx","restProps","_c","iconButtonSx","restIconButtonProps","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","fontSize","variant","CloseIcon","component","src","objectFit"],"mappings":"qOAwDsDA,IAAA,IAAAC,QACpDA,EAAOC,SACPA,EAAQC,gBACRA,EAAeC,UACfA,EAASC,WACTA,EAAUC,MACVA,GAEDN,EACC,MAAMO,EAFEC,EAAAA,OAAAR,EAP4C,4EASd,CAAE,GAAlCS,GAAEA,GAAEF,EAAKG,EAATF,EAAAA,OAAAD,EAAA,CAAA,OACAI,EAA+CR,GAAmB,IAAhEM,GAAIG,KAAiBC,EAAvBL,EAAAA,OAAAG,EAAA,CAAA,QAKCG,EAAOC,GAAYC,EAAAA,UAAS,GAEnC,OACEC,OAACC,EAAAA,cAAaC,OAAAC,OAAA,CACZX,GACEU,OAAAC,OAAA,CAAAC,YAAapB,EAAU,SAAW,QAClCqB,YAAarB,EAAU,kBAAoB,kBAC3CsB,aAAc,MACdC,OAAQ,UACRC,MAAOxB,EAAU,OAAS,QAC1ByB,OAAQzB,EAAU,OAAS,QAC3B0B,QAAS1B,EAAU,MAAQ,GACxBQ,GAELmB,YAAa,IAAMb,GAAS,GAC5Bc,WAAY,IAAMd,GAAS,IACvBL,EAAS,CAAAR,SAAA,CAEZD,EACC6B,EAAAA,IAACC,EAAGA,IACF,CAAAtB,GAAI,CACFuB,QAASlB,EAAQ,QAAU,OAC3BmB,SAAU,WACVC,KAAM,MACNC,MAAO,MACPC,IAAK,MACLC,OAAQ,MACRC,WAAY,YACZC,MAAO,QACPhB,aAAc,OACfrB,SAED4B,MAACU,EAAAA,MACC,CAAAC,UAAU,MACVC,QAAS,EACTjC,GAAI,CAAEuB,QAAS,OAAQW,eAAgB,SAAUC,WAAY,SAAUlB,OAAQ,QAAQxB,SAEtFD,MAIL6B,MAACe,EAAAA,WACC1B,OAAAC,OAAA,CAAAX,GACEU,OAAAC,OAAA,CAAAa,SAAU,WACVE,MAAO,MACPC,IAAK,MACLU,OAAQ,IACRrB,MAAO,OACPC,OAAQ,OACR,UAAW,CACTqB,SAAU,SAETnC,GAELoC,QAAQ,SACRT,MAAM,WACF1B,EAEH,CAAAX,SAAAG,GAAcyB,EAAAA,IAACmB,EAASA,UAAK9B,OAAAC,OAAA,CAAA,EAAAhB,OAIjCE,EACCwB,EAAAA,IAACC,EAAAA,IAAG,CACFmB,UAAU,MACVC,IAAK7C,EACLG,GAAI,CAAEuB,QAAS,QAASP,MAAO,OAAQC,OAAQ,OAAQ0B,UAAW,QAAS7B,aAAc,SAG3F,KAEY"}

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

@@ -1 +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"}
+{"version":3,"file":"uploadPreviewImage.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/uploadPreviewImage.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@mui/material';\n\nexport type UploadPreviewImageProps = BoxProps<'img'>;\n\n/**\n * Component that should be used along with UploadPreview to preview the uploaded image.\n *\n * @see UploadPreview\n */\nexport function UploadPreviewImage({ sx, ...restProps }: UploadPreviewImageProps) {\n  return (\n    <Box\n      component=\"img\"\n      sx={{\n        display: 'block',\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n        objectFit: 'cover',\n        borderRadius: '4px',\n        ...sx,\n      }}\n      {...restProps}\n    />\n  );\n}\n"],"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/uploadContent.js.map

@@ -1 +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"}
+{"version":3,"file":"uploadContent.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/uploadContent.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { PropsWithChildren } from 'react';\n\ninterface UploadContentProps extends PropsWithChildren<BoxProps> {}\n\n/**\n * Content of UploadWrapper.\n *\n * @see UploadWrapper\n */\nexport function UploadContent({ children, sx, ...restProps }: UploadContentProps) {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        alignItems: 'center',\n        textAlign: 'center',\n        margin: 'auto',\n        gap: (theme) => theme.spacing(),\n        '& .MuiSvgIcon-root': {\n          fontSize: '20px',\n        },\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n    </Box>\n  );\n}\n\n/**\n * Content of UploadWrapper when user drags over Upload.\n *\n * @see UploadWrapper\n */\nexport function UploadContentDragging({ children, sx, ...restProps }: UploadContentProps) {\n  return (\n    <UploadContent\n      sx={{\n        position: 'absolute',\n        width: '100%',\n        height: '100%',\n        borderRadius: 'inherit',\n        left: 0,\n        top: 0,\n        zIndex: 2,\n        pointerEvents: 'none',\n        userSelect: 'none',\n        backgroundColor: 'success.light',\n        ...sx,\n      }}\n      {...restProps}\n    >\n      {children}\n    </UploadContent>\n  );\n}\n"],"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.js.map

@@ -1 +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"}
+{"version":3,"file":"uploadWrapper.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/uploadWrapper.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { getFocusRingStyle } from '../../../focusring';\n\nexport interface UploadWrapperProps extends BoxProps {\n  /**\n   * Variant that adjusts look of the component\n   */\n  state?: 'dragdropping' | 'error' | 'default' | 'solid';\n}\n\n/**\n * Base wrapper for Upload components\n *\n * @see Upload\n * @see UploadPreview\n */\nexport function UploadWrapper({ state = 'default', sx, ...restProps }: UploadWrapperProps) {\n  return (\n    <Box\n      sx={(theme) => ({\n        display: 'flex',\n        alignItems: 'flex-start',\n        justifyContent: 'center',\n        cursor: 'pointer',\n        position: 'relative',\n        borderRadius: '8px',\n        width: '100px',\n        height: '100px',\n        borderWidth: '1px',\n        borderStyle: 'dashed',\n        borderColor: 'onSurface.os200',\n        backgroundColor: 'surface.primary',\n        '&:hover': {\n          borderColor: 'onSurface.os500',\n        },\n        transition: 'background-color .3s ease, border-color .3s ease',\n        outline: 'none',\n        ...(state === 'dragdropping' && {\n          borderColor: 'primary.main',\n          backgroundColor: 'success.light',\n        }),\n        ...(state === 'error' && {\n          borderColor: 'error.main',\n          color: 'error.main',\n          '&:hover': {\n            borderColor: 'error.main',\n          },\n        }),\n        ...(state === 'solid' && {\n          borderColor: 'surface.secondary',\n          backgroundColor: 'background.primary',\n          borderStyle: 'solid',\n          '&:hover': {\n            borderColor: 'surface.secondary',\n          },\n          cursor: 'default',\n        }),\n        ...getFocusRingStyle(theme, false, 1, ':focus-visible'),\n        ...sx,\n      })}\n      {...restProps}\n    ></Box>\n  );\n}\n"],"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/upload.js.map

@@ -1 +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":"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"}
+{"version":3,"file":"upload.js","sources":["../../../../../src/components/upload/upload.tsx"],"sourcesContent":["import { ChangeEvent, DragEvent, HTMLProps, ReactNode, useCallback, useMemo, useRef, useState } from 'react';\nimport { UploadWrapper, UploadWrapperProps } from './components/uploadWrapper/uploadWrapper';\n\nfunction isAcceptedFileType(file: File, acceptedTypes: string) {\n  if (!file.type) return false; // Avoid issues where file.type is empty\n\n  // If '*' is used, accept all files\n  if (acceptedTypes.trim() === '*') return true;\n\n  // Split the accepted types into an array\n  const accepted = acceptedTypes.split(',');\n\n  return accepted.some((type) => {\n    // Check for wildcards (image/*, video/*)\n    if (type.includes('/*')) {\n      const typePrefix = type.split('/')[0];\n      return file.type.startsWith(`${typePrefix}/`);\n    }\n    // Check for exact MIME types (image/jpeg, video/mp4)\n    if (file.type.trim() === type.trim()) {\n      return true;\n    }\n    // Check for file extension matches (e.g., .pdf, .csv)\n    if (type.startsWith('.')) {\n      const extension = type.trim().toLowerCase();\n      return file.name.toLowerCase().endsWith(extension);\n    }\n    return false;\n  });\n}\n\ntype UploadError = {\n  type: 'maxFilesExceeded' | 'invalidFileType';\n  files?: File[];\n} | null;\n\nexport interface UploadProps extends Omit<UploadWrapperProps, 'children'> {\n  /**\n   * Properties that will be passed to the input element.\n   */\n  inputProps?: Omit<HTMLProps<HTMLInputElement>, 'hidden' | 'type' | 'multiple'>;\n\n  /**\n   * Sets maximum files that are available.\n   * If maxFiles is bigger than 1 the input is type multiple.\n   * @default 1\n   */\n  maxFiles?: number;\n\n  /**\n   * Handler that is called when user provide files.\n   */\n  onFileChange?: (files: Array<File>) => void;\n\n  /**\n   * Children as a render function that gets error and dragging state.\n   */\n  children?: ReactNode | ((params: { error: UploadError; dragging: boolean }) => ReactNode);\n\n  /**\n   * Current number of uploaded files.\n   */\n  currentFilesCount?: number;\n}\n\nexport function Upload({\n  children,\n  currentFilesCount = 0,\n  onFileChange,\n  inputProps = {},\n  maxFiles = 1,\n  state,\n  ...restProps\n}: UploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [dragging, setDragging] = useState<boolean>(false);\n  const [error, setError] = useState<UploadError>(null);\n\n  const accept = inputProps?.accept || '*';\n\n  const currentState = useMemo(() => {\n    return dragging ? 'dragdropping' : error ? 'error' : state ? state : 'default';\n  }, [dragging, error, state]);\n\n  const preventDragOver = useCallback((event: DragEvent) => {\n    event.stopPropagation();\n    event.preventDefault();\n  }, []);\n\n  const getFilteredFiles = useCallback(\n    (inputFiles: File[]) => inputFiles.filter((file) => isAcceptedFileType(file, accept)),\n    [accept, maxFiles],\n  );\n\n  const handleDragEnter = useCallback(() => {\n    if (!onFileChange) return;\n\n    error && setError(null); // reset error state if needed\n    setDragging(true);\n  }, [setDragging]);\n\n  const handleDragLeave = useCallback(() => {\n    setDragging(false);\n  }, [setDragging]);\n\n  const handleClick = useCallback(() => {\n    error && setError(null); // reset error state if needed\n    inputRef.current?.click();\n  }, []);\n\n  const handleDrop = useCallback(\n    (event: DragEvent) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      error && setError(null); // reset error state if needed\n\n      const files = [...event.dataTransfer.files];\n\n      if (currentFilesCount + files.length > maxFiles) {\n        setDragging(false);\n        setError({\n          type: 'maxFilesExceeded',\n        });\n        return;\n      }\n\n      const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n      if (permittedFiles.length > 0) {\n        setDragging(false);\n        setError({\n          type: 'invalidFileType',\n          files: permittedFiles,\n        });\n        return;\n      }\n\n      const filteredFiles = getFilteredFiles([...event.dataTransfer.files]);\n      setDragging(false);\n      if (filteredFiles.length > 0) {\n        onFileChange?.(filteredFiles);\n      }\n    },\n    [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n  );\n\n  const handleInputChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      error && setError(null); // reset error state if needed\n\n      const files = [...event.target.files];\n\n      if (currentFilesCount + files.length > maxFiles) {\n        setDragging(false);\n        setError({\n          type: 'maxFilesExceeded',\n        });\n        return;\n      }\n\n      const permittedFiles = files.filter((file) => !isAcceptedFileType(file, accept));\n\n      if (permittedFiles.length > 0) {\n        setError({\n          type: 'invalidFileType',\n          files: permittedFiles,\n        });\n        return;\n      }\n\n      const filteredFiles = getFilteredFiles(files);\n\n      if (filteredFiles.length > 0) {\n        onFileChange?.(filteredFiles);\n\n        if (inputRef.current) {\n          inputRef.current.value = '';\n        }\n      }\n    },\n    [setDragging, error, setError, accept, onFileChange, currentFilesCount],\n  );\n\n  return (\n    <UploadWrapper\n      role=\"button\"\n      tabIndex={0}\n      aria-label=\"Upload file\"\n      state={currentState}\n      onClick={handleClick}\n      onDragOver={preventDragOver}\n      onDrop={handleDrop}\n      onDragEnter={handleDragEnter}\n      onDragLeave={handleDragLeave}\n      onKeyDown={(event) => {\n        if (event.key === 'Enter') handleClick();\n      }}\n      {...restProps}\n    >\n      {typeof children === 'function' ? children({ error, dragging }) : children}\n      <input ref={inputRef} onChange={handleInputChange} {...inputProps} hidden type=\"file\" multiple={maxFiles > 1} />\n    </UploadWrapper>\n  );\n}\n"],"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":"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"}

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

@@ -1 +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"}
+{"version":3,"file":"Video.js","sources":["../../../../../src/components/video/Video.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { FileMissingIcon } from '@/src/components/icon/stroke/FileMissingIcon';\n\nexport interface VideoProps extends BoxProps<'video'> {\n  /** The URL of the video to embed. */\n  src?: string;\n  /** video type property, @default \"video/mp4\" */\n  type?: string;\n  /** The message (or component) to display if the video cannot be loaded, @default <Icon name=\"file-missing\" /> centered inside the Box  */\n  noVidErrorMessage?: React.ReactNode;\n  /** Custom source Box props. */\n  sourceProps?: BoxProps<'source'>;\n  /** Image to be shown while the video is downloading or until the user hits the play button. */\n  poster?: string;\n  /** Video element autoPlay, @default true */\n  autoPlay?: boolean;\n  /** Video element muted, @default true */\n  muted?: boolean;\n  /** Video element native browser controls, @default false */\n  controls?: boolean;\n  /** Video element loop, @default false */\n  loop?: boolean;\n}\n\n/**\n *  The Video component is a customizable video player built with React and Material-UI.\n *  It extends the Box component from Material-UI and provides various props to control video playback and appearance.\n *  If children are provided, they are rendered inside the video element as source elements.\n *  If no children are provided, a default source element is used based on the src prop.\n *  @param videoRef - A reference to the video element.\n */\nexport const Video: React.FC<VideoProps> = forwardRef(\n  (\n    {\n      src,\n      type = 'video/mp4',\n      noVidErrorMessage,\n      sourceProps,\n      poster,\n      sx,\n      autoPlay = true,\n      muted = true,\n      controls = false,\n      loop = false,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <Box\n        component=\"video\"\n        data-testid=\"Video\"\n        poster={poster}\n        ref={ref}\n        autoPlay={autoPlay}\n        muted={muted}\n        controls={controls}\n        loop={loop}\n        sx={{\n          display: 'block',\n          maxWidth: '100%',\n          ...sx,\n        }}\n        {...rest}\n      >\n        {children ?? <Box component=\"source\" src={src} type={type} {...sourceProps} />}\n        {noVidErrorMessage ?? (\n          <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', width: '100%', height: '100%' }}>\n            <FileMissingIcon />\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n"],"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.map

@@ -1 +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"}
+{"version":3,"file":"hooks.js","sources":["../../../../../src/components/video/hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useState, RefObject } from 'react';\n\ninterface SoundControls {\n  /** A boolean indicating if the video is muted. */\n  isMuted: boolean;\n  /** handleMuteToggle: A function to toggle the mute state. */\n  handleMuteToggle: () => void;\n  /** A number representing the current volume level (0 to 1). */\n  volume: number;\n  /** A function to change the volume level. */\n  handleVolumeChange: (newVolume: number) => void;\n}\n\n/**\n * A custom hook to manage sound controls (mute and volume) for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoSoundControls = (videoRef: React.RefObject<HTMLVideoElement>): SoundControls => {\n  const [isMuted, setIsMuted] = useState(videoRef.current?.muted);\n  const [volume, setVolume] = useState(1);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      if (typeof isMuted === 'undefined') {\n        setIsMuted(video?.muted);\n      }\n\n      videoRef.current.muted = isMuted;\n      videoRef.current.volume = volume;\n    }\n  }, [isMuted, volume, videoRef]);\n\n  const handleMuteToggle = useCallback(() => {\n    setIsMuted((prevMuted) => !prevMuted);\n  }, []);\n\n  const handleVolumeChange = useCallback((newVolume: number) => {\n    setVolume(newVolume);\n  }, []);\n\n  return {\n    isMuted,\n    handleMuteToggle,\n    volume,\n    handleVolumeChange,\n  };\n};\n\ninterface PlayPause {\n  /** A boolean indicating if the video is currently playing. */\n  isPlaying: boolean;\n  /** A function to toggle between play and pause states. */\n  handlePlayPause: () => void;\n}\n\n/**\n * A custom hook to manage play/pause functionality for a video element.\n * @param videoRef - A reference to the video element.\n */\nexport const useVideoPlayPause = (videoRef: React.RefObject<HTMLVideoElement>): PlayPause => {\n  const [isPlaying, setIsPlaying] = useState(!videoRef.current?.paused);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n\n    if (video && typeof isPlaying === 'undefined') {\n      setIsPlaying(!video?.paused);\n    }\n\n    const handlePlay = () => {\n      // prevent playing state when autoplay triggers play event on re-entering viewport after video ended\n      !(video.autoplay && video.ended) && setIsPlaying(true);\n    };\n    const handlePause = () => setIsPlaying(false);\n\n    if (video) {\n      video.addEventListener('pause', handlePause);\n\n      // Set initial state (not enough without event listeners due to autoPlay and paused race conditions)\n      setIsPlaying(!video.paused);\n\n      video.addEventListener('play', handlePlay);\n\n      return () => {\n        video.removeEventListener('play', handlePlay);\n        video.removeEventListener('pause', handlePause);\n      };\n    }\n  }, [videoRef]);\n\n  const handlePlayPause = useCallback(() => {\n    if (videoRef?.current) {\n      if (isPlaying) {\n        videoRef.current.pause();\n      } else {\n        videoRef.current.play();\n      }\n      setIsPlaying((prevIsPlaying) => !prevIsPlaying);\n    }\n  }, [isPlaying, videoRef?.current]);\n\n  return {\n    isPlaying,\n    handlePlayPause,\n  };\n};\n\ninterface VideoTime {\n  /** The current playback time. */\n  currentTime: number;\n  /** The total duration of the video. */\n  duration: number;\n  /** A function to seek to a specific time. */\n  handleSeek: (newTime: number) => void;\n}\n\n/**\n * useVideoTime is a custom React hook designed to manage and synchronize the playback time state\n * of a video element with the React component state. It provides an interface to track the current\n * playback time, the total duration of the video, and a method to seek to a specific time in the video.\n * @param {RefObject<HTMLVideoElement>} videoRef - A reference to the HTML video element.\n */\n\nexport const useVideoTime = (videoRef: RefObject<HTMLVideoElement>): VideoTime => {\n  const [currentTime, setCurrentTime] = useState(0);\n  const [duration, setDuration] = useState(videoRef.current?.duration);\n\n  const handleTimeUpdate = useCallback(() => {\n    if (videoRef.current?.currentTime) {\n      setCurrentTime(videoRef.current.currentTime);\n    }\n  }, [videoRef]);\n\n  const handleSeek = useCallback(\n    (newTime: number) => {\n      if (videoRef.current?.currentTime) {\n        videoRef.current.currentTime = newTime;\n      }\n      setCurrentTime(newTime);\n    },\n    [videoRef],\n  );\n\n  const handleLoadedMetadata = useCallback(() => {\n    if (videoRef.current?.duration) {\n      setDuration(videoRef.current.duration);\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    const video = videoRef?.current;\n    if (video) {\n      video.addEventListener('loadedmetadata', handleLoadedMetadata);\n      video.addEventListener('timeupdate', handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener('loadedmetadata', handleLoadedMetadata);\n        video.removeEventListener('timeupdate', handleTimeUpdate);\n      };\n    }\n  }, [handleLoadedMetadata, handleTimeUpdate, videoRef]);\n\n  return {\n    currentTime,\n    duration,\n    handleSeek,\n  };\n};\n\n// TODO: MDX prepared, release it when we have production ready timeline\n// ### useVideoTime\n\n// Use the `useVideoTime` hook to manage the functionality of a custom video timeline, referencing the video element (videoRef in the example below).\n// The `handleSeek` function updates the current playback time of the video.\n// The `currentTime` state represents the current playback time, while the `duration` state indicates the total length of the video.\n\n// > The slider component in the example does not represent a custom control for production quality\n// > and it is included solely for demonstration purposes.\n\n// `currentTime`, `duration`, `handleSeek`\n// ```tsx\n// import { useVideoTime } from '@skodaflow/web-library';\n\n// const videoRef = useRef<HTMLVideoElement>(null);\n// const { currentTime, duration, handleSeek } = useVideoTime(videoRef);\n\n// <Box sx={{ display: 'grid', width: 'max-content' }}>\n//   <Video ref={videoRef} src={mp4ExampleVideo} style={{ gridArea: '1 / 1' }} />\n\n//   <Slider\n//     value={dragging ? tempValue : currentTime}\n//     max={duration}\n//     onChange={handleChange}\n//     onChangeCommitted={handleChangeCommitted}\n//     onMouseDown={handleDragStart}\n//     sx={{\n//       gridArea: '1 / 1',\n//       justifySelf: 'center',\n//       alignSelf: 'end',\n//       width: '95%',\n//     }}\n//   />\n// </Box>\n// ```\n\n// <Canvas of={VideoStories.WithTimeline} />\n"],"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"}