@artsy/palette 40.7.0-canary.1422.31578.0 → 40.7.0-canary.1422.31591.0

package/dist/elements/Image/LazyImage.js

@@ -30,6 +30,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var imagePropsToOmit = _CleanTag.omitProps.filter(function (prop) {
   return prop !== "width" && prop !== "height";
 });
@@ -40,6 +41,17 @@ var InnerLazyImage = (0, _styledComponents.default)(_CleanTag.CleanTag.as(_react
   componentId: "sc-1fxlbs3-0"
 })(["width:100%;height:100%;", " transition:opacity 0.25s;"], _styledSystem.borderRadius);
 InnerLazyImage.displayName = "InnerLazyImage";
+// Create a forwarded ref version of the image component
+var createForwardedImageComponent = function createForwardedImageComponent(ImageComponent) {
+  var ForwardedComponent = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    return /*#__PURE__*/_react.default.createElement(ImageComponent, _extends({}, props, {
+      ref: ref
+    }));
+  });
+  ForwardedComponent.displayName = "ForwardedImageComponent(".concat(ImageComponent.displayName || ImageComponent.name || "Component", ")");
+  return ForwardedComponent;
+};
+
 /** LazyImage */
 var LazyImage = function LazyImage(_ref) {
   var _imageProps;
@@ -64,10 +76,22 @@ var LazyImage = function LazyImage(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isImageLoaded = _useState2[0],
     setImageLoaded = _useState2[1];
-  var handleLoad = function handleLoad(event) {
+  var imgRef = (0, _react.useRef)(null);
+  var ForwardedImageComponent = (0, _react.useMemo)(function () {
+    return createForwardedImageComponent(ImageComponent);
+  }, [ImageComponent]);
+  var handleLoad = (0, _react.useCallback)(function (event) {
     setImageLoaded(true);
     onLoad === null || onLoad === void 0 ? void 0 : onLoad(event);
-  };
+  }, [onLoad]);
+  (0, _react.useEffect)(function () {
+    var _imgRef$current;
+    if (preload && (_imgRef$current = imgRef.current) !== null && _imgRef$current !== void 0 && _imgRef$current.complete) {
+      handleLoad({
+        currentTarget: imgRef.current
+      });
+    }
+  }, [handleLoad, preload]);
 
   // If there is a placeholder, use a regular Box to avoid a grey background.
   var Wrapper = placeHolderURL ? _Box.Box : _Skeleton.SkeletonBox;
@@ -86,7 +110,9 @@ var LazyImage = function LazyImage(_ref) {
     backgroundSize: "cover"
   } : {}), rest);
   if (preload) {
-    return /*#__PURE__*/_react.default.createElement(Wrapper, containerProps, /*#__PURE__*/_react.default.createElement(ImageComponent, imageProps));
+    return /*#__PURE__*/_react.default.createElement(Wrapper, containerProps, /*#__PURE__*/_react.default.createElement(ForwardedImageComponent, _extends({}, imageProps, {
+      ref: imgRef
+    })));
   }
   return /*#__PURE__*/_react.default.createElement(Wrapper, containerProps, /*#__PURE__*/_react.default.createElement(InnerLazyImage, imageProps), /*#__PURE__*/_react.default.createElement("noscript", null, /*#__PURE__*/_react.default.createElement(ImageComponent, imageProps)));
 };

