@jetshop/ui 5.17.0-alpha.c701d997 → 5.17.0-alpha.d9d2edd2

package/Image/B2BImage.d.ts

@@ -1,50 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { ProductImageSize } from '@jetshop/core/types';
-export type ImageSrcType = string | ProductImageSize[];
-export type BreakpointValues = string[];
-export type ImageBreakpointSize = number | string;
-export type ImageBreakpointSizes = ImageBreakpointSize | ImageBreakpointSize[];
-export type AspectRatio = string | number;
-export type Gravity = 'north' | 'south' | 'west' | 'east' | 'centre' | 'smart';
-export declare const transparentDataImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=";
-interface ImageParameters {
-    /** The image src
-     * Also accepts an array of objects with `url` keys (deprecated image field)
-     */
-    src: ImageSrcType;
-    /**
-     * Whether to crop the image instead of resizing it when aspect ratio is provided
-     * @default false
-     */
-    crop?: boolean;
-    gravity?: Gravity;
-    quality?: number;
-    /** An array of image sizes, will be mapped against breakpoints.
-     * @see https://docs.dev.jetshop.se/ui/image#the-sizes-prop
-     */
-    sizes: ImageBreakpointSizes;
-    /**
-     * The aspect ratio of the image
-     * If unknown, use null to preserve original aspect ratio
-     */
-    aspect?: string;
-    critical?: boolean;
-    modifiedDate?: string;
-}
-interface ImageProps extends ImageParameters {
-    /** Whether or not to use `background-size: cover` */
-    cover?: boolean;
-    error?: (args: any) => React.ReactElement<any>;
-    alt?: string;
-    title?: string;
-    /**
-     * Useful for banner images. Sets the following CSS automatically:
-     * object-fit: cover
-     * padding-top: 0;
-     */
-    fillAvailableSpace?: boolean;
-    className?: string;
-    badges?: React.ReactElement<any>;
-}
-declare function B2BImage({ modifiedDate, ...props }: PropsWithChildren<ImageProps>): JSX.Element;
-export default B2BImage;

package/Image/B2BImage.js

@@ -1,53 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import Image from './BaseImage';
-import React from 'react';
-import { useConstructImage } from './useConstructImage';
-export const transparentDataImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
-function Error() {
-    return (React.createElement("div", { style: {
-            background: '#e2e2e2',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            position: `absolute`,
-            top: 0,
-            left: 0,
-            width: `100%`,
-            height: `100%`
-        } }, "Image not found"));
-}
-function B2BImage(_a) {
-    var { modifiedDate } = _a, props = __rest(_a, ["modifiedDate"]);
-    const { gravity, crop, src: originalSrc, sizes: sizesArray = [1], aspect, quality, critical } = props;
-    const { src, hasFalsySrc, lqip, sizes, srcset, webpSrcset } = useConstructImage({
-        gravity,
-        crop,
-        src: originalSrc,
-        sizes: sizesArray,
-        aspect,
-        quality,
-        critical,
-        modifiedDate,
-        breakpoints: {
-            xs: '20rem',
-            sm: '40rem',
-            md: '50rem',
-            lg: '64rem',
-            xl: '80rem'
-        },
-        baseUrl: ''
-    });
-    return (React.createElement(Image, Object.assign({}, props, { src: src, hasFalsySrc: hasFalsySrc, lqip: lqip, sizes: sizes, srcset: srcset, webpSrcset: webpSrcset, error: Error })));
-}
-export default B2BImage;
-//# sourceMappingURL=B2BImage.js.map

package/Image/B2BImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"B2BImage.js","sourceRoot":"","sources":["B2BImage.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAUxD,MAAM,CAAC,MAAM,kBAAkB,GAC7B,oHAAoH,CAAC;AA4CvH,SAAS,KAAK;IACZ,OAAO,CACL,6BACE,KAAK,EAAE;YACL,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACf,sBAGG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAAyD;QAAzD,EAAE,YAAY,OAA2C,EAAtC,KAAK,cAAxB,gBAA0B,CAAF;IACxC,MAAM,EACJ,OAAO,EACP,IAAI,EACJ,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,UAAU,GAAG,CAAC,CAAC,CAAC,EACvB,MAAM,EACN,OAAO,EACP,QAAQ,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,GACzD,iBAAiB,CAAC;QAChB,OAAO;QACP,IAAI;QACJ,GAAG,EAAE,WAAW;QAChB,KAAK,EAAE,UAAU;QACjB,MAAM;QACN,OAAO;QACP,QAAQ;QACR,YAAY;QACZ,WAAW,EAAE;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;SACZ;QACD,OAAO,EAAE,EAAE;KACZ,CAAC,CAAC;IAEL,OAAO,CACL,oBAAC,KAAK,oBACA,KAAK,IACT,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}