@skodaflow/web-library 8.1.0 → 8.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"UploadListItem.js","sources":["../../../../../../../src/components/upload/components/uploadList/UploadListItem.tsx"],"sourcesContent":["import { LinearProgress, LinearProgressProps, ListItem, ListItemProps } from '@mui/material';\n\nexport interface UploadListItemProps extends ListItemProps {\n  /**\n   * Properties that will be passed to LinearProgress\n   */\n  linearProgressProps?: LinearProgressProps;\n}\n\n/**\n * ListItem component styled for UploadList.\n *\n * @param children\n * @param linearProgressProps\n * @param sx\n * @param restProps\n *\n * @see UploadList\n * @see ListItem\n */\nexport function UploadListItem({ children, linearProgressProps = {}, sx, ...restProps }: UploadListItemProps) {\n  const { sx: linearProgressSx, ...restLinearProgressProps } = linearProgressProps;\n\n  return (\n    <ListItem\n      component=\"li\"\n      sx={{\n        position: 'relative',\n        margin: 0,\n        py: 1,\n        px: 2,\n        borderRadius: '4px',\n        outline: '0',\n        // every child except the last child has 'border' on the bottom\n        '&:not(:last-child):after': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          bottom: 0,\n          height: '1px',\n          width: '100%',\n          backgroundColor: 'surface.secondary',\n        },\n        '&:focus-visible': {\n          backgroundColor: 'surface.primary',\n        },\n        ...sx,\n      }}\n      disableGutters\n      {...restProps}\n    >\n      {children}\n\n      {typeof linearProgressProps?.value !== 'undefined' && linearProgressProps?.value !== null && (\n        <LinearProgress\n          variant=\"determinate\"\n          sx={{\n            position: 'absolute',\n            bottom: 0,\n            left: 0,\n            width: '100%',\n            height: '2px',\n            zIndex: '1',\n            ...linearProgressSx,\n          }}\n          {...restLinearProgressProps}\n        />\n      )}\n    </ListItem>\n  );\n}\n"],"names":["children","linearProgressProps","sx","restProps","linearProgressSx","restLinearProgressProps","_jsxs","ListItem","component","position","margin","py","px","borderRadius","outline","content","left","bottom","height","width","backgroundColor","disableGutters","value","_jsx","LinearProgress","variant","zIndex"],"mappings":"kGAoBM,UAAyBA,SAAEA,EAAQC,oBAAEA,EAAsB,CAAA,EAAEC,GAAEA,KAAOC,IAC1E,MAAQD,GAAIE,KAAqBC,GAA4BJ,EAE7D,OACEK,EAAAA,KAACC,EAAAA,SAAQ,CACPC,UAAU,KACVN,GAAI,CACFO,SAAU,WACVC,OAAQ,EACRC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,QAAS,IAET,2BAA4B,CAC1BC,QAAS,KACTN,SAAU,WACVO,KAAM,EACNC,OAAQ,EACRC,OAAQ,MACRC,MAAO,OACPC,gBAAiB,qBAEnB,kBAAmB,CACjBA,gBAAiB,sBAEhBlB,GAELmB,gBAAc,KACVlB,EAASH,SAAA,CAEZA,EAEA,MAAOC,GAAqBqB,OAC3BC,EAAAA,IAACC,EAAAA,eAAc,CACbC,QAAQ,cACRvB,GAAI,CACFO,SAAU,WACVQ,OAAQ,EACRD,KAAM,EACNG,MAAO,OACPD,OAAQ,MACRQ,OAAQ,OACLtB,MAEDC,MAKd"}
+{"version":3,"file":"UploadListItem.js","sources":["../../../../../../../src/components/upload/components/uploadList/UploadListItem.tsx"],"sourcesContent":["import { LinearProgress, LinearProgressProps, ListItem, ListItemProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\n\nexport interface UploadListItemProps extends ListItemProps {\n  /**\n   * Properties that will be passed to LinearProgress\n   */\n  linearProgressProps?: LinearProgressProps;\n}\n\n/**\n * ListItem component styled for UploadList.\n *\n * @param children\n * @param linearProgressProps\n * @param sx\n * @param restProps\n *\n * @see UploadList\n * @see ListItem\n */\nexport function UploadListItem({ children, linearProgressProps = {}, sx, ...restProps }: UploadListItemProps) {\n  const { sx: linearProgressSx, ...restLinearProgressProps } = linearProgressProps;\n\n  return (\n    <ListItem\n      component=\"li\"\n      sx={sxOverride(\n        {\n          position: 'relative',\n          margin: 0,\n          py: 1,\n          px: 2,\n          borderRadius: '4px',\n          outline: '0',\n          // every child except the last child has 'border' on the bottom\n          '&:not(:last-child):after': {\n            content: '\"\"',\n            position: 'absolute',\n            left: 0,\n            bottom: 0,\n            height: '1px',\n            width: '100%',\n            backgroundColor: 'surface.secondary',\n          },\n          '&:focus-visible': {\n            backgroundColor: 'surface.primary',\n          },\n        },\n        sx,\n      )}\n      disableGutters\n      {...restProps}\n    >\n      {children}\n\n      {typeof linearProgressProps?.value !== 'undefined' && linearProgressProps?.value !== null && (\n        <LinearProgress\n          variant=\"determinate\"\n          sx={sxOverride(\n            {\n              position: 'absolute',\n              bottom: 0,\n              left: 0,\n              width: '100%',\n              height: '2px',\n              zIndex: '1',\n            },\n            linearProgressSx,\n          )}\n          {...restLinearProgressProps}\n        />\n      )}\n    </ListItem>\n  );\n}\n"],"names":["children","linearProgressProps","sx","restProps","linearProgressSx","restLinearProgressProps","_jsxs","ListItem","component","sxOverride","position","margin","py","px","borderRadius","outline","content","left","bottom","height","width","backgroundColor","disableGutters","value","_jsx","LinearProgress","variant","zIndex"],"mappings":"0JAqBM,UAAyBA,SAAEA,EAAQC,oBAAEA,EAAsB,CAAA,EAAEC,GAAEA,KAAOC,IAC1E,MAAQD,GAAIE,KAAqBC,GAA4BJ,EAE7D,OACEK,EAAAA,KAACC,EAAAA,SAAQ,CACPC,UAAU,KACVN,GAAIO,aACF,CACEC,SAAU,WACVC,OAAQ,EACRC,GAAI,EACJC,GAAI,EACJC,aAAc,MACdC,QAAS,IAET,2BAA4B,CAC1BC,QAAS,KACTN,SAAU,WACVO,KAAM,EACNC,OAAQ,EACRC,OAAQ,MACRC,MAAO,OACPC,gBAAiB,qBAEnB,kBAAmB,CACjBA,gBAAiB,oBAGrBnB,GAEFoB,qBACInB,EAASH,SAAA,CAEZA,EAEA,MAAOC,GAAqBsB,OAC3BC,EAAAA,IAACC,iBAAc,CACbC,QAAQ,cACRxB,GAAIO,aACF,CACEC,SAAU,WACVQ,OAAQ,EACRD,KAAM,EACNG,MAAO,OACPD,OAAQ,MACRQ,OAAQ,KAEVvB,MAEEC,MAKd"}

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

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),o=require("../../../icon/stroke/CloseIcon.js"),e=require("@mui/material"),i=require("../uploadWrapper/UploadWrapper.js");exports.UploadPreview=({children:s,iconButtonProps:t,iconProps:p,customIcon:n,...a})=>{const{sx:c,...d}=a||{},{sx:u,...l}=t||{};return r.jsxs(i.UploadWrapper,{sx:{borderStyle:"solid",borderColor:"onSurface.os500",borderRadius:"4px",cursor:"default",width:"100px",height:"100px",padding:"0",...c},...d,children:[r.jsx(e.IconButton,{sx:{position:"absolute",right:"4px",top:"4px",zIndex:"1",width:"24px",height:"24px","& .MuiSvgIcon-root":{fontSize:"17px"},...u},variant:"filled",color:"surface",...l,children:n||r.jsx(o.CloseIcon,{...p})}),s]})};
+"use strict";var r=require("react/jsx-runtime"),e=require("../../../icon/stroke/CloseIcon.js"),o=require("@mui/material"),i=require("../../../../utils/sxOverride/sxOverride.js"),s=require("../uploadWrapper/UploadWrapper.js");exports.UploadPreview=({children:t,iconButtonProps:p,iconProps:d,customIcon:n,...x})=>{const{sx:u,...a}=x||{},{sx:c,...l}=p||{};return r.jsxs(s.UploadWrapper,{sx:i.sxOverride({borderStyle:"solid",borderColor:"onSurface.os500",borderRadius:"4px",cursor:"default",width:"100px",height:"100px",padding:"0"},u),...a,children:[r.jsx(o.IconButton,{sx:i.sxOverride({position:"absolute",right:"4px",top:"4px",zIndex:"1",width:"24px",height:"24px","& .MuiSvgIcon-root":{fontSize:"17px"}},c),variant:"filled",color:"surface",...l,children:n||r.jsx(e.CloseIcon,{...d})}),t]})};
 //# 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":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { IconButton, IconButtonProps, SvgIconProps } from '@mui/material';\nimport { FC, ReactNode } 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/**\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  children,\n  iconButtonProps,\n  iconProps,\n  customIcon,\n  ...props\n}) => {\n  const { sx, ...restProps } = props || {};\n  const { sx: iconButtonSx, ...restIconButtonProps } = iconButtonProps || {};\n\n  return (\n    <UploadWrapper\n      sx={{\n        borderStyle: 'solid',\n        borderColor: 'onSurface.os500',\n        borderRadius: '4px',\n        cursor: 'default',\n        width: '100px',\n        height: '100px',\n        padding: '0',\n        ...sx,\n      }}\n      {...restProps}\n    >\n      <IconButton\n        sx={{\n          position: 'absolute',\n          right: '4px',\n          top: '4px',\n          zIndex: '1',\n          width: '24px',\n          height: '24px',\n          '& .MuiSvgIcon-root': {\n            fontSize: '17px',\n          },\n          ...iconButtonSx,\n        }}\n        variant=\"filled\"\n        color=\"surface\"\n        {...restIconButtonProps}\n      >\n        {customIcon || <CloseIcon {...iconProps} />}\n      </IconButton>\n      {children}\n    </UploadWrapper>\n  );\n};\n"],"names":["children","iconButtonProps","iconProps","customIcon","props","sx","restProps","iconButtonSx","restIconButtonProps","_jsxs","UploadWrapper","borderStyle","borderColor","borderRadius","cursor","width","height","padding","_jsx","IconButton","position","right","top","zIndex","fontSize","variant","color","CloseIcon"],"mappings":"+LAgCqD,EACnDA,WACAC,kBACAC,YACAC,gBACGC,MAEH,MAAMC,GAAEA,KAAOC,GAAcF,GAAS,CAAA,GAC9BC,GAAIE,KAAiBC,GAAwBP,GAAmB,CAAA,EAExE,OACEQ,EAAAA,KAACC,gBAAa,CACZL,GAAI,CACFM,YAAa,QACbC,YAAa,kBACbC,aAAc,MACdC,OAAQ,UACRC,MAAO,QACPC,OAAQ,QACRC,QAAS,OACNZ,MAEDC,EAASN,SAAA,CAEbkB,EAAAA,IAACC,EAAAA,WAAU,CACTd,GAAI,CACFe,SAAU,WACVC,MAAO,MACPC,IAAK,MACLC,OAAQ,IACRR,MAAO,OACPC,OAAQ,OACR,qBAAsB,CACpBQ,SAAU,WAETjB,GAELkB,QAAQ,SACRC,MAAM,aACFlB,EAAmBR,SAEtBG,GAAce,EAAAA,IAACS,EAAAA,cAAczB,MAE/BF"}
