@uncinc/uncinc-react-kitchen-sink 2.24.0 → 2.24.1

package/dist/components/Download/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface DownloadProps {
     source: string;
     title: string;
+    image?: string | string[];
     description?: string;
     filesize?: number;
     filename?: string;

package/dist/components/Download/index.js

@@ -8,20 +8,37 @@ import React from 'react';
 import c from 'classnames';
 import prettyBytes from 'pretty-bytes';
 import Icon from '../Icon';
-var Download = function Download(_ref) {
-  var source = _ref.source,
-    title = _ref.title,
-    _ref$description = _ref.description,
-    description = _ref$description === void 0 ? null : _ref$description,
-    _ref$filesize = _ref.filesize,
-    filesize = _ref$filesize === void 0 ? null : _ref$filesize,
-    _ref$filename = _ref.filename,
-    filename = _ref$filename === void 0 ? '' : _ref$filename,
-    materialIconName = _ref.materialIconName,
-    mime = _ref.mime,
-    _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_self' : _ref$target,
-    className = _ref.className;
+import Image from '../Image';
+var DownloadIcon = function DownloadIcon(_ref) {
+  var materialIconName = _ref.materialIconName,
+    mimeType = _ref.mimeType,
+    mimeSubType = _ref.mimeSubType;
+  if (materialIconName) {
+    return /*#__PURE__*/React.createElement(Icon, {
+      className: "Download__icon Icon-".concat(mimeType, " Icon-").concat(mimeSubType),
+      name: materialIconName,
+      flair: "outlined"
+    });
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    className: "Download__icon icon icon-download icon-".concat(mimeType, " icon-").concat(mimeSubType)
+  });
+};
+var Download = function Download(_ref2) {
+  var source = _ref2.source,
+    title = _ref2.title,
+    image = _ref2.image,
+    _ref2$description = _ref2.description,
+    description = _ref2$description === void 0 ? null : _ref2$description,
+    _ref2$filesize = _ref2.filesize,
+    filesize = _ref2$filesize === void 0 ? null : _ref2$filesize,
+    _ref2$filename = _ref2.filename,
+    filename = _ref2$filename === void 0 ? '' : _ref2$filename,
+    materialIconName = _ref2.materialIconName,
+    mime = _ref2.mime,
+    _ref2$target = _ref2.target,
+    target = _ref2$target === void 0 ? '_self' : _ref2$target,
+    className = _ref2.className;
   var classes = c('Download', className);
   var _mime$split = mime.split('/'),
     _mime$split2 = _slicedToArray(_mime$split, 2),
@@ -33,12 +50,20 @@ var Download = function Download(_ref) {
     target: target,
     href: source,
     rel: "noreferrer"
-  }, materialIconName ? /*#__PURE__*/React.createElement(Icon, {
-    className: "Download__icon Icon-".concat(mimeType, " Icon-").concat(mimeSubType),
-    name: materialIconName,
-    flair: "outlined"
-  }) : /*#__PURE__*/React.createElement("span", {
-    className: "Download__icon icon icon-download icon-".concat(mimeType, " icon-").concat(mimeSubType)
+  }, image ?
+  /*#__PURE__*/
+  // Thumbnail image is decorative: alt="" hides it from screen readers
+  // role="presentation" removes any implicit role from the element
+  React.createElement("div", {
+    className: "Download__image"
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: image,
+    alt: "",
+    role: "presentation"
+  })) : /*#__PURE__*/React.createElement(DownloadIcon, {
+    materialIconName: materialIconName,
+    mimeType: mimeType,
+    mimeSubType: mimeSubType
   }), /*#__PURE__*/React.createElement("div", {
     className: "Download__content"
   }, /*#__PURE__*/React.createElement("span", {
@@ -51,6 +76,10 @@ var Download = function Download(_ref) {
     className: "Download__extension"
   }, extension[0], "\xA0"), filesize && /*#__PURE__*/React.createElement("span", {
     className: "Download__filesize"
-  }, "(", prettyBytes(filesize), ")")));
+  }, "(", prettyBytes(filesize), ")")), image && /*#__PURE__*/React.createElement(DownloadIcon, {
+    materialIconName: materialIconName,
+    mimeType: mimeType,
+    mimeSubType: mimeSubType
+  }));
 };
 export default Download;

package/dist/organisms/Downloads/index.d.ts

@@ -1,11 +1,16 @@
 import React from 'react';
 import { DownloadProps } from '../../components/Download';
+export interface LinkProps {
+    href: string;
+    title: string;
+}
 export interface DownloadsProps {
     title?: string;
     text?: string;
     downloads: DownloadProps[];
     target?: HTMLAnchorElement['target'];
     materialIconName?: string;
+    links?: LinkProps[];
     className?: string;
 }
 declare const Downloads: React.FC<DownloadsProps>;

package/dist/organisms/Downloads/index.js

@@ -2,25 +2,37 @@ import React from 'react';
 import c from 'classnames';
 import Download from '../../components/Download';
 import TitleWithText from '../../components/TitleWithText';
+import Button from '../../components/Button';
 var Downloads = function Downloads(_ref) {
   var title = _ref.title,
     text = _ref.text,
     downloads = _ref.downloads,
     target = _ref.target,
     materialIconName = _ref.materialIconName,
-    className = _ref.className;
+    className = _ref.className,
+    links = _ref.links;
   var classes = c('Downloads', className);
   return /*#__PURE__*/React.createElement("div", {
     className: classes
   }, /*#__PURE__*/React.createElement(TitleWithText, {
     title: title,
     text: text
-  }), /*#__PURE__*/React.createElement("div", {
+  }), links && links.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "Downloads__links"
+  }, links.map(function (link) {
+    return /*#__PURE__*/React.createElement(Button, {
+      primary: false,
+      className: "Downloads__link",
+      href: link.href
+    }, link.title);
+  })), /*#__PURE__*/React.createElement("div", {
     className: "Downloads__files"
   }, downloads.map(function (download) {
     return /*#__PURE__*/React.createElement(Download, {
+      key: download.source,
       source: download.source,
       title: download.title,
+      image: download.image,
       description: download.description,
       filesize: download.filesize,
       filename: download.filename,

package/package.json

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