@itcase/storybook-config 1.2.65 → 1.2.66

package/dist/FormSubmitWrapper-i32wPLJH.js

@@ -0,0 +1,207 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-D8XyM9rZ.js');
+var React = require('react');
+
+var SUBMIT_TIMEOUT_MS = 15000;
+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;
+}
+function sleep() {
+  var ms = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : SUBMIT_POLL_MS;
+  return new Promise(function (resolve) {
+    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) {
+  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;
+}
+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;
+  return {
+    canMarkForm: Boolean(form && hasFields),
+    canSubmit: Boolean(submitButton),
+    form: form,
+    submitButton: submitButton
+  };
+}
+function autoSubmitForm(_x, _x2, _x3) {
+  return _autoSubmitForm.apply(this, arguments);
+}
+function _autoSubmitForm() {
+  _autoSubmitForm = _rollupPluginBabelHelpers._asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers._regenerator().m(function _callee(formRef, formSubmitConfig, signal) {
+    var deadline, didPrepareUnchangedSubmit, _getFormSubmitTarget, canMarkForm, canSubmit, form, submitButton;
+    return _rollupPluginBabelHelpers._regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          deadline = Date.now() + SUBMIT_TIMEOUT_MS;
+          didPrepareUnchangedSubmit = false;
+        case 1:
+          if (!(Date.now() < deadline)) {
+            _context.n = 9;
+            break;
+          }
+          if (!signal.aborted) {
+            _context.n = 2;
+            break;
+          }
+          return _context.a(2);
+        case 2:
+          _getFormSubmitTarget = getFormSubmitTarget(formRef), canMarkForm = _getFormSubmitTarget.canMarkForm, canSubmit = _getFormSubmitTarget.canSubmit, form = _getFormSubmitTarget.form, submitButton = _getFormSubmitTarget.submitButton;
+          if (canSubmit) {
+            _context.n = 4;
+            break;
+          }
+          _context.n = 3;
+          return sleep();
+        case 3:
+          return _context.a(3, 1);
+        case 4:
+          if (!(formSubmitConfig !== null && formSubmitConfig !== void 0 && formSubmitConfig.allowUnchangedSubmit && !didPrepareUnchangedSubmit)) {
+            _context.n = 8;
+            break;
+          }
+          if (!canMarkForm) {
+            _context.n = 6;
+            break;
+          }
+          prepareFormForAutoSubmit(form, formSubmitConfig);
+          didPrepareUnchangedSubmit = true;
+          _context.n = 5;
+          return sleep();
+        case 5:
+          return _context.a(3, 1);
+        case 6:
+          _context.n = 7;
+          return sleep();
+        case 7:
+          return _context.a(3, 1);
+        case 8:
+          submitButton.click();
+          return _context.a(2);
+        case 9:
+          return _context.a(2);
+      }
+    }, _callee);
+  }));
+  return _autoSubmitForm.apply(this, arguments);
+}
+
+function wrapRender(component, render, formRef) {
+  if (!component || typeof render !== 'function') {
+    return render;
+  }
+  return function renderWithRef(storyArgs) {
+    var args = _rollupPluginBabelHelpers._objectSpread2({}, storyArgs !== null && storyArgs !== void 0 ? storyArgs : {});
+    delete args.ref;
+    return /*#__PURE__*/React.createElement(component, _rollupPluginBabelHelpers._objectSpread2({
+      ref: formRef
+    }, args));
+  };
+}
+function withFormRef(children, formRef, bindings) {
+  var _ref, _children$props, _ref2, _children$props2, _ref3, _children$props3;
+  var component = bindings.component,
+    args = bindings.args,
+    storyRender = bindings.render,
+    allArgs = bindings.allArgs,
+    context = bindings.context;
+  var storyComponent = (_ref = component !== null && component !== void 0 ? component : context === null || context === void 0 ? void 0 : context.component) !== null && _ref !== void 0 ? _ref : children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.component;
+  var storyRenderFn = (_ref2 = storyRender !== null && storyRender !== void 0 ? storyRender : context === null || context === void 0 ? void 0 : context.render) !== null && _ref2 !== void 0 ? _ref2 : children === null || children === void 0 || (_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.render;
+  var boundRender = wrapRender(storyComponent, storyRenderFn, formRef);
+  var addRef = function addRef(value) {
+    return value ? _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, value), {}, {
+      ref: formRef
+    }) : value;
+  };
+  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,
+    allArgs: addRef(allArgs),
+    context: context ? _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, context), {}, {
+      component: storyComponent,
+      args: addRef(context.args),
+      render: boundRender,
+      allArgs: addRef(context.allArgs)
+    }) : context
+  });
+}
+
+/**
+ * Авто-submit для интерактивного Storybook (Require / Validation / ServerError).
+ * В Vitest не используется — submit делается в play.
+ */
+function FormSubmitWrapper(props) {
+  var formRef = React.useRef(null);
+  var component = props.component,
+    args = props.args,
+    parameters = props.parameters,
+    render = props.render,
+    allArgs = props.allArgs,
+    context = props.context,
+    _props$submit = props.submit,
+    submit = _props$submit === void 0 ? true : _props$submit,
+    children = props.children;
+  var formSubmitConfig = parameters === null || parameters === void 0 ? void 0 : parameters.formSubmit;
+  React.useEffect(function () {
+    if (!submit) {
+      return undefined;
+    }
+    var abortController = new AbortController();
+    autoSubmitForm(formRef, formSubmitConfig, abortController.signal);
+    return function () {
+      abortController.abort();
+    };
+  }, [formSubmitConfig, submit]);
+
+  // eslint-disable-next-line react-hooks/refs -- ref уходит в createElement внутри bound render
+  return withFormRef(children, formRef, {
+    component: component,
+    args: args,
+    render: render,
+    allArgs: allArgs,
+    context: context
+  });
+}
+
+exports.FormSubmitWrapper = FormSubmitWrapper;