package/dist/elements/Image/LazyImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyImage.js","names":["_react","_interopRequireWildcard","require","_reactLazyLoadImageComponent","_styledComponents","_interopRequireDefault","_styledSystem","_CleanTag","_Skeleton","_Image","_Box","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","imagePropsToOmit","omitProps","prop","InnerLazyImage","styled","CleanTag","as","LazyLoadImage","withConfig","displayName","componentId","borderRadiusStyle","LazyImage","_ref","_imageProps","_ref$preload","preload","_ref$imageComponent","imageComponent","ImageComponent","Image","src","srcSet","title","alt","ariaLabel","width","height","borderRadius","style","onError","onLoad","placeHolderURL","rest","_useState","useState","_useState2","isImageLoaded","setImageLoaded","handleLoad","event","Wrapper","Box","SkeletonBox","imageProps","opacity","display","containerProps","backgroundImage","concat","backgroundRepeat","backgroundSize","createElement","exports"],"sources":["../../../src/elements/Image/LazyImage.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from \"react\"\nimport { LazyLoadImage } from \"react-lazy-load-image-component\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius as borderRadiusStyle,\n  BorderRadiusProps,\n  HeightProps,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag, omitProps } from \"../CleanTag\"\nimport { SkeletonBox } from \"../Skeleton\"\nimport { ImageProps } from \"./Image\"\nimport { BaseImage as Image } from \"./Image\"\nimport { Box } from \"../Box\"\n\nconst imagePropsToOmit = omitProps.filter(\n  (prop) => prop !== \"width\" && prop !== \"height\"\n)\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nconst InnerLazyImage = styled(CleanTag.as(LazyLoadImage))<\n  ImageProps & {\n    onLoad: (event: React.SyntheticEvent<HTMLImageElement>) => void\n    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void\n  }\n>`\n  width: 100%;\n  height: 100%;\n  ${borderRadiusStyle}\n  transition: opacity 0.25s;\n`\nInnerLazyImage.displayName = \"InnerLazyImage\"\n\ninterface LazyImageProps\n  extends ImageProps,\n    WidthProps,\n    HeightProps,\n    BorderRadiusProps {\n  /** Eagerly load the image instead of lazy loading it */\n  preload?: boolean\n  style?: CSSProperties\n  // TODO: Resolve type issues\n  /** The image component to render when preload is true */\n  imageComponent?: any // FunctionComponent<ImageProps>\n  onContextMenu?: (e: any) => void\n  onError?: (event: React.SyntheticEvent<any, Event>) => void\n}\n\n/** LazyImage */\nexport const LazyImage: React.FC<React.PropsWithChildren<LazyImageProps>> = ({\n  preload = false,\n  imageComponent: ImageComponent = Image,\n  src,\n  srcSet,\n  title,\n  alt,\n  [\"aria-label\"]: ariaLabel,\n  width,\n  height,\n  borderRadius,\n  style,\n  onError,\n  onLoad,\n  placeHolderURL,\n  ...rest\n}) => {\n  const [isImageLoaded, setImageLoaded] = useState(false)\n\n  const handleLoad = (event: React.SyntheticEvent<HTMLImageElement>) => {\n    setImageLoaded(true)\n    onLoad?.(event)\n  }\n\n  // If there is a placeholder, use a regular Box to avoid a grey background.\n  const Wrapper = placeHolderURL ? Box : SkeletonBox\n\n  const imageProps = {\n    [\"aria-label\"]: ariaLabel,\n    alt,\n    borderRadius,\n    height: \"100%\",\n    omitFromProps: imagePropsToOmit,\n    onError,\n    onLoad: handleLoad,\n    src,\n    srcSet,\n    style: {\n      ...style,\n      opacity: isImageLoaded ? \"1\" : \"0\",\n      // Avoids the placeholder image showing underneath the image\n      display: placeHolderURL ? \"block\" : style?.display,\n    },\n    title,\n    width: \"100%\",\n  }\n\n  const containerProps = {\n    borderRadius,\n    height,\n    width,\n    ...(placeHolderURL\n      ? {\n          backgroundImage: `url(${placeHolderURL})`,\n          backgroundRepeat: \"no-repeat\",\n          backgroundSize: \"cover\",\n        }\n      : {}),\n    ...rest,\n  }\n\n  if (preload) {\n    return (\n      <Wrapper {...containerProps}>\n        <ImageComponent {...imageProps} />\n      </Wrapper>\n    )\n  }\n\n  return (\n    <Wrapper {...containerProps}>\n      <InnerLazyImage {...imageProps} />\n\n      <noscript>\n        <ImageComponent {...imageProps} />\n      </noscript>\n    </Wrapper>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"LazyImage.js","names":["_react","_interopRequireWildcard","require","_reactLazyLoadImageComponent","_styledComponents","_interopRequireDefault","_styledSystem","_CleanTag","_Skeleton","_Image","_Box","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","_extends","assign","bind","imagePropsToOmit","omitProps","prop","InnerLazyImage","styled","CleanTag","as","LazyLoadImage","withConfig","displayName","componentId","borderRadiusStyle","createForwardedImageComponent","ImageComponent","ForwardedComponent","forwardRef","props","ref","createElement","concat","LazyImage","_ref","_imageProps","_ref$preload","preload","_ref$imageComponent","imageComponent","Image","src","srcSet","title","alt","ariaLabel","width","height","borderRadius","style","onError","onLoad","placeHolderURL","rest","_useState","useState","_useState2","isImageLoaded","setImageLoaded","imgRef","useRef","ForwardedImageComponent","useMemo","handleLoad","useCallback","event","useEffect","_imgRef$current","current","complete","currentTarget","Wrapper","Box","SkeletonBox","imageProps","opacity","display","containerProps","backgroundImage","backgroundRepeat","backgroundSize","exports"],"sources":["../../../src/elements/Image/LazyImage.tsx"],"sourcesContent":["import React, {\n  CSSProperties,\n  useState,\n  useRef,\n  useEffect,\n  forwardRef,\n  useCallback,\n  useMemo,\n} from \"react\"\nimport { LazyLoadImage } from \"react-lazy-load-image-component\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius as borderRadiusStyle,\n  BorderRadiusProps,\n  HeightProps,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag, omitProps } from \"../CleanTag\"\nimport { SkeletonBox } from \"../Skeleton\"\nimport { ImageProps } from \"./Image\"\nimport { BaseImage as Image } from \"./Image\"\nimport { Box } from \"../Box\"\n\nconst imagePropsToOmit = omitProps.filter(\n  (prop) => prop !== \"width\" && prop !== \"height\"\n)\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nconst InnerLazyImage = styled(CleanTag.as(LazyLoadImage))<\n  ImageProps & {\n    onLoad: (event: React.SyntheticEvent<HTMLImageElement>) => void\n    onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void\n  }\n>`\n  width: 100%;\n  height: 100%;\n  ${borderRadiusStyle}\n  transition: opacity 0.25s;\n`\nInnerLazyImage.displayName = \"InnerLazyImage\"\n\ninterface LazyImageProps\n  extends ImageProps,\n    WidthProps,\n    HeightProps,\n    BorderRadiusProps {\n  /** Eagerly load the image instead of lazy loading it */\n  preload?: boolean\n  style?: CSSProperties\n  // TODO: Resolve type issues\n  /** The image component to render when preload is true */\n  imageComponent?: any // FunctionComponent<ImageProps>\n  onContextMenu?: (e: any) => void\n  onError?: (event: React.SyntheticEvent<any, Event>) => void\n}\n\n// Create a forwarded ref version of the image component\nconst createForwardedImageComponent = (ImageComponent: any) => {\n  const ForwardedComponent = forwardRef<HTMLImageElement, any>((props, ref) => (\n    <ImageComponent {...props} ref={ref} />\n  ))\n\n  ForwardedComponent.displayName = `ForwardedImageComponent(${\n    ImageComponent.displayName || ImageComponent.name || \"Component\"\n  })`\n\n  return ForwardedComponent\n}\n\n/** LazyImage */\nexport const LazyImage: React.FC<React.PropsWithChildren<LazyImageProps>> = ({\n  preload = false,\n  imageComponent: ImageComponent = Image,\n  src,\n  srcSet,\n  title,\n  alt,\n  [\"aria-label\"]: ariaLabel,\n  width,\n  height,\n  borderRadius,\n  style,\n  onError,\n  onLoad,\n  placeHolderURL,\n  ...rest\n}) => {\n  const [isImageLoaded, setImageLoaded] = useState(false)\n  const imgRef = useRef<HTMLImageElement>(null)\n  const ForwardedImageComponent = useMemo(\n    () => createForwardedImageComponent(ImageComponent),\n    [ImageComponent]\n  )\n\n  const handleLoad = useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageLoaded(true)\n      onLoad?.(event)\n    },\n    [onLoad]\n  )\n\n  useEffect(() => {\n    if (preload && imgRef.current?.complete) {\n      handleLoad({\n        currentTarget: imgRef.current,\n      } as React.SyntheticEvent<HTMLImageElement>)\n    }\n  }, [handleLoad, preload])\n\n  // If there is a placeholder, use a regular Box to avoid a grey background.\n  const Wrapper = placeHolderURL ? Box : SkeletonBox\n\n  const imageProps = {\n    [\"aria-label\"]: ariaLabel,\n    alt,\n    borderRadius,\n    height: \"100%\",\n    omitFromProps: imagePropsToOmit,\n    onError,\n    onLoad: handleLoad,\n    src,\n    srcSet,\n    style: {\n      ...style,\n      opacity: isImageLoaded ? \"1\" : \"0\",\n      // Avoids the placeholder image showing underneath the image\n      display: placeHolderURL ? \"block\" : style?.display,\n    },\n    title,\n    width: \"100%\",\n  }\n\n  const containerProps = {\n    borderRadius,\n    height,\n    width,\n    ...(placeHolderURL\n      ? {\n          backgroundImage: `url(${placeHolderURL})`,\n          backgroundRepeat: \"no-repeat\",\n          backgroundSize: \"cover\",\n        }\n      : {}),\n    ...rest,\n  }\n\n  if (preload) {\n    return (\n      <Wrapper {...containerProps}>\n        <ForwardedImageComponent {...imageProps} ref={imgRef} />\n      </Wrapper>\n    )\n  }\n\n  return (\n    <Wrapper {...containerProps}>\n      <InnerLazyImage {...imageProps} />\n\n      <noscript>\n        <ImageComponent {...imageProps} />\n      </noscript>\n    </Wrapper>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "40.7.0-canary.1422.31578.0",
+  "version": "40.7.0-canary.1422.31591.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -189,5 +189,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "2088c7e4e7082cd6d03d78f16178d633464fcbfc"
+  "gitHead": "caec83523827e0f4d5fcbc839c5dc4abff50f8e1"
 }