@itcase/storybook-config 1.1.58 → 1.1.59

package/dist/cjs/decorators.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var castArray = require('lodash/castArray');
 var Notifications = require('@itcase/ui/context/Notifications');
 var UIContext = require('@itcase/ui/context/UIContext');
 var index = require('./components/FormSubmitWrapper.js');
@@ -25,6 +26,36 @@ function withExtraProviders(providers) {
   };
 }
 
+function withFigmaSourceLink() {
+  var decorator = function decorator(Story, _ref) {
+    var parameters = _ref.parameters,
+      context = _ref.context;
+    var sourceLink = parameters.sourceLink || {};
+    if (parameters.design) {
+      var designList = castArray(parameters.design);
+      if (!sourceLink.links) {
+        sourceLink.links = {};
+      }
+      designList.forEach(function (design) {
+        sourceLink.links[design.type] = function () {
+          return {
+            label: 'Figma — ' + context.meta.title,
+            href: design.url,
+            icon: 'FigmaIcon'
+          };
+        };
+      });
+    }
+    var updatedContext = Object.assign({}, context, {
+      parameters: Object.assign({}, context.parameters, {
+        sourceLink: sourceLink
+      })
+    });
+    return /*#__PURE__*/React.createElement(Story, updatedContext);
+  };
+  return decorator;
+}
+
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -442,5 +473,6 @@ function withUiDecorator(Story, _ref) {
 }
 
 exports.withExtraProviders = withExtraProviders;
+exports.withFigmaSourceLink = withFigmaSourceLink;
 exports.withNextDecoratorFactory = withNextDecoratorFactory;
 exports.withUiDecorator = withUiDecorator;

package/dist/decorators.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import castArray from 'lodash/castArray';
 import { NotificationsProvider } from '@itcase/ui/context/Notifications';
 import { UIProvider } from '@itcase/ui/context/UIContext';
 import { FormSubmitWrapper } from './components/FormSubmitWrapper.js';
@@ -23,6 +24,36 @@ function withExtraProviders(providers) {
   };
 }
 
+function withFigmaSourceLink() {
+  var decorator = function decorator(Story, _ref) {
+    var parameters = _ref.parameters,
+      context = _ref.context;
+    var sourceLink = parameters.sourceLink || {};
+    if (parameters.design) {
+      var designList = castArray(parameters.design);
+      if (!sourceLink.links) {
+        sourceLink.links = {};
+      }
+      designList.forEach(function (design) {
+        sourceLink.links[design.type] = function () {
+          return {
+            label: 'Figma — ' + context.meta.title,
+            href: design.url,
+            icon: 'FigmaIcon'
+          };
+        };
+      });
+    }
+    var updatedContext = Object.assign({}, context, {
+      parameters: Object.assign({}, context.parameters, {
+        sourceLink: sourceLink
+      })
+    });
+    return /*#__PURE__*/React.createElement(Story, updatedContext);
+  };
+  return decorator;
+}
+
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -439,4 +470,4 @@ function withUiDecorator(Story, _ref) {
   }, /*#__PURE__*/React.createElement(Story, null)));
 }
 
-export { withExtraProviders, withNextDecoratorFactory, withUiDecorator };
+export { withExtraProviders, withFigmaSourceLink, withNextDecoratorFactory, withUiDecorator };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.1.58",
+  "version": "1.1.59",
   "author": "ITCase",
   "description": "Code style linter configuration presets",
   "engines": {