Socket
Socket
Sign inDemoInstall

@s-ui/react-atom-image

Package Overview
Dependencies
Maintainers
1
Versions
26
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@s-ui/react-atom-image - npm Package Compare versions

Comparing version 2.10.0 to 2.11.0

lib/ErrorImage.js

48

lib/index.js

@@ -8,39 +8,21 @@ import _extends from "@babel/runtime/helpers/esm/extends";

import { htmlImgProps } from './types.js';
import { BASE_CLASS, BASE_CLASS_FIGURE, CLASS_PLACEHOLDER, CLASS_SKELETON, CLASS_IMAGE, CLASS_SPINNER, CLASS_ERROR } from './settings.js';
import ErrorImage from './ErrorImage.js';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var BASE_CLASS = 'sui-AtomImage';
var BASE_CLASS_FIGURE = BASE_CLASS + "-figure";
var CLASS_PLACEHOLDER = BASE_CLASS_FIGURE + "--placeholder";
var CLASS_SKELETON = BASE_CLASS_FIGURE + "--skeleton";
var CLASS_IMAGE = BASE_CLASS + "-image";
var CLASS_SPINNER = BASE_CLASS + "-spinner";
var CLASS_ERROR = BASE_CLASS + "-error";
/* eslint-disable-next-line react/prop-types */
var ErrorImage = function ErrorImage(_ref) {
var className = _ref.className,
Icon = _ref.icon,
text = _ref.text;
return /*#__PURE__*/_jsxs("div", {
className: className,
children: [Icon, Boolean(text) && /*#__PURE__*/_jsx("p", {
children: text
})]
});
};
var AtomImage = function AtomImage(_ref) {
var placeholder = _ref.placeholder,
skeleton = _ref.skeleton,
bgStyles = _ref.bgStyles,
Spinner = _ref.spinner,
errorIcon = _ref.errorIcon,
errorText = _ref.errorText,
onError = _ref.onError,
onLoad = _ref.onLoad,
_ref$sources = _ref.sources,
sources = _ref$sources === void 0 ? [] : _ref$sources,
alt = _ref.alt,
imgProps = _objectWithoutPropertiesLoose(_ref, _excluded);
var AtomImage = function AtomImage(_ref2) {
var placeholder = _ref2.placeholder,
skeleton = _ref2.skeleton,
bgStyles = _ref2.bgStyles,
Spinner = _ref2.spinner,
errorIcon = _ref2.errorIcon,
errorText = _ref2.errorText,
onError = _ref2.onError,
onLoad = _ref2.onLoad,
_ref2$sources = _ref2.sources,
sources = _ref2$sources === void 0 ? [] : _ref2$sources,
alt = _ref2.alt,
imgProps = _objectWithoutPropertiesLoose(_ref2, _excluded);
var imageRef = useRef();

@@ -47,0 +29,0 @@

{
"name": "@s-ui/react-atom-image",
"version": "2.10.0",
"version": "2.11.0",
"description": "",
"main": "lib/index.js",
"scripts": {
"prepare": "npm run build:js && npm run build:styles",
"prepublishOnly": "rimraf ./lib && npm run build:js && npm run build:styles",
"build:js": "babel --presets sui ./src --out-dir ./lib",

@@ -9,0 +9,0 @@ "build:styles": "cpx './src/**/*.scss' ./lib"

Sorry, the diff of this file is not supported yet

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