@itcase/storybook-config 1.2.70 → 1.2.72

package/dist/cjs/decorators/withNextDecorator.js

@@ -2,13 +2,8 @@
 
 var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-D8XyM9rZ.js');
 var React = require('react');
-var Notification = require('../../Notification-Cqx2_tCE.js');
-require('@itcase/common');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('lodash/upperFirst');
-require('lodash/maxBy');
-require('react-dom');
+var Notification = require('@itcase/ui-web/components/Notification');
+var context = require('@itcase/ui-core/context');
 
 var _excluded = ["storesData"];
 function withNextDecoratorFactory(_ref) {
@@ -17,11 +12,11 @@ function withNextDecoratorFactory(_ref) {
   var decorator = function decorator(Story, _ref2) {
     var args = _ref2.args,
       parameters = _ref2.parameters,
-      context = _ref2.context;
+      context$1 = _ref2.context;
     var _prepareStoryArgument = prepareStoryArguments({
         args: args,
         parameters: parameters,
-        context: context
+        context: context$1
       }),
       appArgs = _prepareStoryArgument.appArgs,
       appContext = _prepareStoryArgument.appContext,
@@ -32,9 +27,9 @@ function withNextDecoratorFactory(_ref) {
         pageProps: appArgs
       });
     }
-    return /*#__PURE__*/React.createElement(RootStoreProvider, appArgs.rootStoreInitialData, /*#__PURE__*/React.createElement(Notification.d, null, /*#__PURE__*/React.createElement(Notification.m, {
+    return /*#__PURE__*/React.createElement(RootStoreProvider, appArgs.rootStoreInitialData, /*#__PURE__*/React.createElement(context.UIProvider, null, /*#__PURE__*/React.createElement(context.NotificationsProvider, {
       initialNotificationsList: parameters.initialNotificationsList || args.initialNotificationsList || []
-    }, /*#__PURE__*/React.createElement(Notification.P, {
+    }, /*#__PURE__*/React.createElement(Notification.NotificationWrapper, {
       className: "notification_global notification_global_right_top"
     }), /*#__PURE__*/React.createElement(Story, appContext))));
   };

package/dist/cjs/decorators/withUiDecorator.js

@@ -1,20 +1,15 @@
 'use strict';
 
 var React = require('react');
-var Notification = require('../../Notification-Cqx2_tCE.js');
-require('@itcase/common');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('lodash/upperFirst');
-require('lodash/maxBy');
-require('react-dom');
+var Notification = require('@itcase/ui-web/components/Notification');
+var context = require('@itcase/ui-core/context');
 
 function withUiDecorator(Story, _ref) {
   var args = _ref.args,
     parameters = _ref.parameters;
-  return /*#__PURE__*/React.createElement(Notification.d, null, /*#__PURE__*/React.createElement(Notification.m, {
+  return /*#__PURE__*/React.createElement(context.UIProvider, null, /*#__PURE__*/React.createElement(context.NotificationsProvider, {
     initialNotificationsList: parameters.initialNotificationsList || args.initialNotificationsList || []
-  }, /*#__PURE__*/React.createElement(Notification.P, null), /*#__PURE__*/React.createElement(Story, null)));
+  }, /*#__PURE__*/React.createElement(Notification.NotificationWrapper, null), /*#__PURE__*/React.createElement(Story, null)));
 }
 
 exports.withUiDecorator = withUiDecorator;

package/dist/cjs/decorators.js

@@ -9,15 +9,12 @@ var withNextDecorator = require('./decorators/withNextDecorator.js');
 var withUiDecorator = require('./decorators/withUiDecorator.js');
 require('react');
 require('../_rollupPluginBabelHelpers-D8XyM9rZ.js');
-require('lodash/castArray');
-require('../FormSubmitWrapper-DA2tkSEl.js');
-require('lodash/camelCase');
+require('../isArray-DJguRq_2.js');
+require('../FormSubmitWrapper-DXUEGLuS.js');
 require('@itcase/common');
 require('msw');
-require('../Notification-Cqx2_tCE.js');
-require('lodash/upperFirst');
-require('lodash/maxBy');
-require('react-dom');
+require('@itcase/ui-web/components/Notification');
+require('@itcase/ui-core/context');
 
 
 

package/dist/components/EmailTemplatePreview.js

@@ -1,4 +1,4 @@
-import React__default, { useEffect } from 'react';
+import React, { useEffect } from 'react';
 
 var BACKEND_URL = process.env.EMAIL_URL;
 if (process.env.NODE_ENV === 'production' && process.env.REST_BASE_URL) {
@@ -31,7 +31,7 @@ function EmailTemplatePreview(props) {
   if (!BACKEND_URL) {
     return null;
   }
-  return /*#__PURE__*/React__default.createElement("iframe", {
+  return /*#__PURE__*/React.createElement("iframe", {
     id: "emailPreview",
     width: "100%",
     height: "100%",

package/dist/components/{FormSubmitWrapper--d5p3re1.js → FormSubmitWrapper-CytvWwKi.js}

@@ -1,11 +1,11 @@
-import { _ as _asyncToGenerator, c as _regenerator, a as _objectSpread2 } from './_rollupPluginBabelHelpers-DQ-fuxJg.js';
-import React__default, { useRef, useEffect } from 'react';
+import { a as _asyncToGenerator, b as _regenerator, c as _objectSpread2 } from './_rollupPluginBabelHelpers-OwKVS06F.js';
+import React, { useRef, useEffect } from 'react';
 
-var SUBMIT_TIMEOUT_MS = 15000;
+var SUBMIT_TIMEOUT_MS = 5000;
 var SUBMIT_POLL_MS = 50;
 function getMountRoot() {
-  var _ref, _document$getElementB;
-  return (_ref = (_document$getElementB = document.getElementById('storybook-root')) !== null && _document$getElementB !== void 0 ? _document$getElementB : document.getElementById('root')) !== null && _ref !== void 0 ? _ref : document.body;
+  var _document$getElementB;
+  return (_document$getElementB = document.getElementById('storybook-root')) !== null && _document$getElementB !== void 0 ? _document$getElementB : document.body;
 }
 function sleep() {
   var ms = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : SUBMIT_POLL_MS;
@@ -13,145 +13,137 @@ function sleep() {
     setTimeout(resolve, ms);
   });
 }
-function prepareFormForAutoSubmit(form) {
-  var _config$field, _fieldState$value, _config$suffix;
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var fieldNames = typeof (form === null || form === void 0 ? void 0 : form.getRegisteredFields) === 'function' ? form.getRegisteredFields() : [];
-  var fieldName = (_config$field = config.field) !== null && _config$field !== void 0 ? _config$field : fieldNames[0];
-  if (!fieldName) {
-    return false;
-  }
-  var fieldState = form.getFieldState(fieldName);
-  var value = (_fieldState$value = fieldState === null || fieldState === void 0 ? void 0 : fieldState.value) !== null && _fieldState$value !== void 0 ? _fieldState$value : '';
-  var suffix = (_config$suffix = config.suffix) !== null && _config$suffix !== void 0 ? _config$suffix : "\u200B";
-  var nextValue = "".concat(value).concat(suffix);
-  if (nextValue === value) {
-    return false;
-  }
-  form.change(fieldName, nextValue);
-  return true;
-}
 function findSubmitButton(root) {
+  var _root$querySelector;
   if (!root) {
     return null;
   }
-  var byType = root.querySelector('button[type="submit"]');
-  if (byType) {
-    return byType;
-  }
-  var form = root.querySelector('form[data-testid], form');
-  if (!form) {
-    return null;
-  }
-  var primaryInGroup = form.querySelector('.form__button .form__button-item, .form__button-item');
-  if (primaryInGroup) {
-    return primaryInGroup;
-  }
-  var byTestId = form.querySelector('button[data-testid*="Submit"], button[data-testid*="SignIn"], button[data-testid*="Create"]');
-  return byTestId;
+  return (_root$querySelector = root.querySelector('button[type="submit"]')) !== null && _root$querySelector !== void 0 ? _root$querySelector : root.querySelector('button.form__button-item');
 }
-function canSubmitFormApi(form) {
-  return typeof (form === null || form === void 0 ? void 0 : form.submit) === 'function' && typeof (form === null || form === void 0 ? void 0 : form.getRegisteredFields) === 'function' && form.getRegisteredFields().length > 0;
+function isSubmitButton(button) {
+  return (button === null || button === void 0 ? void 0 : button.type) === 'submit';
 }
-function isNativeSubmitButton(button) {
-  if (!button) {
-    return false;
-  }
-  var type = button.type || button.getAttribute('type');
-  return type === 'submit';
+function canUseFormApi(form) {
+  return typeof (form === null || form === void 0 ? void 0 : form.submit) === 'function';
 }
-function triggerFormSubmit(_ref2) {
-  var form = _ref2.form,
-    submitButton = _ref2.submitButton;
-  if (isNativeSubmitButton(submitButton)) {
-    submitButton.click();
-    return true;
+function prepareFormForAutoSubmit(form) {
+  var _config$field, _form$getFieldState$v, _form$getFieldState, _config$suffix;
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (!canUseFormApi(form) || typeof form.getRegisteredFields !== 'function') {
+    return;
   }
-  if (canSubmitFormApi(form)) {
-    form.submit();
-    return true;
+  var fieldName = (_config$field = config.field) !== null && _config$field !== void 0 ? _config$field : form.getRegisteredFields()[0];
+  if (!fieldName) {
+    return;
   }
-  var htmlForm = submitButton === null || submitButton === void 0 ? void 0 : submitButton.closest('form');
-  if (htmlForm && typeof htmlForm.requestSubmit === 'function') {
-    htmlForm.requestSubmit();
-    return true;
+  var value = (_form$getFieldState$v = (_form$getFieldState = form.getFieldState(fieldName)) === null || _form$getFieldState === void 0 ? void 0 : _form$getFieldState.value) !== null && _form$getFieldState$v !== void 0 ? _form$getFieldState$v : '';
+  var nextValue = "".concat(value).concat((_config$suffix = config.suffix) !== null && _config$suffix !== void 0 ? _config$suffix : "\u200B");
+  if (nextValue !== value) {
+    form.change(fieldName, nextValue);
   }
-  if (submitButton) {
+}
+function triggerFormSubmit(_ref) {
+  var _submitButton$closest, _submitButton$closest2;
+  var form = _ref.form,
+    submitButton = _ref.submitButton;
+  if (isSubmitButton(submitButton)) {
     submitButton.click();
-    return true;
+    return;
+  }
+  if (canUseFormApi(form)) {
+    form.submit();
+    return;
   }
-  return false;
+  submitButton === null || submitButton === void 0 || (_submitButton$closest = submitButton.closest('form')) === null || _submitButton$closest === void 0 || (_submitButton$closest2 = _submitButton$closest.requestSubmit) === null || _submitButton$closest2 === void 0 || _submitButton$closest2.call(_submitButton$closest);
 }
-function getFormSubmitTarget(formRef) {
-  var root = getMountRoot();
-  var submitButton = findSubmitButton(root);
-  var form = formRef.current;
-  var hasFields = typeof (form === null || form === void 0 ? void 0 : form.getRegisteredFields) === 'function' && form.getRegisteredFields().length > 0;
+function getSubmitTarget(formRef) {
+  var submitButton = findSubmitButton(getMountRoot());
   return {
-    canMarkForm: Boolean(form && hasFields),
-    canSubmit: Boolean(submitButton) || canSubmitFormApi(form),
-    form: form,
+    canSubmit: Boolean(submitButton) || canUseFormApi(formRef.current),
+    form: formRef.current,
     submitButton: submitButton
   };
 }
-function autoSubmitForm(_x, _x2, _x3) {
+function bindSubmitButtonClick(formRef, signal) {
+  var root = getMountRoot();
+  if (!root) {
+    return undefined;
+  }
+  var handler = function handler(event) {
+    if (signal.aborted) {
+      return;
+    }
+    var submitButton = findSubmitButton(root);
+    if (!submitButton || isSubmitButton(submitButton)) {
+      return;
+    }
+    if (event.target !== submitButton && !submitButton.contains(event.target)) {
+      return;
+    }
+    event.preventDefault();
+    triggerFormSubmit({
+      form: formRef.current,
+      submitButton: submitButton
+    });
+  };
+  root.addEventListener('click', handler, true);
+  return function () {
+    root.removeEventListener('click', handler, true);
+  };
+}
+function autoSubmitForm(_x) {
   return _autoSubmitForm.apply(this, arguments);
 }
 function _autoSubmitForm() {
-  _autoSubmitForm = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(formRef, formSubmitConfig, signal) {
-    var deadline, didPrepareUnchangedSubmit, _getFormSubmitTarget, canMarkForm, canSubmit, form, submitButton;
+  _autoSubmitForm = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(formRef) {
+    var formSubmitConfig,
+      signal,
+      didPrepareUnchangedSubmit,
+      deadline,
+      _getSubmitTarget,
+      canSubmit,
+      form,
+      submitButton,
+      _args = arguments;
     return _regenerator().w(function (_context) {
       while (1) switch (_context.n) {
         case 0:
-          deadline = Date.now() + SUBMIT_TIMEOUT_MS;
+          formSubmitConfig = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
+          signal = _args.length > 2 ? _args[2] : undefined;
           didPrepareUnchangedSubmit = false;
+          deadline = Date.now() + SUBMIT_TIMEOUT_MS;
         case 1:
-          if (!(Date.now() < deadline)) {
-            _context.n = 9;
-            break;
-          }
-          if (!signal.aborted) {
-            _context.n = 2;
+          if (!(Date.now() < deadline && !signal.aborted)) {
+            _context.n = 6;
             break;
           }
-          return _context.a(2);
-        case 2:
-          _getFormSubmitTarget = getFormSubmitTarget(formRef), canMarkForm = _getFormSubmitTarget.canMarkForm, canSubmit = _getFormSubmitTarget.canSubmit, form = _getFormSubmitTarget.form, submitButton = _getFormSubmitTarget.submitButton;
+          _getSubmitTarget = getSubmitTarget(formRef), canSubmit = _getSubmitTarget.canSubmit, form = _getSubmitTarget.form, submitButton = _getSubmitTarget.submitButton;
           if (canSubmit) {
-            _context.n = 4;
+            _context.n = 3;
             break;
           }
-          _context.n = 3;
+          _context.n = 2;
           return sleep();
-        case 3:
+        case 2:
           return _context.a(3, 1);
-        case 4:
+        case 3:
           if (!(formSubmitConfig !== null && formSubmitConfig !== void 0 && formSubmitConfig.allowUnchangedSubmit && !didPrepareUnchangedSubmit)) {
-            _context.n = 8;
-            break;
-          }
-          if (!canMarkForm) {
-            _context.n = 6;
+            _context.n = 5;
             break;
           }
           prepareFormForAutoSubmit(form, formSubmitConfig);
           didPrepareUnchangedSubmit = true;
-          _context.n = 5;
+          _context.n = 4;
           return sleep();
-        case 5:
-          return _context.a(3, 1);
-        case 6:
-          _context.n = 7;
-          return sleep();
-        case 7:
+        case 4:
           return _context.a(3, 1);
-        case 8:
+        case 5:
           triggerFormSubmit({
             form: form,
             submitButton: submitButton
           });
           return _context.a(2);
-        case 9:
+        case 6:
           return _context.a(2);
       }
     }, _callee);
@@ -166,7 +158,7 @@ function wrapRender(component, render, formRef) {
   return function renderWithRef(storyArgs) {
     var args = _objectSpread2({}, storyArgs !== null && storyArgs !== void 0 ? storyArgs : {});
     delete args.ref;
-    return /*#__PURE__*/React__default.createElement(component, _objectSpread2({
+    return /*#__PURE__*/React.createElement(component, _objectSpread2({
       ref: formRef
     }, args));
   };
@@ -186,7 +178,7 @@ function withFormRef(children, formRef, bindings) {
       ref: formRef
     }) : value;
   };
-  return /*#__PURE__*/React__default.cloneElement(children, {
+  return /*#__PURE__*/React.cloneElement(children, {
     component: storyComponent,
     args: addRef((_ref3 = args !== null && args !== void 0 ? args : context === null || context === void 0 ? void 0 : context.args) !== null && _ref3 !== void 0 ? _ref3 : children === null || children === void 0 || (_children$props3 = children.props) === null || _children$props3 === void 0 ? void 0 : _children$props3.args),
     render: boundRender,
@@ -202,7 +194,8 @@ function withFormRef(children, formRef, bindings) {
 
 /**
  * Авто-submit для интерактивного Storybook (Require / Validation / ServerError).
- * При type="button" вызывает formRef.current.submit() (final-form API).
+ * При primaryButtonHtmlType="button" вызывает formRef.current.submit() (final-form API)
+ * и вешает click на кнопку, чтобы ручной submit тоже работал.
  * В Vitest не используется — submit делается в play.
  */
 function FormSubmitWrapper(props) {
@@ -217,6 +210,17 @@ function FormSubmitWrapper(props) {
     submit = _props$submit === void 0 ? true : _props$submit,
     children = props.children;
   var formSubmitConfig = parameters === null || parameters === void 0 ? void 0 : parameters.formSubmit;
+  useEffect(function () {
+    if (!submit) {
+      return undefined;
+    }
+    var abortController = new AbortController();
+    var unbindClick = bindSubmitButtonClick(formRef, abortController.signal);
+    return function () {
+      abortController.abort();
+      unbindClick === null || unbindClick === void 0 || unbindClick();
+    };
+  }, [formSubmitConfig, submit]);
   useEffect(function () {
     if (!submit) {
       return undefined;

package/dist/components/FormSubmitWrapper.js

@@ -1,3 +1,3 @@
-export { F as FormSubmitWrapper } from './FormSubmitWrapper--d5p3re1.js';
-import './_rollupPluginBabelHelpers-DQ-fuxJg.js';
+export { F as FormSubmitWrapper } from './FormSubmitWrapper-CytvWwKi.js';
+import './_rollupPluginBabelHelpers-OwKVS06F.js';
 import 'react';

package/dist/components/{_rollupPluginBabelHelpers-DQ-fuxJg.js → _rollupPluginBabelHelpers-OwKVS06F.js}

@@ -195,4 +195,4 @@ function _toPropertyKey(t) {
   return "symbol" == typeof i ? i : i + "";
 }
 
-export { _asyncToGenerator as _, _objectSpread2 as a, _objectWithoutProperties as b, _regenerator as c };
+export { _objectWithoutProperties as _, _asyncToGenerator as a, _regenerator as b, _objectSpread2 as c };

package/dist/components/isArray-CPoGkdXv.js

@@ -0,0 +1,43 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+
+var isArray_1;
+var hasRequiredIsArray;
+
+function requireIsArray () {
+	if (hasRequiredIsArray) return isArray_1;
+	hasRequiredIsArray = 1;
+	var isArray = Array.isArray;
+
+	isArray_1 = isArray;
+	return isArray_1;
+}
+
+export { commonjsGlobal as c, getDefaultExportFromCjs as g, requireIsArray as r };

package/dist/config/sourceLink/sourceLink.js

@@ -7,26 +7,18 @@ const SOURCE_LINK = {
     'component-editor': ({ importPath, rootPath }) => {
       if (!rootPath) return undefined
 
-      let labelPath =
-        'Source — ' + importPath.replace(/\.stories\.(js|jsx|ts|tsx)?$/, '')
-      let componentPath = importPath.replace('.stories', '')
-      let componentFileUrl = getFileUrl(rootPath, componentPath)
+      const storiesFolderIndex = importPath.indexOf('/stories/')
+      const componentPath =
+        storiesFolderIndex !== -1
+          ? `${importPath.slice(0, storiesFolderIndex)}/index.ts`
+          : importPath.replace(/\.stories\.(js|jsx|mjs|ts|tsx)$/, '.$1')
+
+      const fileUrl = getFileUrl(rootPath, componentPath)
 
-      if (componentFileUrl.pathname.includes('/stories')) {
-        const resultPath =
-          componentFileUrl.pathname.slice(
-            0,
-            componentFileUrl.pathname.indexOf('/stories'),
-          ) + '/index.ts'
-        const resultLabelBase =
-          labelPath.slice(0, labelPath.indexOf('/stories')) + '/index.ts'
-        labelPath = resultLabelBase
-        componentFileUrl = resultPath
-      }
       return {
         type: 'editor',
         label: 'VSCode — ' + componentPath,
-        href: componentFileUrl.href,
+        href: fileUrl.href,
         icon: 'VSCodeIcon',
       }
     },

package/dist/decorators/withClearStoresDecorator.js

@@ -1,4 +1,4 @@
-import React__default, { useMemo } from 'react';
+import React, { useMemo } from 'react';
 
 function withClearStoresDecorator(_ref) {
   var clearStoreData = _ref.clearStoreData;
@@ -6,7 +6,7 @@ function withClearStoresDecorator(_ref) {
     useMemo(function () {
       clearStoreData();
     }, [Story]);
-    return /*#__PURE__*/React__default.createElement(Story, null);
+    return /*#__PURE__*/React.createElement(Story, null);
   };
   return Decorator;
 }

package/dist/decorators/withExtraProviders.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 
 function withExtraProviders() {
   var providers = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -9,7 +9,7 @@ function withExtraProviders() {
       var item = providers[i];
       var Component = item.provider;
       var props = item.props || {};
-      currentStory = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Component, props, currentStory));
+      currentStory = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Component, props, currentStory));
     }
     return currentStory;
   };

package/dist/decorators/withFigmaSourceLink.js

@@ -1,6 +1,62 @@
-import { a as _objectSpread2 } from '../components/_rollupPluginBabelHelpers-DQ-fuxJg.js';
-import React__default from 'react';
-import s from 'lodash/castArray';
+import { c as _objectSpread2 } from '../components/_rollupPluginBabelHelpers-OwKVS06F.js';
+import React from 'react';
+import { r as requireIsArray, g as getDefaultExportFromCjs } from '../components/isArray-CPoGkdXv.js';
+
+var castArray_1;
+var hasRequiredCastArray;
+
+function requireCastArray () {
+	if (hasRequiredCastArray) return castArray_1;
+	hasRequiredCastArray = 1;
+	var isArray = requireIsArray();
+
+	/**
+	 * Casts `value` as an array if it's not one.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.4.0
+	 * @category Lang
+	 * @param {*} value The value to inspect.
+	 * @returns {Array} Returns the cast array.
+	 * @example
+	 *
+	 * _.castArray(1);
+	 * // => [1]
+	 *
+	 * _.castArray({ 'a': 1 });
+	 * // => [{ 'a': 1 }]
+	 *
+	 * _.castArray('abc');
+	 * // => ['abc']
+	 *
+	 * _.castArray(null);
+	 * // => [null]
+	 *
+	 * _.castArray(undefined);
+	 * // => [undefined]
+	 *
+	 * _.castArray();
+	 * // => []
+	 *
+	 * var array = [1, 2, 3];
+	 * console.log(_.castArray(array) === array);
+	 * // => true
+	 */
+	function castArray() {
+	  if (!arguments.length) {
+	    return [];
+	  }
+	  var value = arguments[0];
+	  return isArray(value) ? value : [value];
+	}
+
+	castArray_1 = castArray;
+	return castArray_1;
+}
+
+var castArrayExports = requireCastArray();
+var castArray = /*@__PURE__*/getDefaultExportFromCjs(castArrayExports);
 
 function withFigmaSourceLink() {
   var decorator = function decorator(Story, _ref) {
@@ -8,7 +64,7 @@ function withFigmaSourceLink() {
       context = _ref.context;
     var sourceLink = parameters.sourceLink || {};
     if (parameters.design) {
-      var designList = s(parameters.design);
+      var designList = castArray(parameters.design);
       if (!sourceLink.links) {
         sourceLink.links = {};
       }
@@ -26,7 +82,7 @@ function withFigmaSourceLink() {
         sourceLink: sourceLink
       })
     });
-    return /*#__PURE__*/React__default.createElement(Story, updatedContext);
+    return /*#__PURE__*/React.createElement(Story, updatedContext);
   };
   return decorator;
 }