@uncinc/uncinc-react-kitchen-sink 2.7.15 → 2.7.16

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

@@ -16,7 +16,7 @@ declare namespace Dialog {
         let disableClosers: PropTypes.Requireable<boolean>;
     }
     namespace defaultProps {
-        let id_1: string;
+        let id_1: undefined;
         export { id_1 as id };
         let title_1: null;
         export { title_1 as title };

package/dist/components/Dialog/index.js

@@ -4,7 +4,6 @@ import { createPortal } from 'react-dom';
 import { RemoveScroll } from 'react-remove-scroll';
 import { useTranslation } from 'react-i18next';
 import PropTypes from 'prop-types';
-import { v4 as uuidv4 } from 'uuid';
 import useDialogHelpers from '../../hooks/useDialogHelpers';
 import './style.scss';
 var Dialog = function Dialog(props) {
@@ -31,10 +30,12 @@ var Dialog = function Dialog(props) {
       disableClosers: disableClosers
     }),
     labelId = _useDialogHelpers.labelId,
-    dialogHelpersProps = _useDialogHelpers.dialogHelpersProps;
+    dialogHelpersProps = _useDialogHelpers.dialogHelpersProps,
+    dialogId = _useDialogHelpers.id;
   if (!isOpen) return null;
   return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", {
-    className: "Dialog"
+    className: "Dialog",
+    id: dialogId
   }, /*#__PURE__*/React.createElement("div", _extends({
     className: "Dialog__wrapper"
   }, dialogHelpersProps, {
@@ -79,7 +80,7 @@ Dialog.propTypes = {
   disableClosers: PropTypes.bool
 };
 Dialog.defaultProps = {
-  id: uuidv4(),
+  id: undefined,
   title: null,
   showCloseButton: false,
   closeButtonText: 'Close',

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

@@ -1,16 +1,28 @@
 export default CopyToClipboard;
-declare function CopyToClipboard({ text, copyResetTimeout }: {
+declare function CopyToClipboard({ text, copyResetTimeout, icon, copyText, copiedText }: {
     text: any;
     copyResetTimeout: any;
-}): React.JSX.Element;
+    icon: any;
+    copyText: any;
+    copiedText: any;
+}): false | React.JSX.Element;
 declare namespace CopyToClipboard {
     namespace propTypes {
         let text: PropTypes.Validator<string>;
         let copyResetTimeout: PropTypes.Requireable<number>;
+        let icon: PropTypes.Requireable<string>;
+        let copyText: PropTypes.Requireable<string>;
+        let copiedText: PropTypes.Requireable<string>;
     }
     namespace defaultProps {
         let copyResetTimeout_1: number;
         export { copyResetTimeout_1 as copyResetTimeout };
+        let icon_1: string;
+        export { icon_1 as icon };
+        let copyText_1: string;
+        export { copyText_1 as copyText };
+        let copiedText_1: string;
+        export { copiedText_1 as copiedText };
     }
 }
 import React from 'react';

package/dist/components/Share/CopyToClipboard/index.js

@@ -12,58 +12,81 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 var CopyToClipboard = function CopyToClipboard(_ref) {
   var text = _ref.text,
-    copyResetTimeout = _ref.copyResetTimeout;
+    copyResetTimeout = _ref.copyResetTimeout,
+    icon = _ref.icon,
+    copyText = _ref.copyText,
+    copiedText = _ref.copiedText;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     copySuccess = _useState2[0],
     setCopySuccess = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    copyPermission = _useState4[0],
+    setCopyPermission = _useState4[1];
+
+  // Only render the element if permission is granted
+  navigator.permissions.query({
+    name: 'clipboard-write'
+  }).then(function (result) {
+    if (result.state === 'granted' || result.state === 'prompt') {
+      setCopyPermission(true);
+    }
+  }).catch(function (err) {
+    return console.log('Copy to clipboard not supported: ', err);
+  });
   var copyContent = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            navigator.permissions.query({
-              name: 'clipboard-write'
-            });
-            _context.prev = 1;
-            _context.next = 4;
+            _context.prev = 0;
+            _context.next = 3;
             return navigator.clipboard.writeText(text);
-          case 4:
+          case 3:
             setCopySuccess(true);
-            _context.next = 10;
+            _context.next = 9;
             break;
-          case 7:
-            _context.prev = 7;
-            _context.t0 = _context["catch"](1);
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
             console.error('Failed to copy: ', _context.t0);
-          case 10:
+          case 9:
             setTimeout(function () {
               setCopySuccess(false);
             }, copyResetTimeout);
-          case 11:
+          case 10:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[1, 7]]);
+      }, _callee, null, [[0, 6]]);
     }));
     return function copyContent() {
       return _ref2.apply(this, arguments);
     };
   }();
-  return /*#__PURE__*/React.createElement("div", {
+  return copyPermission && /*#__PURE__*/React.createElement("div", {
     className: "CopyToClipboard Share__item-wrapper ".concat(copySuccess ? 'copySuccess' : '')
   }, /*#__PURE__*/React.createElement("div", {
     onClick: copyContent,
     className: "Share__item copy"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "icon icon-arrow-right"
-  }), /*#__PURE__*/React.createElement("span", null, copySuccess ? 'Copied!' : 'Copy')));
+    className: "icon icon-".concat(icon)
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "Share__item__label"
+  }, copySuccess ? copiedText : copyText)));
 };
 CopyToClipboard.propTypes = {
   text: PropTypes.string.isRequired,
-  copyResetTimeout: PropTypes.number
+  copyResetTimeout: PropTypes.number,
+  icon: PropTypes.string,
+  copyText: PropTypes.string,
+  copiedText: PropTypes.string
 };
 CopyToClipboard.defaultProps = {
-  copyResetTimeout: 3000
+  copyResetTimeout: 3000,
+  icon: 'arrow-right',
+  copyText: 'Copy',
+  copiedText: 'Copied!'
 };
 export default CopyToClipboard;

package/dist/index.d.ts

@@ -55,6 +55,7 @@ export { default as MediaPlayer } from "./components/MediaPlayer";
 export { default as PDFReader } from "./components/PDFReader";
 export { default as Quote } from "./organisms/Quote";
 export { default as Share } from "./components/Share";
+export { default as CopyToClipboard } from "./components/Share/CopyToClipboard";
 export { default as SliderRelated } from "./components/Sliders/SliderRelated";
 export { default as Text } from "./organisms/Text";
 export { default as ImageGrid } from "./organisms/ImageGrid";

package/dist/index.js

@@ -62,6 +62,7 @@ export { default as MediaPlayer } from './components/MediaPlayer';
 export { default as PDFReader } from './components/PDFReader';
 export { default as Quote } from './organisms/Quote';
 export { default as Share } from './components/Share';
+export { default as CopyToClipboard } from './components/Share/CopyToClipboard';
 export { default as SliderRelated } from './components/Sliders/SliderRelated';
 export { default as Text } from './organisms/Text';
 export { default as ImageGrid } from './organisms/ImageGrid';

package/package.json

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