Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-ronin

Package Overview
Dependencies
Maintainers
1
Versions
104
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-ronin - npm Package Compare versions

Comparing version 2.2.5-dependabot-npm-and-yarn-types-react-18.3.3-experimental.0 to 2.2.5

12

dist/components/image.client.d.ts

@@ -0,1 +1,2 @@

/// <reference types="web" />
import React from "react";

@@ -45,4 +46,13 @@ import type { StoredObject } from "ronin/types";

loading?: "lazy";
/**
* The class names for the image container (not the image itself).
*
*/
className?: string;
/**
* The inline style for the image container (not the image itself).
*/
style?: React.CSSProperties;
}
declare const Image: ({ src: input, alt, size: defaultSize, width: defaultWidth, height: defaultHeight, quality, loading, }: ImageProps) => React.JSX.Element;
declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLDivElement>>;
export default Image;

9

dist/components/image.client.js
"use client";
import React, { useCallback, useRef } from "react";
const Image = ({ src: input, alt, size: defaultSize, width: defaultWidth, height: defaultHeight, quality, loading, }) => {
import React, { useCallback, useRef, forwardRef } from "react";
const Image = forwardRef(({ src: input, alt, size: defaultSize, width: defaultWidth, height: defaultHeight, quality, loading, style, className, }, ref) => {
const imageElement = useRef(null);

@@ -44,3 +44,3 @@ const renderTime = useRef(Date.now());

}, []);
return (React.createElement("div", { style: {
return (React.createElement("div", { ref: ref, className: className, style: {
position: "relative",

@@ -51,2 +51,3 @@ overflow: "hidden",

height: height || "100%",
...style,
} },

@@ -60,3 +61,3 @@ placeholder && (React.createElement("img", { style: { position: "absolute", width: "100%", height: "100%" }, src: placeholder, alt: alt })),

}, decoding: "async", onLoad: onLoad, loading: loading, ref: imageElement, src: source, srcSet: responsiveSource })));
};
});
export default Image;
{
"name": "react-ronin",
"version": "2.2.5-dependabot-npm-and-yarn-types-react-18.3.3-experimental.0",
"version": "2.2.5",
"license": "Apache-2.0",

@@ -64,3 +64,3 @@ "main": "dist/index.js",

"husky": "9.0.11",
"lint-staged": "15.2.4",
"lint-staged": "15.2.5",
"msw": "2.3.0",

@@ -67,0 +67,0 @@ "react": "18.3.1",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc