@micromag/element-image 0.3.832 → 0.4.4

package/assets/css/styles.css

@@ -1 +1 @@
-.micromag-element-image-container .micromag-element-image-showEmpty{margin:5px auto}.micromag-element-image-container{overflow:hidden;position:relative}.micromag-element-image-container .micromag-element-image-img{display:block;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.micromag-element-image-container .micromag-element-image-showEmpty{border:2px dashed #343434;color:#343434;height:200px;width:300px}
+.container{overflow:hidden;position:relative}.container .img{display:block;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .showEmpty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:200px;margin:5px auto;width:300px}

package/es/index.d.ts

@@ -0,0 +1,5 @@
+import * as react from 'react';
+
+declare const _default: react.ForwardRefExoticComponent<react.RefAttributes<unknown>>;
+
+export { _default as default };

package/es/index.js

@@ -3,64 +3,41 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { getSizeWithinBounds } from '@folklore/size';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React, { forwardRef, useState, useRef, useCallback } from 'react';
-import { PropTypes as PropTypes$1 } from '@micromag/core';
 import { useSetting } from '@micromag/core/contexts';
 import { getOptimalImageUrl } from '@micromag/core/utils';
 
-var styles = {"container":"micromag-element-image-container","img":"micromag-element-image-img"};
+var styles = {"container":"container","img":"img"};
 
-var propTypes = {
-  media: PropTypes$1.imageMedia,
-  alt: PropTypes.string,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  resolution: PropTypes.number,
-  objectFit: PropTypes$1.objectFit,
-  containerStyle: PropTypes$1.containerStyle,
-  imageStyle: PropTypes$1.containerStyle,
-  className: PropTypes.string,
-  imageClassName: PropTypes.string,
-  onLoaded: PropTypes.func,
-  loadingMode: PropTypes.string,
-  shouldLoad: PropTypes.bool,
-  containerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any
-  })])
-};
-var defaultProps = {
-  media: null,
-  alt: null,
-  width: null,
-  height: null,
-  resolution: 1,
-  objectFit: null,
-  containerStyle: {},
-  //
-  imageStyle: {},
-  className: null,
-  imageClassName: null,
-  onLoaded: null,
-  loadingMode: 'lazy',
-  shouldLoad: true,
-  containerRef: null
-};
-var Image = function Image(_ref) {
-  var media = _ref.media,
-    alt = _ref.alt,
-    width = _ref.width,
-    height = _ref.height,
-    resolution = _ref.resolution,
-    objectFit = _ref.objectFit,
-    containerStyle = _ref.containerStyle,
-    imageStyle = _ref.imageStyle,
-    className = _ref.className,
-    imageClassName = _ref.imageClassName,
-    onLoaded = _ref.onLoaded,
-    loadingMode = _ref.loadingMode,
-    shouldLoad = _ref.shouldLoad,
-    containerRef = _ref.containerRef;
+function Image(_ref) {
+  var _ref$media = _ref.media,
+    media = _ref$media === void 0 ? null : _ref$media,
+    _ref$alt = _ref.alt,
+    alt = _ref$alt === void 0 ? null : _ref$alt,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? null : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? null : _ref$height,
+    _ref$resolution = _ref.resolution,
+    resolution = _ref$resolution === void 0 ? 1 : _ref$resolution,
+    _ref$objectFit = _ref.objectFit,
+    objectFit = _ref$objectFit === void 0 ? null : _ref$objectFit,
+    _ref$containerStyle = _ref.containerStyle,
+    containerStyle = _ref$containerStyle === void 0 ? {} : _ref$containerStyle,
+    _ref$imageStyle = _ref.imageStyle,
+    imageStyle = _ref$imageStyle === void 0 ? {} : _ref$imageStyle,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$imageClassName = _ref.imageClassName,
+    imageClassName = _ref$imageClassName === void 0 ? null : _ref$imageClassName,
+    _ref$onLoaded = _ref.onLoaded,
+    onLoaded = _ref$onLoaded === void 0 ? null : _ref$onLoaded,
+    _ref$loadingMode = _ref.loadingMode,
+    loadingMode = _ref$loadingMode === void 0 ? 'lazy' : _ref$loadingMode,
+    _ref$shouldLoad = _ref.shouldLoad,
+    shouldLoad = _ref$shouldLoad === void 0 ? true : _ref$shouldLoad,
+    _ref$containerRef = _ref.containerRef,
+    containerRef = _ref$containerRef === void 0 ? null : _ref$containerRef;
   var _ref2 = media || {},
     _ref2$metadata = _ref2.metadata,
     metadata = _ref2$metadata === void 0 ? null : _ref2$metadata;
@@ -202,9 +179,7 @@ var Image = function Image(_ref) {
     onLoad: onImageLoaded,
     loading: loadingMode
   }) : null);
-};
-Image.propTypes = propTypes;
-Image.defaultProps = defaultProps;
+}
 var Image_default = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Image, Object.assign({
     containerRef: ref

package/es/styles.css

@@ -0,0 +1 @@
+.container{overflow:hidden;position:relative}.container .img{display:block;pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container .showEmpty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:200px;margin:5px auto;width:300px}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-image",
-    "version": "0.3.832",
+    "version": "0.4.4",
     "private": false,
     "description": "",
     "keywords": [
@@ -34,6 +34,7 @@
     "module": "es/index.js",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -47,28 +48,28 @@
     "scripts": {
         "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
         "@folklore/size": "^0.1.20",
-        "@micromag/core": "^0.3.832",
+        "@micromag/core": "^0.4.4",
         "classnames": "^2.2.6",
-        "prop-types": "^15.7.2",
-        "react-intl": "^6.6.4",
+        "react-intl": "^8.1.3",
         "uuid": "^9.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
+    "types": "es/index.d.ts"
 }