package/dist/_rollupPluginBabelHelpers-D8XyM9rZ.js

@@ -0,0 +1,203 @@
+'use strict';
+
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = false,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = true, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
+      };
+    }(r, o, i), true), u;
+  }
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
+    return this;
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
+    }
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, _regeneratorDefine(e, r, n, t);
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+
+exports._asyncToGenerator = _asyncToGenerator;
+exports._objectSpread2 = _objectSpread2;
+exports._objectWithoutProperties = _objectWithoutProperties;
+exports._regenerator = _regenerator;

package/dist/cjs/components/FormSubmitWrapper.js

@@ -1,11 +1,9 @@
 'use strict';
 
-var FormSubmitWrapper = require('../../FormSubmitWrapper-Dg-gYkHi.js');
+var FormSubmitWrapper = require('../../FormSubmitWrapper-i32wPLJH.js');
+require('../../_rollupPluginBabelHelpers-D8XyM9rZ.js');
 require('react');
-require('../../_rollupPluginBabelHelpers-Wvf9ehn_.js');
 
 
 
 exports.FormSubmitWrapper = FormSubmitWrapper.FormSubmitWrapper;
-exports.cloneStoryWithFormRef = FormSubmitWrapper.cloneStoryWithFormRef;
-exports.markFormAsDataChanged = FormSubmitWrapper.markFormAsDataChanged;

package/dist/cjs/decorators/withFigmaSourceLink.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-Wvf9ehn_.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-D8XyM9rZ.js');
 var React = require('react');
 var s = require('lodash/castArray');
 

package/dist/cjs/decorators/withFormSubmitDecorator.js

@@ -1,22 +1,34 @@
 'use strict';
 
 var React = require('react');
-var FormSubmitWrapper = require('../../FormSubmitWrapper-Dg-gYkHi.js');
+var FormSubmitWrapper = require('../../FormSubmitWrapper-i32wPLJH.js');
 require('lodash/camelCase');
 require('@itcase/common');
 require('msw');
-require('../../_rollupPluginBabelHelpers-Wvf9ehn_.js');
+require('../../_rollupPluginBabelHelpers-D8XyM9rZ.js');
 
 function hasFormParameters(parameters) {
   return Boolean(parameters.require || parameters.validation || parameters.error || parameters.serverError || parameters.serverErrorData);
 }
 
+function isVitestEnvironment() {
+  var _import$meta$env;
+  return Boolean((_import$meta$env = undefined) === null || _import$meta$env === void 0 ? void 0 : _import$meta$env.VITEST);
+}
+
 function withFormSubmitDecorator() {
   var decorator = function decorator(Story, storyContext) {
-    var parameters = storyContext.parameters,
-      _storyContext$context = storyContext.context,
-      context = _storyContext$context === void 0 ? storyContext : _storyContext$context;
-    return hasFormParameters(parameters) ? /*#__PURE__*/React.createElement(FormSubmitWrapper.FormSubmitWrapper, context, /*#__PURE__*/React.createElement(Story, context)) : /*#__PURE__*/React.createElement(Story, context);
+    var _storyContext$context;
+    var parameters = storyContext.parameters;
+    var context = (_storyContext$context = storyContext.context) !== null && _storyContext$context !== void 0 ? _storyContext$context : storyContext;
+    if (isVitestEnvironment() || !hasFormParameters(parameters)) {
+      return /*#__PURE__*/React.createElement(Story, context);
+    }
+    return /*#__PURE__*/React.createElement(FormSubmitWrapper.FormSubmitWrapper, Object.assign({}, context, {
+      parameters: parameters
+    }), /*#__PURE__*/React.createElement(Story, Object.assign({}, context, {
+      parameters: parameters
+    })));
   };
   return decorator;
 }

package/dist/cjs/decorators/withNextDecorator.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-Wvf9ehn_.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-D8XyM9rZ.js');
 var React = require('react');
 var Notification = require('../../Notification-Cqx2_tCE.js');
 require('@itcase/common');

package/dist/cjs/decorators.js

@@ -8,9 +8,9 @@ var withLayoutDecorator = require('./decorators/withLayoutDecorator.js');
 var withNextDecorator = require('./decorators/withNextDecorator.js');
 var withUiDecorator = require('./decorators/withUiDecorator.js');
 require('react');
-require('../_rollupPluginBabelHelpers-Wvf9ehn_.js');
+require('../_rollupPluginBabelHelpers-D8XyM9rZ.js');
 require('lodash/castArray');
-require('../FormSubmitWrapper-Dg-gYkHi.js');
+require('../FormSubmitWrapper-i32wPLJH.js');
 require('lodash/camelCase');
 require('@itcase/common');
 require('msw');