+{"version":3,"file":"UploadPreview.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/UploadPreview.tsx"],"sourcesContent":["import { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { IconButton, IconButtonProps, SvgIconProps } from '@mui/material';\nimport { FC, ReactNode } from 'react';\nimport { sxOverride } from '@/src/utils/sxOverride';\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/**\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  children,\n  iconButtonProps,\n  iconProps,\n  customIcon,\n  ...props\n}) => {\n  const { sx, ...restProps } = props || {};\n  const { sx: iconButtonSx, ...restIconButtonProps } = iconButtonProps || {};\n\n  return (\n    <UploadWrapper\n      sx={sxOverride(\n        {\n          borderStyle: 'solid',\n          borderColor: 'onSurface.os500',\n          borderRadius: '4px',\n          cursor: 'default',\n          width: '100px',\n          height: '100px',\n          padding: '0',\n        },\n        sx,\n      )}\n      {...restProps}\n    >\n      <IconButton\n        sx={sxOverride(\n          {\n            position: 'absolute',\n            right: '4px',\n            top: '4px',\n            zIndex: '1',\n            width: '24px',\n            height: '24px',\n            '& .MuiSvgIcon-root': {\n              fontSize: '17px',\n            },\n          },\n          iconButtonSx,\n        )}\n        variant=\"filled\"\n        color=\"surface\"\n        {...restIconButtonProps}\n      >\n        {customIcon || <CloseIcon {...iconProps} />}\n      </IconButton>\n      {children}\n    </UploadWrapper>\n  );\n};\n"],"names":["children","iconButtonProps","iconProps","customIcon","props","sx","restProps","iconButtonSx","restIconButtonProps","_jsxs","UploadWrapper","sxOverride","borderStyle","borderColor","borderRadius","cursor","width","height","padding","_jsx","IconButton","position","right","top","zIndex","fontSize","variant","color","CloseIcon"],"mappings":"uPAiCqD,EACnDA,WACAC,kBACAC,YACAC,gBACGC,MAEH,MAAMC,GAAEA,KAAOC,GAAcF,GAAS,CAAA,GAC9BC,GAAIE,KAAiBC,GAAwBP,GAAmB,CAAA,EAExE,OACEQ,OAACC,EAAAA,eACCL,GAAIM,EAAAA,WACF,CACEC,YAAa,QACbC,YAAa,kBACbC,aAAc,MACdC,OAAQ,UACRC,MAAO,QACPC,OAAQ,QACRC,QAAS,KAEXb,MAEEC,EAASN,SAAA,CAEbmB,EAAAA,IAACC,EAAAA,WAAU,CACTf,GAAIM,aACF,CACEU,SAAU,WACVC,MAAO,MACPC,IAAK,MACLC,OAAQ,IACRR,MAAO,OACPC,OAAQ,OACR,qBAAsB,CACpBQ,SAAU,SAGdlB,GAEFmB,QAAQ,SACRC,MAAM,aACFnB,WAEHL,GAAcgB,EAAAA,IAACS,EAAAA,UAAS,IAAK1B,MAE/BF"}

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

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

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":["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":["sx","restProps","_jsx","Box","component","display","position","width","height","objectFit","borderRadius"],"mappings":"sGASM,UAA6BA,GAAEA,KAAOC,IAC1C,OACEC,EAAAA,IAACC,EAAAA,IAAG,CACFC,UAAU,MACVJ,GAAI,CACFK,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,SACXV,MAEDC,GAGV"}
+{"version":3,"file":"UploadPreviewImage.js","sources":["../../../../../../../src/components/upload/components/uploadPreview/UploadPreviewImage.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@mui/material';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n        {\n          display: 'block',\n          position: 'absolute',\n          width: '100%',\n          height: '100%',\n          objectFit: 'cover',\n          borderRadius: '4px',\n        },\n        sx,\n      )}\n      {...restProps}\n    />\n  );\n}\n"],"names":["sx","restProps","_jsx","Box","component","sxOverride","display","position","width","height","objectFit","borderRadius"],"mappings":"8JAUM,UAA6BA,GAAEA,KAAOC,IAC1C,OACEC,EAAAA,IAACC,EAAAA,IAAG,CACFC,UAAU,MACVJ,GAAIK,aACF,CACEC,QAAS,QACTC,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,UAAW,QACXC,aAAc,OAEhBX,MAEEC,GAGV"}

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

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

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":["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","children","sx","restProps","_jsx","Box","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"2EAUM,SAAUA,GAAcC,SAAEA,EAAQC,GAAEA,KAAOC,IAC/C,OACEC,EAAAA,IAACC,MAAG,CACFH,GAAI,CACFI,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,WAETb,MAEDC,EAASF,SAEZA,GAGP,uDAOM,UAAgCA,SAAEA,EAAQC,GAAEA,KAAOC,IACvD,OACEC,EAAAA,IAACJ,EAAa,CACZE,GAAI,CACFc,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,mBACdvB,MAEDC,EAASF,SAEZA,GAGP"}
+{"version":3,"file":"UploadContent.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/UploadContent.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { PropsWithChildren } from 'react';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n        {\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        },\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={sxOverride(\n        {\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        },\n        sx,\n      )}\n      {...restProps}\n    >\n      {children}\n    </UploadContent>\n  );\n}\n"],"names":["UploadContent","children","sx","restProps","_jsx","Box","sxOverride","display","flexDirection","justifyContent","alignItems","textAlign","margin","gap","theme","spacing","fontSize","position","width","height","borderRadius","left","top","zIndex","pointerEvents","userSelect","backgroundColor"],"mappings":"mIAWM,SAAUA,GAAcC,SAAEA,EAAQC,GAAEA,KAAOC,IAC/C,OACEC,MAACC,EAAAA,KACCH,GAAII,EAAAA,WACF,CACEC,QAAS,OACTC,cAAe,SACfC,eAAgB,SAChBC,WAAY,SACZC,UAAW,SACXC,OAAQ,OACRC,IAAMC,GAAUA,EAAMC,UACtB,qBAAsB,CACpBC,SAAU,SAGdd,MAEEC,WAEHF,GAGP,uDAOM,UAAgCA,SAAEA,EAAQC,GAAEA,KAAOC,IACvD,OACEC,MAACJ,GACCE,GAAII,EAAAA,WACF,CACEW,SAAU,WACVC,MAAO,OACPC,OAAQ,OACRC,aAAc,UACdC,KAAM,EACNC,IAAK,EACLC,OAAQ,EACRC,cAAe,OACfC,WAAY,OACZC,gBAAiB,iBAEnBxB,MAEEC,WAEHF,GAGP"}

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

