@uncinc/uncinc-react-kitchen-sink 2.21.3 → 2.22.0

package/dist/components/Lottie/LottieAnimation/index.js

@@ -14,8 +14,9 @@ var DIRECTION_BACKWARDS = -1;
 var LottieAnimation = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var id = props.id,
     className = props.className,
-    _props$ariaLabel = props.ariaLabel,
-    ariaLabel = _props$ariaLabel === void 0 ? 'animation' : _props$ariaLabel,
+    ariaLabel = props.ariaLabel,
+    _props$ariaHidden = props.ariaHidden,
+    ariaHidden = _props$ariaHidden === void 0 ? false : _props$ariaHidden,
     data = props.data,
     path = props.path,
     _props$renderer = props.renderer,
@@ -176,7 +177,8 @@ var LottieAnimation = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement("div", _extends({
     className: lottieClasses,
     id: "lottie--".concat(lottieId),
-    "aria-label": ariaLabel
+    "aria-label": ariaLabel,
+    "aria-hidden": ariaHidden
     // Only make the Lottie interactable if we provide the necessary props,
     // otherwise it's just a plain div.
   }, pauseOnClick || activateOnHover ? {
@@ -186,6 +188,8 @@ var LottieAnimation = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onMouseLeave: onMouseLeave,
     onClick: onClick,
     onKeyDown: onKeyDown
-  } : {}));
+  } : {
+    role: 'img'
+  }));
 });
 export default LottieAnimation;

package/dist/components/Lottie/types.d.ts

@@ -11,7 +11,8 @@ export interface LottieConfig<T extends RendererType = 'svg'> extends Omit<Anima
 export interface LottieProps extends Omit<Partial<LottieConfig>, 'animationData' | 'autoplay'> {
     id?: string;
     className?: string;
-    ariaLabel?: string;
+    ariaLabel: string;
+    ariaHidden?: boolean;
     data?: unknown;
     autoPlay?: AnimationConfig['autoplay'];
     delay?: number;

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

@@ -1,5 +1,5 @@
 export default Share;
-declare function Share({ title, pageTitle, url, items, onClick, customItems, withLabels, headingLevel }: {
+declare function Share({ title, pageTitle, url, items, onClick, customItems, withLabels, headingLevel, isDropdown }: {
     title: any;
     pageTitle: any;
     url: any;
@@ -8,6 +8,7 @@ declare function Share({ title, pageTitle, url, items, onClick, customItems, wit
     customItems: any;
     withLabels: any;
     headingLevel?: number | undefined;
+    isDropdown?: boolean | undefined;
 }): React.JSX.Element;
 declare namespace Share {
     namespace defaultProps {
@@ -18,6 +19,7 @@ declare namespace Share {
         function onClick(): void;
         let withLabels: boolean;
         let customItems: {};
+        let isDropdown: boolean;
     }
 }
 import React from 'react';

package/dist/components/Share/index.js

@@ -1,3 +1,4 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
 import { EmailShareButton, FacebookShareButton, LinkedinShareButton, TwitterShareButton, WhatsappShareButton, PinterestShareButton, RedditShareButton, TelegramShareButton } from 'react-share';
 import './style.scss';
@@ -44,7 +45,9 @@ var Share = function Share(_ref2) {
     customItems = _ref2.customItems,
     withLabels = _ref2.withLabels,
     _ref2$headingLevel = _ref2.headingLevel,
-    headingLevel = _ref2$headingLevel === void 0 ? 3 : _ref2$headingLevel;
+    headingLevel = _ref2$headingLevel === void 0 ? 3 : _ref2$headingLevel,
+    _ref2$isDropdown = _ref2.isDropdown,
+    isDropdown = _ref2$isDropdown === void 0 ? true : _ref2$isDropdown;
   var HeadingTag = "h".concat(headingLevel);
   var windowUrl = url || window.location.href;
   var buttons = items.map(function (item) {
@@ -65,10 +68,12 @@ var Share = function Share(_ref2) {
     className: "Share"
   }, /*#__PURE__*/React.createElement("div", {
     className: "Share__wrapper"
-  }, /*#__PURE__*/React.createElement(HeadingTag, {
-    className: "Share__title",
-    tabIndex: "0"
-  }, title), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(HeadingTag, _extends({
+    className: "Share__title"
+  }, isDropdown && {
+    tabIndex: '0',
+    role: 'button'
+  }), title), /*#__PURE__*/React.createElement("div", {
     className: "Share__buttons"
   }, buttons)));
 };
@@ -79,6 +84,7 @@ Share.defaultProps = {
   items: ['mail', 'facebook', 'linkedin', 'twitter', 'whatsapp'],
   onClick: function onClick() {},
   withLabels: false,
-  customItems: {}
+  customItems: {},
+  isDropdown: true
 };
 export default Share;

package/package.json

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