@eventlook/sdk 1.4.46 → 1.4.47-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -18,7 +18,7 @@ function Image({ ratio, disabledEffect = false, objectFit = 'cover', sx, src, al
18
18
  position: 'relative',
19
19
  pt: getRatio(ratio),
20
20
  ...sx,
21
- } },
21
+ }, ...other },
22
22
  React.createElement(material.Box, { component: "img", src: imgSrc, alt: alt, loading: "lazy", decoding: "async", onLoad: () => setLoaded(true), onError: () => {
23
23
  if (!imgError)
24
24
  setImgError(true);
@@ -1 +1 @@
1
- {"version":3,"file":"Image.js","sources":["../../../src/components/Image.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport { Box, BoxProps, SxProps } from '@mui/material';\n\n// ----------------------------------------------------------------------\n\nexport type ImageRatio = '4/3' | '3/4' | '6/4' | '4/6' | '16/9' | '9/16' | '21/9' | '9/21' | '1/1';\n\ninterface Props extends BoxProps {\n src?: string;\n alt?: string;\n sx?: SxProps<Theme>;\n ratio?: ImageRatio;\n disabledEffect?: boolean;\n objectFit?: 'cover' | 'contain';\n}\n\nexport default function Image({\n ratio,\n disabledEffect = false,\n objectFit = 'cover',\n sx,\n src,\n alt = '',\n ...other\n}: Props) {\n const [imgError, setImgError] = useState(false);\n const [loaded, setLoaded] = useState(false);\n\n const imgSrc = imgError || !src ? '/assets/img_placeholder.svg' : src;\n\n if (ratio) {\n return (\n <Box\n component=\"span\"\n sx={{\n width: 1,\n lineHeight: 0,\n display: 'block',\n overflow: 'hidden',\n position: 'relative',\n pt: getRatio(ratio),\n ...sx,\n }}\n >\n <Box\n component=\"img\"\n src={imgSrc}\n alt={alt}\n loading=\"lazy\"\n decoding=\"async\"\n onLoad={() => setLoaded(true)}\n onError={() => {\n if (!imgError) setImgError(true);\n }}\n sx={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: 1,\n height: 1,\n objectFit: 'cover',\n ...(disabledEffect\n ? {}\n : { opacity: loaded ? 1 : 0, transition: 'opacity 0.3s ease-in-out' }),\n }}\n />\n </Box>\n );\n }\n\n return (\n <Box\n component=\"span\"\n sx={{\n lineHeight: 1,\n display: 'block',\n overflow: 'hidden',\n ...sx,\n }}\n >\n <Box\n component=\"img\"\n src={imgSrc}\n alt={alt}\n loading=\"lazy\"\n decoding=\"async\"\n onLoad={() => setLoaded(true)}\n onError={() => {\n if (!imgError) setImgError(true);\n }}\n sx={{\n width: 1,\n height: 1,\n objectFit,\n ...(disabledEffect\n ? {}\n : { opacity: loaded ? 1 : 0, transition: 'opacity 0.3s ease-in-out' }),\n }}\n {...other}\n />\n </Box>\n );\n}\n\n// ----------------------------------------------------------------------\n\nfunction getRatio(ratio = '1/1') {\n return {\n '4/3': 'calc(100% / 4 * 3)',\n '3/4': 'calc(100% / 3 * 4)',\n '6/4': 'calc(100% / 6 * 4)',\n '4/6': 'calc(100% / 4 * 6)',\n '16/9': 'calc(100% / 16 * 9)',\n '9/16': 'calc(100% / 9 * 16)',\n '21/9': 'calc(100% / 21 * 9)',\n '9/21': 'calc(100% / 9 * 21)',\n '1/1': '100%',\n }[ratio];\n}\n"],"names":["useState","Box"],"mappings":"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"}
1
+ {"version":3,"file":"Image.js","sources":["../../../src/components/Image.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport { Box, BoxProps, SxProps } from '@mui/material';\n\n// ----------------------------------------------------------------------\n\nexport type ImageRatio = '4/3' | '3/4' | '6/4' | '4/6' | '16/9' | '9/16' | '21/9' | '9/21' | '1/1';\n\ninterface Props extends BoxProps {\n src?: string;\n alt?: string;\n sx?: SxProps<Theme>;\n ratio?: ImageRatio;\n disabledEffect?: boolean;\n objectFit?: 'cover' | 'contain';\n}\n\nexport default function Image({\n ratio,\n disabledEffect = false,\n objectFit = 'cover',\n sx,\n src,\n alt = '',\n ...other\n}: Props) {\n const [imgError, setImgError] = useState(false);\n const [loaded, setLoaded] = useState(false);\n\n const imgSrc = imgError || !src ? '/assets/img_placeholder.svg' : src;\n\n if (ratio) {\n return (\n <Box\n component=\"span\"\n sx={{\n width: 1,\n lineHeight: 0,\n display: 'block',\n overflow: 'hidden',\n position: 'relative',\n pt: getRatio(ratio),\n ...sx,\n }}\n {...other}\n >\n <Box\n component=\"img\"\n src={imgSrc}\n alt={alt}\n loading=\"lazy\"\n decoding=\"async\"\n onLoad={() => setLoaded(true)}\n onError={() => {\n if (!imgError) setImgError(true);\n }}\n sx={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: 1,\n height: 1,\n objectFit: 'cover',\n ...(disabledEffect\n ? {}\n : { opacity: loaded ? 1 : 0, transition: 'opacity 0.3s ease-in-out' }),\n }}\n />\n </Box>\n );\n }\n\n return (\n <Box\n component=\"span\"\n sx={{\n lineHeight: 1,\n display: 'block',\n overflow: 'hidden',\n ...sx,\n }}\n >\n <Box\n component=\"img\"\n src={imgSrc}\n alt={alt}\n loading=\"lazy\"\n decoding=\"async\"\n onLoad={() => setLoaded(true)}\n onError={() => {\n if (!imgError) setImgError(true);\n }}\n sx={{\n width: 1,\n height: 1,\n objectFit,\n ...(disabledEffect\n ? {}\n : { opacity: loaded ? 1 : 0, transition: 'opacity 0.3s ease-in-out' }),\n }}\n {...other}\n />\n </Box>\n );\n}\n\n// ----------------------------------------------------------------------\n\nfunction getRatio(ratio = '1/1') {\n return {\n '4/3': 'calc(100% / 4 * 3)',\n '3/4': 'calc(100% / 3 * 4)',\n '6/4': 'calc(100% / 6 * 4)',\n '4/6': 'calc(100% / 4 * 6)',\n '16/9': 'calc(100% / 16 * 9)',\n '9/16': 'calc(100% / 9 * 16)',\n '21/9': 'calc(100% / 21 * 9)',\n '9/21': 'calc(100% / 9 * 21)',\n '1/1': '100%',\n }[ratio];\n}\n"],"names":["useState","Box"],"mappings":"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"}
@@ -14,7 +14,7 @@ function Image({ ratio, disabledEffect = false, objectFit = 'cover', sx, src, al
14
14
  position: 'relative',
15
15
  pt: getRatio(ratio),
16
16
  ...sx,
17
- } },
17
+ }, ...other },
18
18
  React.createElement(Box, { component: "img", src: imgSrc, alt: alt, loading: "lazy", decoding: "async", onLoad: () => setLoaded(true), onError: () => {
19
19
  if (!imgError)
20
20
  setImgError(true);
@@ -1 +1 @@
1
- {"version":3,"file":"Image.js","sources":["../../../src/components/Image.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport { Box, BoxProps, SxProps } from '@mui/material';\n\n// ----------------------------------------------------------------------\n\nexport type ImageRatio = '4/3' | '3/4' | '6/4' | '4/6' | '16/9' | '9/16' | '21/9' | '9/21' | '1/1';\n\ninterface Props extends BoxProps {\n src?: string;\n alt?: string;\n sx?: SxProps<Theme>;\n ratio?: ImageRatio;\n disabledEffect?: boolean;\n objectFit?: 'cover' | 'contain';\n}\n\nexport default function Image({\n ratio,\n disabledEffect = false,\n objectFit = 'cover',\n sx,\n src,\n alt = '',\n ...other\n}: Props) {\n const [imgError, setImgError] = useState(false);\n const [loaded, setLoaded] = useState(false);\n\n const imgSrc = imgError || !src ? '/assets/img_placeholder.svg' : src;\n\n if (ratio) {\n return (\n <Box\n component=\"span\"\n sx={{\n width: 1,\n lineHeight: 0,\n display: 'block',\n overflow: 'hidden',\n position: 'relative',\n pt: getRatio(ratio),\n ...sx,\n }}\n >\n <Box\n component=\"img\"\n src={imgSrc}\n alt={alt}\n loading=\"lazy\"\n decoding=\"async\"\n onLoad={() => setLoaded(true)}\n onError={() => {\n if (!imgError) setImgError(true);\n }}\n sx={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: 1,\n height: 1,\n objectFit: 'cover',\n ...(disabledEffect\n ? {}\n : { opacity: loaded ? 1 : 0, transition: 'opacity 0.3s ease-in-out' }),\n }}\n />\n </Box>\n );\n }\n\n return (\n <Box\n component=\"span\"\n sx={{\n lineHeight: 1,\n display: 'block',\n overflow: 'hidden',\n ...sx,\n }}\n >\n <Box\n component=\"img\"\n src={imgSrc}\n alt={alt}\n loading=\"lazy\"\n decoding=\"async\"\n onLoad={() => setLoaded(true)}\n onError={() => {\n if (!imgError) setImgError(true);\n }}\n sx={{\n width: 1,\n height: 1,\n objectFit,\n ...(disabledEffect\n ? {}\n : { opacity: loaded ? 1 : 0, transition: 'opacity 0.3s ease-in-out' }),\n }}\n {...other}\n />\n </Box>\n );\n}\n\n// ----------------------------------------------------------------------\n\nfunction getRatio(ratio = '1/1') {\n return {\n '4/3': 'calc(100% / 4 * 3)',\n '3/4': 'calc(100% / 3 * 4)',\n '6/4': 'calc(100% / 6 * 4)',\n '4/6': 'calc(100% / 4 * 6)',\n '16/9': 'calc(100% / 16 * 9)',\n '9/16': 'calc(100% / 9 * 16)',\n '21/9': 'calc(100% / 21 * 9)',\n '9/21': 'calc(100% / 9 * 21)',\n '1/1': '100%',\n }[ratio];\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Image.js","sources":["../../../src/components/Image.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Theme } from '@mui/material/styles';\nimport { Box, BoxProps, SxProps } from '@mui/material';\n\n// ----------------------------------------------------------------------\n\nexport type ImageRatio = '4/3' | '3/4' | '6/4' | '4/6' | '16/9' | '9/16' | '21/9' | '9/21' | '1/1';\n\ninterface Props extends BoxProps {\n src?: string;\n alt?: string;\n sx?: SxProps<Theme>;\n ratio?: ImageRatio;\n disabledEffect?: boolean;\n objectFit?: 'cover' | 'contain';\n}\n\nexport default function Image({\n ratio,\n disabledEffect = false,\n objectFit = 'cover',\n sx,\n src,\n alt = '',\n ...other\n}: Props) {\n const [imgError, setImgError] = useState(false);\n const [loaded, setLoaded] = useState(false);\n\n const imgSrc = imgError || !src ? '/assets/img_placeholder.svg' : src;\n\n if (ratio) {\n return (\n <Box\n component=\"span\"\n sx={{\n width: 1,\n lineHeight: 0,\n display: 'block',\n overflow: 'hidden',\n position: 'relative',\n pt: getRatio(ratio),\n ...sx,\n }}\n {...other}\n >\n <Box\n component=\"img\"\n src={imgSrc}\n alt={alt}\n loading=\"lazy\"\n decoding=\"async\"\n onLoad={() => setLoaded(true)}\n onError={() => {\n if (!imgError) setImgError(true);\n }}\n sx={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: 1,\n height: 1,\n objectFit: 'cover',\n ...(disabledEffect\n ? {}\n : { opacity: loaded ? 1 : 0, transition: 'opacity 0.3s ease-in-out' }),\n }}\n />\n </Box>\n );\n }\n\n return (\n <Box\n component=\"span\"\n sx={{\n lineHeight: 1,\n display: 'block',\n overflow: 'hidden',\n ...sx,\n }}\n >\n <Box\n component=\"img\"\n src={imgSrc}\n alt={alt}\n loading=\"lazy\"\n decoding=\"async\"\n onLoad={() => setLoaded(true)}\n onError={() => {\n if (!imgError) setImgError(true);\n }}\n sx={{\n width: 1,\n height: 1,\n objectFit,\n ...(disabledEffect\n ? {}\n : { opacity: loaded ? 1 : 0, transition: 'opacity 0.3s ease-in-out' }),\n }}\n {...other}\n />\n </Box>\n );\n}\n\n// ----------------------------------------------------------------------\n\nfunction getRatio(ratio = '1/1') {\n return {\n '4/3': 'calc(100% / 4 * 3)',\n '3/4': 'calc(100% / 3 * 4)',\n '6/4': 'calc(100% / 6 * 4)',\n '4/6': 'calc(100% / 4 * 6)',\n '16/9': 'calc(100% / 16 * 9)',\n '9/16': 'calc(100% / 9 * 16)',\n '21/9': 'calc(100% / 21 * 9)',\n '9/21': 'calc(100% / 9 * 21)',\n '1/1': '100%',\n }[ratio];\n}\n"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eventlook/sdk",
3
- "version": "1.4.46",
3
+ "version": "1.4.47-beta.0",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/types/index.d.ts",
@@ -42,6 +42,7 @@ export default function Image({
42
42
  pt: getRatio(ratio),
43
43
  ...sx,
44
44
  }}
45
+ {...other}
45
46
  >
46
47
  <Box
47
48
  component="img"