@@ -1,2 +1,2 @@
-"use strict";var r=require("react/jsx-runtime"),o=require("@mui/material"),e=require("../../../focusring/focusring.js");exports.UploadWrapper=function({state:s="default",sx:a,...i}){return r.jsx(o.Box,{sx:r=>({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"===s&&{borderColor:"primary.main",backgroundColor:"success.light"},..."error"===s&&{borderColor:"error.main",color:"error.main","&:hover":{borderColor:"error.main"}},..."solid"===s&&{borderColor:"surface.secondary",backgroundColor:"background.primary",borderStyle:"solid","&:hover":{borderColor:"surface.secondary"},cursor:"default"},...e.getFocusRingStyle(r,!1,1,":focus-visible"),...a}),...i})};
+"use strict";var r=require("react/jsx-runtime"),o=require("@mui/material"),e=require("../../../focusring/focusring.js"),s=require("../../../../utils/sxOverride/sxOverride.js");exports.UploadWrapper=function({state:i="default",sx:a,...d}){return r.jsx(o.Box,{sx:s.sxOverride(r=>({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"},...e.getFocusRingStyle(r,!1,1,":focus-visible")}),a),...d})};
 //# sourceMappingURL=UploadWrapper.js.map

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":["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":["state","sx","restProps","_jsx","Box","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"8IAgBM,UAAwBA,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,IACxD,OACEC,EAAAA,IAACC,EAAAA,IAAG,CACFH,GAAKI,IAAK,CACRC,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,UACK,iBAAVnB,GAA4B,CAC9BgB,YAAa,eACbC,gBAAiB,oBAEL,UAAVjB,GAAqB,CACvBgB,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,kBAGH,UAAVhB,GAAqB,CACvBgB,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,cAEPY,EAAAA,kBAAkBhB,GAAO,EAAO,EAAG,qBACnCJ,OAEDC,GAGV"}
+{"version":3,"file":"UploadWrapper.js","sources":["../../../../../../../src/components/upload/components/uploadWrapper/UploadWrapper.tsx"],"sourcesContent":["import { Box, BoxProps } from '@mui/material';\nimport { getFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n        (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        }),\n        sx,\n      )}\n      {...restProps}\n    ></Box>\n  );\n}\n"],"names":["state","sx","restProps","_jsx","Box","sxOverride","theme","display","alignItems","justifyContent","cursor","position","borderRadius","width","height","borderWidth","borderStyle","borderColor","backgroundColor","transition","outline","color","getFocusRingStyle"],"mappings":"sMAiBM,UAAwBA,MAAEA,EAAQ,UAASC,GAAEA,KAAOC,IACxD,OACEC,EAAAA,IAACC,EAAAA,IAAG,CACFH,GAAII,EAAAA,WACDC,IAAK,CACJC,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,UACK,iBAAVpB,GAA4B,CAC9BiB,YAAa,eACbC,gBAAiB,oBAEL,UAAVlB,GAAqB,CACvBiB,YAAa,aACbI,MAAO,aACP,UAAW,CACTJ,YAAa,kBAGH,UAAVjB,GAAqB,CACvBiB,YAAa,oBACbC,gBAAiB,qBACjBF,YAAa,QACb,UAAW,CACTC,YAAa,qBAEfP,OAAQ,cAEPY,EAAAA,kBAAkBhB,GAAO,EAAO,EAAG,oBAExCL,MAEEC,GAGV"}

package/cjs/components/video/Video.js

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

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

@@ -1 +1 @@
-{"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","src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children","rest","ref","_jsxs","Box","component","display","maxWidth","_jsx","justifyContent","alignItems","width","height","FileMissingIcon"],"mappings":"mJAgCaA,EAA8BC,EAAAA,WACzC,EAEIC,MACAC,OAAO,YACPC,oBACAC,cACAC,SACAC,KACAC,YAAW,EACXC,SAAQ,EACRC,YAAW,EACXC,QAAO,EACPC,cACGC,GAELC,IAGEC,EAAAA,KAACC,EAAAA,IAAG,CACFC,UAAU,QAAO,cACL,QACZX,OAAQA,EACRQ,IAAKA,EACLN,SAAUA,EACVC,MAAOA,EACPC,SAAUA,EACVC,KAAMA,EACNJ,GAAI,CACFW,QAAS,QACTC,SAAU,UACPZ,MAEDM,EAAID,SAAA,CAEPA,GAAYQ,MAACJ,EAAAA,IAAG,CAACC,UAAU,SAASf,IAAKA,EAAKC,KAAMA,KAAUE,IAC9DD,GACCgB,EAAAA,IAACJ,EAAAA,IAAG,CAACT,GAAI,CAAEW,QAAS,OAAQG,eAAgB,SAAUC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,QAAQZ,SACzGQ,MAACK,EAAAA,gBAAe,CAAA"}
+{"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';\nimport { sxOverride } from '@/src/utils/sxOverride';\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={sxOverride(\n          {\n            display: 'block',\n            maxWidth: '100%',\n          },\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","src","type","noVidErrorMessage","sourceProps","poster","sx","autoPlay","muted","controls","loop","children","rest","ref","_jsxs","Box","component","sxOverride","display","maxWidth","_jsx","justifyContent","alignItems","width","height","FileMissingIcon"],"mappings":"qMAiCaA,EAA8BC,EAAAA,WACzC,EAEIC,MACAC,OAAO,YACPC,oBACAC,cACAC,SACAC,KACAC,YAAW,EACXC,SAAQ,EACRC,YAAW,EACXC,QAAO,EACPC,cACGC,GAELC,IAGEC,EAAAA,KAACC,MAAG,CACFC,UAAU,QAAO,cACL,QACZX,OAAQA,EACRQ,IAAKA,EACLN,SAAUA,EACVC,MAAOA,EACPC,SAAUA,EACVC,KAAMA,EACNJ,GAAIW,aACF,CACEC,QAAS,QACTC,SAAU,QAEZb,MAEEM,EAAID,SAAA,CAEPA,GAAYS,EAAAA,IAACL,EAAAA,IAAG,CAACC,UAAU,SAASf,IAAKA,EAAKC,KAAMA,KAAUE,IAC9DD,GACCiB,MAACL,EAAAA,IAAG,CAACT,GAAI,CAAEY,QAAS,OAAQG,eAAgB,SAAUC,WAAY,SAAUC,MAAO,OAAQC,OAAQ,QAAQb,SACzGS,EAAAA,IAACK,EAAAA,gBAAe"}