@uncinc/uncinc-react-kitchen-sink 2.7.14 → 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/Form/Checkboxes/index.js

@@ -1,3 +1,4 @@
+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 _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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -33,7 +34,8 @@ function Checkbox(props) {
       'icon-before': true,
       'icon-checkmark': true,
       'icon-variant-0': !checked,
-      'icon-variant-1': checked
+      'icon-variant-1': checked,
+      'disabled': disabled
     });
     var checkedValues = function checkedValues() {
       // The value we return here is based on the current state, meaning,
@@ -144,9 +146,11 @@ var Checkboxes = function Checkboxes(props) {
     touched: isTouched,
     error: error,
     displayRequiredIndicator: displayRequiredIndicator
-  }, Object.keys(options).map(function (value) {
-    var label = options[value];
-    var description = descriptions[value] || null;
+  }, Object.keys(options).map(function (item) {
+    var label = _typeof(options[item]) === 'object' ? options[item].label : options[item];
+    var value = _typeof(options[item]) === 'object' ? options[item].value : item;
+    var optionDisabled = disabled || _typeof(options[item]) === 'object' && options[item].disabled;
+    var description = descriptions[value] || _typeof(options[item]) === 'object' && options[item].description || null;
     return /*#__PURE__*/React.createElement(Checkbox, {
       key: value,
       label: label,
@@ -159,7 +163,7 @@ var Checkboxes = function Checkboxes(props) {
       value: value,
       placeholder: placeholder,
       validate: handleValidation,
-      disabled: disabled,
+      disabled: optionDisabled,
       otherLabel: otherLabel,
       otherPlaceholder: otherPlaceholder,
       onChange: onChange

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

@@ -1,3 +1,4 @@
+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 _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 { Field } from 'formik';
@@ -25,10 +26,10 @@ var Radio = function Radio(props) {
       // represented as numbers.
       /* eslint-disable */
       'icon-variant-0': !(field.value && field.value == props.value),
-      'icon-variant-1': field.value && field.value == props.value
+      'icon-variant-1': field.value && field.value == props.value,
       /* eslint-enable */
+      'disabled': disabled
     });
-
     if (props.value === '__other__') {
       var inputClasses = c({
         hidden: field.value !== '__other__'
@@ -117,9 +118,11 @@ var RadioButtons = function RadioButtons(props) {
     touched: isTouched,
     error: error,
     displayRequiredIndicator: displayRequiredIndicator
-  }, Object.keys(options).map(function (value) {
-    var label = options[value];
-    var description = descriptions[value] || null;
+  }, Object.keys(options).map(function (item) {
+    var label = _typeof(options[item]) === 'object' ? options[item].label : options[item];
+    var value = _typeof(options[item]) === 'object' ? options[item].value : item;
+    var optionDisabled = disabled || _typeof(options[item]) === 'object' && options[item].disabled;
+    var description = descriptions[value] || _typeof(options[item]) === 'object' && options[item].description || null;
     return /*#__PURE__*/React.createElement(Radio, {
       key: value,
       label: label,
@@ -134,7 +137,7 @@ var RadioButtons = function RadioButtons(props) {
       validate: handleValidation,
       otherLabel: otherLabel,
       otherPlaceholder: otherPlaceholder,
-      disabled: disabled,
+      disabled: optionDisabled,
       onChange: onChange
     });
   }));

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.14",
+  "version": "2.7.16",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",