@shoplflow/base 0.42.9 → 0.42.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +10 -2
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +10 -2
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -276,9 +276,17 @@ var StyledAvatarBadge = styled6__default.default.div`
|
|
|
276
276
|
// src/assets/mocks/AvatarNone.png
|
|
277
277
|
var AvatarNone_default = "./AvatarNone-F5VQQNT7.png";
|
|
278
278
|
var Avatar = (_a) => {
|
|
279
|
-
var _b = _a, { src, badge } = _b, rest = __objRest(_b, ["src", "badge"]);
|
|
279
|
+
var _b = _a, { src, badge, fallbackUrl } = _b, rest = __objRest(_b, ["src", "badge", "fallbackUrl"]);
|
|
280
280
|
return /* @__PURE__ */ jsxRuntime.jsxs(StyledAvatarContainer, { children: [
|
|
281
|
-
/* @__PURE__ */ jsxRuntime.jsx(StyledAvatar, __spreadProps(__spreadValues({ "data-shoplflow": "Avatar" }, rest), { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
281
|
+
/* @__PURE__ */ jsxRuntime.jsx(StyledAvatar, __spreadProps(__spreadValues({ "data-shoplflow": "Avatar" }, rest), { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
282
|
+
StyledAvatarImage,
|
|
283
|
+
{
|
|
284
|
+
src: src != null ? src : fallbackUrl,
|
|
285
|
+
onError: (e) => {
|
|
286
|
+
e.currentTarget.src = fallbackUrl != null ? fallbackUrl : AvatarNone_default;
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
) })),
|
|
282
290
|
/* @__PURE__ */ jsxRuntime.jsx(StyledAvatarBadge, { children: badge })
|
|
283
291
|
] });
|
|
284
292
|
};
|
package/dist/index.d.cts
CHANGED
|
@@ -282,6 +282,7 @@ declare const AvatarSizeVariants: {
|
|
|
282
282
|
};
|
|
283
283
|
declare type AvatarSizeVariantType = $Values<typeof AvatarSizeVariants>;
|
|
284
284
|
interface AvatarProps extends AvatarOptionProps {
|
|
285
|
+
fallbackUrl?: string;
|
|
285
286
|
}
|
|
286
287
|
interface AvatarOptionProps extends SizeVariantProps<AvatarSizeVariantType>, ImgHTMLAttributes<HTMLImageElement> {
|
|
287
288
|
/**
|
|
@@ -290,7 +291,7 @@ interface AvatarOptionProps extends SizeVariantProps<AvatarSizeVariantType>, Img
|
|
|
290
291
|
badge?: ReactNode;
|
|
291
292
|
}
|
|
292
293
|
|
|
293
|
-
declare const Avatar: ({ src, badge, ...rest }: AvatarProps) =>
|
|
294
|
+
declare const Avatar: ({ src, badge, fallbackUrl, ...rest }: AvatarProps) => JSX.Element;
|
|
294
295
|
|
|
295
296
|
declare type StackGenericProps<T extends StringElementType = 'div'> = RenderConfigProps & StackProps & HTMLPropsWithoutRef<T>;
|
|
296
297
|
declare type StackComponentType = ForwardRefExoticComponent<PropsWithoutRef<StackGenericProps> & RefAttributes<HTMLElement>>;
|
package/dist/index.d.ts
CHANGED
|
@@ -282,6 +282,7 @@ declare const AvatarSizeVariants: {
|
|
|
282
282
|
};
|
|
283
283
|
declare type AvatarSizeVariantType = $Values<typeof AvatarSizeVariants>;
|
|
284
284
|
interface AvatarProps extends AvatarOptionProps {
|
|
285
|
+
fallbackUrl?: string;
|
|
285
286
|
}
|
|
286
287
|
interface AvatarOptionProps extends SizeVariantProps<AvatarSizeVariantType>, ImgHTMLAttributes<HTMLImageElement> {
|
|
287
288
|
/**
|
|
@@ -290,7 +291,7 @@ interface AvatarOptionProps extends SizeVariantProps<AvatarSizeVariantType>, Img
|
|
|
290
291
|
badge?: ReactNode;
|
|
291
292
|
}
|
|
292
293
|
|
|
293
|
-
declare const Avatar: ({ src, badge, ...rest }: AvatarProps) =>
|
|
294
|
+
declare const Avatar: ({ src, badge, fallbackUrl, ...rest }: AvatarProps) => JSX.Element;
|
|
294
295
|
|
|
295
296
|
declare type StackGenericProps<T extends StringElementType = 'div'> = RenderConfigProps & StackProps & HTMLPropsWithoutRef<T>;
|
|
296
297
|
declare type StackComponentType = ForwardRefExoticComponent<PropsWithoutRef<StackGenericProps> & RefAttributes<HTMLElement>>;
|
package/dist/index.js
CHANGED
|
@@ -249,9 +249,17 @@ var StyledAvatarBadge = styled6.div`
|
|
|
249
249
|
// src/assets/mocks/AvatarNone.png
|
|
250
250
|
var AvatarNone_default = "./AvatarNone-F5VQQNT7.png";
|
|
251
251
|
var Avatar = (_a) => {
|
|
252
|
-
var _b = _a, { src, badge } = _b, rest = __objRest(_b, ["src", "badge"]);
|
|
252
|
+
var _b = _a, { src, badge, fallbackUrl } = _b, rest = __objRest(_b, ["src", "badge", "fallbackUrl"]);
|
|
253
253
|
return /* @__PURE__ */ jsxs(StyledAvatarContainer, { children: [
|
|
254
|
-
/* @__PURE__ */ jsx(StyledAvatar, __spreadProps(__spreadValues({ "data-shoplflow": "Avatar" }, rest), { children: /* @__PURE__ */ jsx(
|
|
254
|
+
/* @__PURE__ */ jsx(StyledAvatar, __spreadProps(__spreadValues({ "data-shoplflow": "Avatar" }, rest), { children: /* @__PURE__ */ jsx(
|
|
255
|
+
StyledAvatarImage,
|
|
256
|
+
{
|
|
257
|
+
src: src != null ? src : fallbackUrl,
|
|
258
|
+
onError: (e) => {
|
|
259
|
+
e.currentTarget.src = fallbackUrl != null ? fallbackUrl : AvatarNone_default;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
) })),
|
|
255
263
|
/* @__PURE__ */ jsx(StyledAvatarBadge, { children: badge })
|
|
256
264
|
] });
|
|
257
265
|
};
|