@uncinc/uncinc-react-kitchen-sink 2.20.6 → 2.20.7

package/dist/components/Image/AdaptivePicture/index.d.ts

@@ -6,6 +6,7 @@ interface Props extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src'> {
     objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
     aspectRatio?: number | string;
     resizeDelay?: number;
+    role?: 'presentation' | 'none';
 }
 declare const AdaptivePicture: React.FC<Props>;
 export default AdaptivePicture;

package/dist/components/Image/AdaptivePicture/index.js

@@ -20,7 +20,8 @@ var AdaptivePicture = function AdaptivePicture(_ref) {
     _ref$aspectRatio = _ref.aspectRatio,
     aspectRatio = _ref$aspectRatio === void 0 ? 1 : _ref$aspectRatio,
     _ref$resizeDelay = _ref.resizeDelay,
-    resizeDelay = _ref$resizeDelay === void 0 ? 100 : _ref$resizeDelay;
+    resizeDelay = _ref$resizeDelay === void 0 ? 100 : _ref$resizeDelay,
+    role = _ref.role;
   var sourcesAsArray = Array.isArray(src) ? src : [src];
   var validatedSources = sourcesAsArray.filter(isValidImage);
   var fallbackImage = validatedSources[0];
@@ -129,7 +130,8 @@ var AdaptivePicture = function AdaptivePicture(_ref) {
     },
     src: loadedUrl,
     ref: imageRef,
-    alt: alt
+    alt: role === 'presentation' ? '' : alt,
+    role: role
   });
 };
 export default AdaptivePicture;

package/dist/components/Image/Picture/index.js

@@ -4,7 +4,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 import React from 'react';
 import Immutable from 'immutable';
-import path from 'path';
 import PropTypes from 'prop-types';
 import mimeTypes from './data/ext-to-mime-types.json';
 import './style.scss';
@@ -19,15 +18,17 @@ var Picture = function Picture(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var width = props.width,
     height = props.height,
-    alt = props.alt,
-    title = props.title;
+    title = props.title,
+    role = props.role;
+  var alt = role === 'presentation' ? '' : props.alt;
   var attrs = {
     className: className,
     typeof: 'foaf:Image',
     width: width,
     height: height,
     alt: alt,
-    title: title
+    title: title,
+    role: role
   };
   var getMimeType = function getMimeType(url) {
     var extension = getImageExtension(url);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.20.6",
+  "version": "2.20.7",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",