@storybook/components 6.1.12 → 6.1.17

package/dist/syntaxhighlighter/syntaxhighlighter.js

@@ -34,6 +34,8 @@ require("core-js/modules/es.object.keys");
 
 require("core-js/modules/es.object.to-string");
 
+require("core-js/modules/es.promise");
+
 require("core-js/modules/es.regexp.to-string");
 
 require("core-js/modules/es.string.iterator");
@@ -55,6 +57,8 @@ Object.defineProperty(exports, "createSyntaxHighlighterElement", {
 });
 exports.SyntaxHighlighter = void 0;
 
+require("regenerator-runtime/runtime");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _clientLogger = require("@storybook/client-logger");
@@ -109,6 +113,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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; }
 
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -154,17 +162,58 @@ var themedSyntax = (0, _memoizerific["default"])(2)(function (theme) {
     return Object.assign({}, acc, _defineProperty({}, "* .".concat(key), val));
   }, {});
 });
+var copyToClipboard;
 
-var Wrapper = _theming.styled.div(function (_ref3) {
-  var theme = _ref3.theme;
+if (_global.navigator.clipboard) {
+  copyToClipboard = function copyToClipboard(text) {
+    return _global.navigator.clipboard.writeText(text);
+  };
+} else {
+  copyToClipboard = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(text) {
+      var tmp, focus;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              tmp = _global.document.createElement('TEXTAREA');
+              focus = _global.document.activeElement;
+              tmp.value = text;
+
+              _global.document.body.appendChild(tmp);
+
+              tmp.select();
+
+              _global.document.execCommand('copy');
+
+              _global.document.body.removeChild(tmp);
+
+              focus.focus();
+
+            case 8:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function copyToClipboard(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+}
+
+var Wrapper = _theming.styled.div(function (_ref4) {
+  var theme = _ref4.theme;
   return {
     position: 'relative',
     overflow: 'hidden',
     color: theme.color.defaultText
   };
-}, function (_ref4) {
-  var theme = _ref4.theme,
-      bordered = _ref4.bordered;
+}, function (_ref5) {
+  var theme = _ref5.theme,
+      bordered = _ref5.bordered;
   return bordered ? {
     border: "1px solid ".concat(theme.appBorderColor),
     borderRadius: theme.borderRadius,
@@ -172,9 +221,9 @@ var Wrapper = _theming.styled.div(function (_ref3) {
   } : {};
 });
 
-var Scroller = (0, _theming.styled)(function (_ref5) {
-  var children = _ref5.children,
-      className = _ref5.className;
+var Scroller = (0, _theming.styled)(function (_ref6) {
+  var children = _ref6.children,
+      className = _ref6.className;
   return /*#__PURE__*/_react["default"].createElement(_ScrollArea.ScrollArea, {
     horizontal: true,
     vertical: true,
@@ -182,21 +231,21 @@ var Scroller = (0, _theming.styled)(function (_ref5) {
   }, children);
 })({
   position: 'relative'
-}, function (_ref6) {
-  var theme = _ref6.theme;
+}, function (_ref7) {
+  var theme = _ref7.theme;
   return {
     '& code': {
       paddingRight: theme.layoutMargin
     }
   };
-}, function (_ref7) {
-  var theme = _ref7.theme;
+}, function (_ref8) {
+  var theme = _ref8.theme;
   return themedSyntax(theme);
 });
 
-var Pre = _theming.styled.pre(function (_ref8) {
-  var theme = _ref8.theme,
-      padded = _ref8.padded;
+var Pre = _theming.styled.pre(function (_ref9) {
+  var theme = _ref9.theme,
+      padded = _ref9.padded;
   return {
     display: 'flex',
     justifyContent: 'flex-start',
@@ -211,23 +260,23 @@ var Code = _theming.styled.code({
   opacity: 1
 });
 
-var SyntaxHighlighter = function SyntaxHighlighter(_ref9) {
-  var children = _ref9.children,
-      _ref9$language = _ref9.language,
-      language = _ref9$language === void 0 ? 'jsx' : _ref9$language,
-      _ref9$copyable = _ref9.copyable,
-      copyable = _ref9$copyable === void 0 ? false : _ref9$copyable,
-      _ref9$bordered = _ref9.bordered,
-      bordered = _ref9$bordered === void 0 ? false : _ref9$bordered,
-      _ref9$padded = _ref9.padded,
-      padded = _ref9$padded === void 0 ? false : _ref9$padded,
-      _ref9$format = _ref9.format,
-      format = _ref9$format === void 0 ? true : _ref9$format,
-      _ref9$className = _ref9.className,
-      className = _ref9$className === void 0 ? null : _ref9$className,
-      _ref9$showLineNumbers = _ref9.showLineNumbers,
-      showLineNumbers = _ref9$showLineNumbers === void 0 ? false : _ref9$showLineNumbers,
-      rest = _objectWithoutProperties(_ref9, ["children", "language", "copyable", "bordered", "padded", "format", "className", "showLineNumbers"]);
+var SyntaxHighlighter = function SyntaxHighlighter(_ref10) {
+  var children = _ref10.children,
+      _ref10$language = _ref10.language,
+      language = _ref10$language === void 0 ? 'jsx' : _ref10$language,
+      _ref10$copyable = _ref10.copyable,
+      copyable = _ref10$copyable === void 0 ? false : _ref10$copyable,
+      _ref10$bordered = _ref10.bordered,
+      bordered = _ref10$bordered === void 0 ? false : _ref10$bordered,
+      _ref10$padded = _ref10.padded,
+      padded = _ref10$padded === void 0 ? false : _ref10$padded,
+      _ref10$format = _ref10.format,
+      format = _ref10$format === void 0 ? true : _ref10$format,
+      _ref10$className = _ref10.className,
+      className = _ref10$className === void 0 ? null : _ref10$className,
+      _ref10$showLineNumber = _ref10.showLineNumbers,
+      showLineNumbers = _ref10$showLineNumber === void 0 ? false : _ref10$showLineNumber,
+      rest = _objectWithoutProperties(_ref10, ["children", "language", "copyable", "bordered", "padded", "format", "className", "showLineNumbers"]);
 
   if (typeof children !== 'string' || !children.trim()) {
     return null;
@@ -242,8 +291,7 @@ var SyntaxHighlighter = function SyntaxHighlighter(_ref9) {
 
   var onClick = function onClick(e) {
     e.preventDefault();
-
-    _global.navigator.clipboard.writeText(highlightableCode).then(function () {
+    copyToClipboard(highlightableCode).then(function () {
       setCopied(true);
 
       _global.window.setTimeout(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/components",
-  "version": "6.1.12",
+  "version": "6.1.17",
   "description": "Core Storybook Components",
   "keywords": [
     "storybook"
@@ -29,9 +29,9 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.5.4",
-    "@storybook/client-logger": "6.1.12",
+    "@storybook/client-logger": "6.1.17",
     "@storybook/csf": "0.0.1",
-    "@storybook/theming": "6.1.12",
+    "@storybook/theming": "6.1.17",
     "@types/overlayscrollbars": "^1.9.0",
     "@types/react-color": "^3.0.1",
     "@types/react-syntax-highlighter": "11.0.4",
@@ -60,7 +60,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9c114af32618d516ae9e6f73700fbb79273c95e2",
+  "gitHead": "c5f036719ab7098cc8e2bbccf3430b3c9c494a8f",
   "typesVersions": {
     "<3.8": {
       "*": [