@plasmicapp/react-web 0.2.87 → 0.2.89

package/dist/all.d.ts

@@ -19,7 +19,7 @@ type ClassNamesExport = ClassNamesFn & { default: ClassNamesFn };
 declare function pick<T>(obj: T, ...keys: (string | number | symbol)[]): Partial<T>;
 declare function omit<T>(obj: T, ...keys: (keyof T)[]): Partial<T>;
 
-declare type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : "Unexpected extraneous props";
+declare type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
 declare type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React__default.ComponentProps<T>["ref"], string>;
 
 interface Variants {

package/dist/react-utils.d.ts

@@ -13,7 +13,7 @@ export declare function isReactText(child: React.ReactNode): child is React.Reac
 export declare function isReactChild(child: React.ReactNode): child is React.ReactChild;
 export declare function isReactFragment(child: React.ReactNode): child is React.ReactElement;
 export declare function isReactNode(x: any): boolean;
-export declare type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : "Unexpected extraneous props";
+export declare type StrictProps<T, TExpected> = Exclude<keyof T, keyof TExpected> extends never ? {} : Partial<"Unexpected extraneous props">;
 export declare type HTMLElementRefOf<T extends keyof JSX.IntrinsicElements> = Exclude<React.ComponentProps<T>["ref"], string>;
 export declare function mergeProps(props: Record<string, any>, ...restProps: Record<string, any>[]): Record<string, any>;
 export declare function mergeRefs<T>(...refs: (React.Ref<T> | undefined)[]): (value: T) => void;

package/dist/react-web.cjs.development.js

@@ -820,7 +820,14 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
       loader = props.loader,
       imgRef = props.imgRef,
       style = props.style,
-      rest = _objectWithoutPropertiesLoose(props, ["src", "className", "displayWidth", "displayHeight", "displayMinWidth", "displayMinHeight", "displayMaxWidth", "displayMaxHeight", "quality", "loader", "imgRef", "style"]);
+      loading = props.loading,
+      rest = _objectWithoutPropertiesLoose(props, ["src", "className", "displayWidth", "displayHeight", "displayMinWidth", "displayMinHeight", "displayMaxWidth", "displayMaxHeight", "quality", "loader", "imgRef", "style", "loading"]);
+
+  var imgProps = Object.assign({}, rest, {
+    // Default loading to "lazy" if not specified (which is different from the
+    // html img, which defaults to eager!)
+    loading: loading != null ? loading : "lazy"
+  });
 
   var _ref = typeof src === "string" || !src ? {
     fullWidth: undefined,
@@ -838,7 +845,8 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
       src: srcStr,
       className: className,
       style: style
-    }, rest, {
+    }, imgProps, {
+      loading: loading,
       ref: mergeRefs(imgRef, outerRef)
     }));
   }
@@ -953,7 +961,7 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
     quality: quality,
     ref: imgRef,
     style: style ? pick(style, "objectFit", "objectPosition") : undefined,
-    imgProps: rest,
+    imgProps: imgProps,
     className: "__wab_img"
   }));
 });
@@ -2977,9 +2985,7 @@ function useTriggeredOverlay(plasmicClass, props, config, outerRef) {
     restoreFocus: true
   }, React.createElement(reactAria.DismissButton, {
     onDismiss: state.close
-  }), children, React.createElement(reactAria.DismissButton, {
-    onDismiss: state.close
-  })), _extends2));
+  }), children), _extends2));
 
   var overrides = (_overrides = {}, _overrides[config.root] = {
     props: mergeProps(overlayProps, getStyleProps(props), {