@uncinc/uncinc-react-kitchen-sink 2.20.11 → 2.20.13

package/dist/components/Dialog/index.js

@@ -9,6 +9,7 @@ import { RemoveScroll } from 'react-remove-scroll';
 import { useTranslation } from 'react-i18next';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { v4 as uuidv4 } from 'uuid';
 import useDialogHelpers from '../../hooks/useDialogHelpers';
 import './style.scss';
 var Dialog = function Dialog(props) {
@@ -37,14 +38,15 @@ var Dialog = function Dialog(props) {
   var TitleComponent = titleComponent;
   var WrapperComponent = wrapperComponent;
   var BackdropComponent = backdropComponent;
+  var uuid = uuidv4();
   var _useDialogHelpers = useDialogHelpers({
       id: id,
       wrapperElement: wrapper,
       closeFunction: closeFunction,
       isOpen: isOpen,
-      disableClosers: disableClosers
+      disableClosers: disableClosers,
+      ariaLabelledBy: uuid
     }),
-    labelId = _useDialogHelpers.labelId,
     dialogHelpersProps = _useDialogHelpers.dialogHelpersProps,
     dialogId = _useDialogHelpers.id;
   if (!isOpen) return null;
@@ -56,7 +58,7 @@ var Dialog = function Dialog(props) {
   }, dialogHelpersProps, {
     forwardRef: wrapper
   }), /*#__PURE__*/React.createElement("div", {
-    id: labelId,
+    id: uuid,
     className: "Dialog__sr-only"
   }, dialogLabel), TitleComponent && /*#__PURE__*/React.createElement("div", {
     className: "Dialog__title"

package/dist/components/Form/TextField/index.js

@@ -99,7 +99,7 @@ export var TextField = function TextField(props) {
     onKeyUp: handleChange,
     "aria-describedby": "".concat(error && isTouched ? errorId : '', " ").concat(description ? descriptionId : '').trim() || undefined,
     "aria-invalid": Boolean(error && isTouched),
-    autoComplete: autoCompleteField ? fieldName : undefined,
+    autoComplete: autoCompleteField || undefined,
     type: revealPassword ? 'text' : inputType,
     value: value,
     disabled: disabled,

package/dist/components/MediaPlayer/index.lazy.js

@@ -1,9 +1,13 @@
+var _excluded = ["src", "altVideoSrc", "type", "controls", "posterUrl", "options", "captions", "audioOnly", "notSupportedMessage", "className", "onReady", "onPlay", "autoPlay", "onPause", "onEnded", "onSeeking", "onVolumeChange", "onFullscreenChange", "onError"];
+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); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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, { useEffect, useMemo } from 'react';
 import c from 'classnames';
 import { useVideoJS } from 'react-hook-videojs';
@@ -31,7 +35,8 @@ var MediaPlayer = function MediaPlayer(_ref) {
     onSeeking = _ref.onSeeking,
     onVolumeChange = _ref.onVolumeChange,
     onFullscreenChange = _ref.onFullscreenChange,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    restProps = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var classNames = c('MediaPlayer', 'video-js', 'vjs-default-skin', 'vjs-big-play-centered', className);
@@ -96,6 +101,12 @@ var MediaPlayer = function MediaPlayer(_ref) {
   // Passing down the VideoJS events.
   useEffect(function () {
     if (ready) {
+      // VideoJS always puts aria-label="Video Player" and role="region" on the outer element,
+      // which cannot be overwritten by a property, so we remove them.
+      // ...restProps are being passed to the <video /> element within the outer element.
+      // So, use ...restProps to pass your aria-label and/or role
+      player.removeAttribute('role');
+      player.removeAttribute('aria-label');
       if (onReady) {
         onReady(player);
       }
@@ -106,7 +117,7 @@ var MediaPlayer = function MediaPlayer(_ref) {
         audioTracks.addTrack(new VideoJSTypes.AudioTrack({
           id: 'main',
           kind: 'main',
-          label: t('organisms.media_player.standard_audio'),
+          label: t('organisms.media_player.standard_audio', 'Standard audio'),
           language: altVideoSrc.language,
           enabled: true
         }));
@@ -115,7 +126,7 @@ var MediaPlayer = function MediaPlayer(_ref) {
         audioTracks.addTrack(new VideoJSTypes.AudioTrack({
           id: 'ad',
           kind: 'alternative',
-          label: t('organisms.media_player.alt_audio'),
+          label: t('organisms.media_player.alt_audio', 'Alternative audio'),
           language: altVideoSrc.language,
           enabled: false
         }));
@@ -190,9 +201,9 @@ var MediaPlayer = function MediaPlayer(_ref) {
     }
     // eslint-disable-next-line max-len
   }, [onEnded, onError, onFullscreenChange, onPause, onPlay, onSeeking, onVolumeChange, player, ready]);
-  return /*#__PURE__*/React.createElement(Video, {
+  return /*#__PURE__*/React.createElement(Video, _extends({}, restProps, {
     className: classNames
-  }, !audioOnlyMode && captions && captions.map(function (caption) {
+  }), !audioOnlyMode && captions && captions.map(function (caption) {
     var _caption$kind;
     return /*#__PURE__*/React.createElement("track", {
       key: "caption:".concat(caption.language),

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

@@ -1,5 +1,5 @@
 export default Share;
-declare function Share({ title, pageTitle, url, items, onClick, customItems, withLabels }: {
+declare function Share({ title, pageTitle, url, items, onClick, customItems, withLabels, headingLevel }: {
     title: any;
     pageTitle: any;
     url: any;
@@ -7,6 +7,7 @@ declare function Share({ title, pageTitle, url, items, onClick, customItems, wit
     onClick: any;
     customItems: any;
     withLabels: any;
+    headingLevel?: number | undefined;
 }): React.JSX.Element;
 declare namespace Share {
     namespace defaultProps {

package/dist/components/Share/index.js

@@ -42,7 +42,10 @@ var Share = function Share(_ref2) {
     items = _ref2.items,
     onClick = _ref2.onClick,
     customItems = _ref2.customItems,
-    withLabels = _ref2.withLabels;
+    withLabels = _ref2.withLabels,
+    _ref2$headingLevel = _ref2.headingLevel,
+    headingLevel = _ref2$headingLevel === void 0 ? 3 : _ref2$headingLevel;
+  var HeadingTag = "h".concat(headingLevel);
   var windowUrl = url || window.location.href;
   var buttons = items.map(function (item) {
     if (customItems && customItems[item]) {
@@ -62,7 +65,7 @@ var Share = function Share(_ref2) {
     className: "Share"
   }, /*#__PURE__*/React.createElement("div", {
     className: "Share__wrapper"
-  }, /*#__PURE__*/React.createElement("h3", {
+  }, /*#__PURE__*/React.createElement(HeadingTag, {
     className: "Share__title",
     tabIndex: "0"
   }, title), /*#__PURE__*/React.createElement("div", {

package/package.json

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