@itcase/storybook-config 1.2.72 → 1.2.74

package/dist/FormSubmitWrapper-BaqE4w9q.js

@@ -0,0 +1,248 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-B1r4NF8e.js');
+var React = require('react');
+
+var SUBMIT_POLL_MS = 50;
+function getStoryPreviewDocument() {
+  var _document$getElementB, _previewIframe$conten;
+  var previewIframe = (_document$getElementB = document.getElementById('storybook-preview-iframe')) !== null && _document$getElementB !== void 0 ? _document$getElementB : document.querySelector('iframe[data-is-storybook="true"]');
+  return (_previewIframe$conten = previewIframe === null || previewIframe === void 0 ? void 0 : previewIframe.contentDocument) !== null && _previewIframe$conten !== void 0 ? _previewIframe$conten : null;
+}
+function getMountRoot() {
+  var _ref2, _document$getElementB2;
+  var previewDocument = getStoryPreviewDocument();
+  if (previewDocument) {
+    var _ref, _previewDocument$getE;
+    return (_ref = (_previewDocument$getE = previewDocument.getElementById('storybook-root')) !== null && _previewDocument$getE !== void 0 ? _previewDocument$getE : previewDocument.getElementById('root')) !== null && _ref !== void 0 ? _ref : previewDocument.body;
+  }
+  return (_ref2 = (_document$getElementB2 = document.getElementById('storybook-root')) !== null && _document$getElementB2 !== void 0 ? _document$getElementB2 : document.getElementById('root')) !== null && _ref2 !== void 0 ? _ref2 : document.body;
+}
+function canSubmitFormApi(form) {
+  return typeof (form === null || form === void 0 ? void 0 : form.submit) === 'function' && typeof form.getRegisteredFields === 'function' && form.getRegisteredFields().length > 0;
+}
+function findSaveDraftButton(root) {
+  if (!root) {
+    return null;
+  }
+  var saveDraft = root.querySelector('[data-testid$="SaveDraftButton"]');
+  if (!saveDraft) {
+    return null;
+  }
+  return saveDraft.tagName === 'BUTTON' ? saveDraft : saveDraft.querySelector('button');
+}
+function findSubmitButton(root) {
+  var _form$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;
+  }
+  return (_form$querySelector = form.querySelector('.form__button .form__button-item, .form__button-item')) !== null && _form$querySelector !== void 0 ? _form$querySelector : null;
+}
+function touchFieldsBeforeSubmit(form) {
+  if (!canSubmitFormApi(form)) {
+    return;
+  }
+  var _iterator = _rollupPluginBabelHelpers._createForOfIteratorHelper(form.getRegisteredFields()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _form$getFieldState;
+      var fieldName = _step.value;
+      if (!((_form$getFieldState = form.getFieldState(fieldName)) !== null && _form$getFieldState !== void 0 && _form$getFieldState.touched)) {
+        form.blur(fieldName);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+function triggerFormSubmit(_ref3) {
+  var form = _ref3.form,
+    root = _ref3.root,
+    submitButton = _ref3.submitButton;
+  var saveDraftButton = findSaveDraftButton(root !== null && root !== void 0 ? root : getMountRoot());
+  if (saveDraftButton) {
+    saveDraftButton.click();
+    return;
+  }
+  if (canSubmitFormApi(form)) {
+    touchFieldsBeforeSubmit(form);
+    form.submit();
+    return;
+  }
+  if ((submitButton === null || submitButton === void 0 ? void 0 : submitButton.type) === 'submit') {
+    submitButton.click();
+  }
+}
+function autoSubmitForm(_x, _x2) {
+  return _autoSubmitForm.apply(this, arguments);
+}
+function _autoSubmitForm() {
+  _autoSubmitForm = _rollupPluginBabelHelpers._asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers._regenerator().m(function _callee(formRef, signal) {
+    var root, form, submitButton, saveDraftButton, canSubmitViaFormApi, canClickNativeSubmit, canClickSaveDraft;
+    return _rollupPluginBabelHelpers._regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          if (!formRef.__itcaseDidAutoSubmit) {
+            _context.n = 1;
+            break;
+          }
+          return _context.a(2);
+        case 1:
+          if (signal.aborted) {
+            _context.n = 6;
+            break;
+          }
+          root = getMountRoot();
+          form = formRef.current;
+          submitButton = findSubmitButton(root);
+          saveDraftButton = findSaveDraftButton(root);
+          canSubmitViaFormApi = canSubmitFormApi(form);
+          canClickNativeSubmit = (submitButton === null || submitButton === void 0 ? void 0 : submitButton.type) === 'submit';
+          canClickSaveDraft = Boolean(saveDraftButton); // primaryButtonHtmlType="button": ждём final-form API или кнопку черновика в DOM
+          if (!(!canSubmitViaFormApi && !canClickNativeSubmit && !canClickSaveDraft)) {
+            _context.n = 3;
+            break;
+          }
+          _context.n = 2;
+          return new Promise(function (resolve) {
+            setTimeout(resolve, SUBMIT_POLL_MS);
+          });
+        case 2:
+          return _context.a(3, 1);
+        case 3:
+          formRef.__itcaseDidAutoSubmit = true;
+          _context.n = 4;
+          return new Promise(function (resolve) {
+            requestAnimationFrame(function () {
+              requestAnimationFrame(resolve);
+            });
+          });
+        case 4:
+          if (!signal.aborted) {
+            _context.n = 5;
+            break;
+          }
+          return _context.a(2);
+        case 5:
+          triggerFormSubmit({
+            form: formRef.current,
+            root: root,
+            submitButton: submitButton
+          });
+          return _context.a(2);
+        case 6:
+          return _context.a(2);
+      }
+    }, _callee);
+  }));
+  return _autoSubmitForm.apply(this, arguments);
+}
+
+function wrapRender(component, render, formRef) {
+  var defaultArgs = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  if (typeof render !== 'function') {
+    return render;
+  }
+  return function renderWithRef(storyArgs) {
+    var args = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, defaultArgs), storyArgs !== null && storyArgs !== void 0 ? storyArgs : {});
+    delete args.ref;
+    delete args.errors;
+    if (!args.onSubmit && defaultArgs.onSubmit) {
+      args.onSubmit = defaultArgs.onSubmit;
+    }
+    var rendered = render(args);
+    if (/*#__PURE__*/React.isValidElement(rendered)) {
+      return /*#__PURE__*/React.cloneElement(rendered, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, rendered.props), args), {}, {
+        ref: formRef
+      }));
+    }
+    if (component) {
+      return /*#__PURE__*/React.createElement(component, _rollupPluginBabelHelpers._objectSpread2({
+        ref: formRef
+      }, args));
+    }
+    return rendered;
+  };
+}
+function withFormRef(children, formRef, bindings) {
+  var _ref, _ref2, _children$props, _ref3, _children$props2, _ref4, _children$props3;
+  var component = bindings.component,
+    args = bindings.args,
+    storyRender = bindings.render,
+    allArgs = bindings.allArgs,
+    context = bindings.context;
+  var storyArgs = (_ref = (_ref2 = args !== null && args !== void 0 ? args : context === null || context === void 0 ? void 0 : context.args) !== null && _ref2 !== void 0 ? _ref2 : children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.args) !== null && _ref !== void 0 ? _ref : {};
+  var storyComponent = (_ref3 = component !== null && component !== void 0 ? component : context === null || context === void 0 ? void 0 : context.component) !== null && _ref3 !== void 0 ? _ref3 : children === null || children === void 0 || (_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.component;
+  var storyRenderFn = (_ref4 = storyRender !== null && storyRender !== void 0 ? storyRender : context === null || context === void 0 ? void 0 : context.render) !== null && _ref4 !== void 0 ? _ref4 : children === null || children === void 0 || (_children$props3 = children.props) === null || _children$props3 === void 0 ? void 0 : _children$props3.render;
+  var boundRender = wrapRender(storyComponent, storyRenderFn, formRef, storyArgs);
+  var addRef = function addRef(value) {
+    return value ? _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, value), {}, {
+      ref: formRef
+    }) : value;
+  };
+  return /*#__PURE__*/React.cloneElement(children, {
+    component: storyComponent,
+    args: addRef(storyArgs),
+    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).
+ * При primaryButtonHtmlType="button" — formRef.current.submit() (final-form API),
+ * при type="submit" — click по кнопке. В Vitest submit в play.
+ */
+function FormSubmitWrapper(props) {
+  var _ref5, _ref6, _children$props4;
+  var formRef = React.useRef(null);
+  var component = props.component,
+    args = props.args,
+    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 storyArgs = (_ref5 = (_ref6 = args !== null && args !== void 0 ? args : context === null || context === void 0 ? void 0 : context.args) !== null && _ref6 !== void 0 ? _ref6 : children === null || children === void 0 || (_children$props4 = children.props) === null || _children$props4 === void 0 ? void 0 : _children$props4.args) !== null && _ref5 !== void 0 ? _ref5 : {};
+  React.useEffect(function () {
+    if (!submit) {
+      return undefined;
+    }
+    delete formRef.__itcaseDidAutoSubmit;
+    var abortController = new AbortController();
+    autoSubmitForm(formRef, abortController.signal);
+    return function () {
+      abortController.abort();
+      delete formRef.__itcaseDidAutoSubmit;
+    };
+  }, [submit, storyArgs.errors]);
+
+  // eslint-disable-next-line react-hooks/refs -- ref уходит в cloneElement внутри bound render
+  return withFormRef(children, formRef, {
+    component: component,
+    args: storyArgs,
+    render: render,
+    allArgs: allArgs,
+    context: context
+  });
+}
+
+exports.FormSubmitWrapper = FormSubmitWrapper;

package/dist/{_rollupPluginBabelHelpers-D8XyM9rZ.js → _rollupPluginBabelHelpers-B1r4NF8e.js}

@@ -1,5 +1,10 @@
 'use strict';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -25,6 +30,54 @@ function _asyncToGenerator(n) {
     });
   };
 }
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: true
+          } : {
+            done: false,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = true,
+    u = false;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = true, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
@@ -196,8 +249,16 @@ function _toPropertyKey(t) {
   var i = _toPrimitive(t, "string");
   return "symbol" == typeof i ? i : i + "";
 }
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
 
 exports._asyncToGenerator = _asyncToGenerator;
+exports._createForOfIteratorHelper = _createForOfIteratorHelper;
 exports._objectSpread2 = _objectSpread2;
 exports._objectWithoutProperties = _objectWithoutProperties;
 exports._regenerator = _regenerator;

package/dist/cjs/components/FormSubmitWrapper.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var FormSubmitWrapper = require('../../FormSubmitWrapper-DXUEGLuS.js');
-require('../../_rollupPluginBabelHelpers-D8XyM9rZ.js');
+var FormSubmitWrapper = require('../../FormSubmitWrapper-BaqE4w9q.js');
+require('../../_rollupPluginBabelHelpers-B1r4NF8e.js');
 require('react');
 
 

package/dist/cjs/decorators/withFigmaSourceLink.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-D8XyM9rZ.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-B1r4NF8e.js');
 var React = require('react');
 var isArray = require('../../isArray-DJguRq_2.js');
 

package/dist/cjs/decorators/withFormSubmitDecorator.js

@@ -1,11 +1,12 @@
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-B1r4NF8e.js');
 var React = require('react');
-var FormSubmitWrapper = require('../../FormSubmitWrapper-DXUEGLuS.js');
+var FormSubmitWrapper = require('../../FormSubmitWrapper-BaqE4w9q.js');
 var isArray = require('../../isArray-DJguRq_2.js');
 require('@itcase/common');
 require('msw');
-require('../../_rollupPluginBabelHelpers-D8XyM9rZ.js');
+require('final-form');
 
 /** Detect free variable `global` from Node.js. */
 
@@ -1123,13 +1124,27 @@ function isVitestEnvironment() {
   return Boolean((_import$meta$env = undefined) === null || _import$meta$env === void 0 ? void 0 : _import$meta$env.VITEST);
 }
 
+function getStoryArgs(storyContext) {
+  var _storyContext$context, _storyContext$initial, _baseContext$args, _storyContext$args;
+  var baseContext = (_storyContext$context = storyContext.context) !== null && _storyContext$context !== void 0 ? _storyContext$context : storyContext;
+  return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, (_storyContext$initial = storyContext.initialArgs) !== null && _storyContext$initial !== void 0 ? _storyContext$initial : {}), (_baseContext$args = baseContext.args) !== null && _baseContext$args !== void 0 ? _baseContext$args : {}), (_storyContext$args = storyContext.args) !== null && _storyContext$args !== void 0 ? _storyContext$args : {});
+}
+function enhanceStoryContext(storyContext) {
+  var _storyContext$context2;
+  var baseContext = (_storyContext$context2 = storyContext.context) !== null && _storyContext$context2 !== void 0 ? _storyContext$context2 : storyContext;
+  var args = getStoryArgs(storyContext);
+  return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, baseContext), {}, {
+    args: args
+  });
+}
 function withFormSubmitDecorator() {
   var decorator = function decorator(Story, storyContext) {
-    var _storyContext$context;
     var parameters = storyContext.parameters;
-    var context = (_storyContext$context = storyContext.context) !== null && _storyContext$context !== void 0 ? _storyContext$context : storyContext;
+    var context = enhanceStoryContext(storyContext);
     if (isVitestEnvironment() || !hasFormParameters(parameters)) {
-      return /*#__PURE__*/React.createElement(Story, context);
+      return /*#__PURE__*/React.createElement(Story, Object.assign({}, context, {
+        parameters: parameters
+      }));
     }
     return /*#__PURE__*/React.createElement(FormSubmitWrapper.FormSubmitWrapper, Object.assign({}, context, {
       parameters: parameters

package/dist/cjs/decorators/withNextDecorator.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-D8XyM9rZ.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-B1r4NF8e.js');
 var React = require('react');
 var Notification = require('@itcase/ui-web/components/Notification');
 var context = require('@itcase/ui-core/context');

package/dist/cjs/decorators.js

@@ -8,11 +8,12 @@ var withLayoutDecorator = require('./decorators/withLayoutDecorator.js');
 var withNextDecorator = require('./decorators/withNextDecorator.js');
 var withUiDecorator = require('./decorators/withUiDecorator.js');
 require('react');
-require('../_rollupPluginBabelHelpers-D8XyM9rZ.js');
+require('../_rollupPluginBabelHelpers-B1r4NF8e.js');
 require('../isArray-DJguRq_2.js');
-require('../FormSubmitWrapper-DXUEGLuS.js');
+require('../FormSubmitWrapper-BaqE4w9q.js');
 require('@itcase/common');
 require('msw');
+require('final-form');
 require('@itcase/ui-web/components/Notification');
 require('@itcase/ui-core/context');
 

package/dist/components/FormSubmitWrapper-DoGZRTm5.js

@@ -0,0 +1,246 @@
+import { a as _asyncToGenerator, b as _regenerator, c as _createForOfIteratorHelper, d as _objectSpread2 } from './_rollupPluginBabelHelpers-CEVa9ZMs.js';
+import React, { useRef, useEffect } from 'react';
+
+var SUBMIT_POLL_MS = 50;
+function getStoryPreviewDocument() {
+  var _document$getElementB, _previewIframe$conten;
+  var previewIframe = (_document$getElementB = document.getElementById('storybook-preview-iframe')) !== null && _document$getElementB !== void 0 ? _document$getElementB : document.querySelector('iframe[data-is-storybook="true"]');
+  return (_previewIframe$conten = previewIframe === null || previewIframe === void 0 ? void 0 : previewIframe.contentDocument) !== null && _previewIframe$conten !== void 0 ? _previewIframe$conten : null;
+}
+function getMountRoot() {
+  var _ref2, _document$getElementB2;
+  var previewDocument = getStoryPreviewDocument();
+  if (previewDocument) {
+    var _ref, _previewDocument$getE;
+    return (_ref = (_previewDocument$getE = previewDocument.getElementById('storybook-root')) !== null && _previewDocument$getE !== void 0 ? _previewDocument$getE : previewDocument.getElementById('root')) !== null && _ref !== void 0 ? _ref : previewDocument.body;
+  }
+  return (_ref2 = (_document$getElementB2 = document.getElementById('storybook-root')) !== null && _document$getElementB2 !== void 0 ? _document$getElementB2 : document.getElementById('root')) !== null && _ref2 !== void 0 ? _ref2 : document.body;
+}
+function canSubmitFormApi(form) {
+  return typeof (form === null || form === void 0 ? void 0 : form.submit) === 'function' && typeof form.getRegisteredFields === 'function' && form.getRegisteredFields().length > 0;
+}
+function findSaveDraftButton(root) {
+  if (!root) {
+    return null;
+  }
+  var saveDraft = root.querySelector('[data-testid$="SaveDraftButton"]');
+  if (!saveDraft) {
+    return null;
+  }
+  return saveDraft.tagName === 'BUTTON' ? saveDraft : saveDraft.querySelector('button');
+}
+function findSubmitButton(root) {
+  var _form$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;
+  }
+  return (_form$querySelector = form.querySelector('.form__button .form__button-item, .form__button-item')) !== null && _form$querySelector !== void 0 ? _form$querySelector : null;
+}
+function touchFieldsBeforeSubmit(form) {
+  if (!canSubmitFormApi(form)) {
+    return;
+  }
+  var _iterator = _createForOfIteratorHelper(form.getRegisteredFields()),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _form$getFieldState;
+      var fieldName = _step.value;
+      if (!((_form$getFieldState = form.getFieldState(fieldName)) !== null && _form$getFieldState !== void 0 && _form$getFieldState.touched)) {
+        form.blur(fieldName);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+function triggerFormSubmit(_ref3) {
+  var form = _ref3.form,
+    root = _ref3.root,
+    submitButton = _ref3.submitButton;
+  var saveDraftButton = findSaveDraftButton(root !== null && root !== void 0 ? root : getMountRoot());
+  if (saveDraftButton) {
+    saveDraftButton.click();
+    return;
+  }
+  if (canSubmitFormApi(form)) {
+    touchFieldsBeforeSubmit(form);
+    form.submit();
+    return;
+  }
+  if ((submitButton === null || submitButton === void 0 ? void 0 : submitButton.type) === 'submit') {
+    submitButton.click();
+  }
+}
+function autoSubmitForm(_x, _x2) {
+  return _autoSubmitForm.apply(this, arguments);
+}
+function _autoSubmitForm() {
+  _autoSubmitForm = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(formRef, signal) {
+    var root, form, submitButton, saveDraftButton, canSubmitViaFormApi, canClickNativeSubmit, canClickSaveDraft;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.n) {
+        case 0:
+          if (!formRef.__itcaseDidAutoSubmit) {
+            _context.n = 1;
+            break;
+          }
+          return _context.a(2);
+        case 1:
+          if (signal.aborted) {
+            _context.n = 6;
+            break;
+          }
+          root = getMountRoot();
+          form = formRef.current;
+          submitButton = findSubmitButton(root);
+          saveDraftButton = findSaveDraftButton(root);
+          canSubmitViaFormApi = canSubmitFormApi(form);
+          canClickNativeSubmit = (submitButton === null || submitButton === void 0 ? void 0 : submitButton.type) === 'submit';
+          canClickSaveDraft = Boolean(saveDraftButton); // primaryButtonHtmlType="button": ждём final-form API или кнопку черновика в DOM
+          if (!(!canSubmitViaFormApi && !canClickNativeSubmit && !canClickSaveDraft)) {
+            _context.n = 3;
+            break;
+          }
+          _context.n = 2;
+          return new Promise(function (resolve) {
+            setTimeout(resolve, SUBMIT_POLL_MS);
+          });
+        case 2:
+          return _context.a(3, 1);
+        case 3:
+          formRef.__itcaseDidAutoSubmit = true;
+          _context.n = 4;
+          return new Promise(function (resolve) {
+            requestAnimationFrame(function () {
+              requestAnimationFrame(resolve);
+            });
+          });
+        case 4:
+          if (!signal.aborted) {
+            _context.n = 5;
+            break;
+          }
+          return _context.a(2);
+        case 5:
+          triggerFormSubmit({
+            form: formRef.current,
+            root: root,
+            submitButton: submitButton
+          });
+          return _context.a(2);
+        case 6:
+          return _context.a(2);
+      }
+    }, _callee);
+  }));
+  return _autoSubmitForm.apply(this, arguments);
+}
+
+function wrapRender(component, render, formRef) {
+  var defaultArgs = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  if (typeof render !== 'function') {
+    return render;
+  }
+  return function renderWithRef(storyArgs) {
+    var args = _objectSpread2(_objectSpread2({}, defaultArgs), storyArgs !== null && storyArgs !== void 0 ? storyArgs : {});
+    delete args.ref;
+    delete args.errors;
+    if (!args.onSubmit && defaultArgs.onSubmit) {
+      args.onSubmit = defaultArgs.onSubmit;
+    }
+    var rendered = render(args);
+    if (/*#__PURE__*/React.isValidElement(rendered)) {
+      return /*#__PURE__*/React.cloneElement(rendered, _objectSpread2(_objectSpread2(_objectSpread2({}, rendered.props), args), {}, {
+        ref: formRef
+      }));
+    }
+    if (component) {
+      return /*#__PURE__*/React.createElement(component, _objectSpread2({
+        ref: formRef
+      }, args));
+    }
+    return rendered;
+  };
+}
+function withFormRef(children, formRef, bindings) {
+  var _ref, _ref2, _children$props, _ref3, _children$props2, _ref4, _children$props3;
+  var component = bindings.component,
+    args = bindings.args,
+    storyRender = bindings.render,
+    allArgs = bindings.allArgs,
+    context = bindings.context;
+  var storyArgs = (_ref = (_ref2 = args !== null && args !== void 0 ? args : context === null || context === void 0 ? void 0 : context.args) !== null && _ref2 !== void 0 ? _ref2 : children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.args) !== null && _ref !== void 0 ? _ref : {};
+  var storyComponent = (_ref3 = component !== null && component !== void 0 ? component : context === null || context === void 0 ? void 0 : context.component) !== null && _ref3 !== void 0 ? _ref3 : children === null || children === void 0 || (_children$props2 = children.props) === null || _children$props2 === void 0 ? void 0 : _children$props2.component;
+  var storyRenderFn = (_ref4 = storyRender !== null && storyRender !== void 0 ? storyRender : context === null || context === void 0 ? void 0 : context.render) !== null && _ref4 !== void 0 ? _ref4 : children === null || children === void 0 || (_children$props3 = children.props) === null || _children$props3 === void 0 ? void 0 : _children$props3.render;
+  var boundRender = wrapRender(storyComponent, storyRenderFn, formRef, storyArgs);
+  var addRef = function addRef(value) {
+    return value ? _objectSpread2(_objectSpread2({}, value), {}, {
+      ref: formRef
+    }) : value;
+  };
+  return /*#__PURE__*/React.cloneElement(children, {
+    component: storyComponent,
+    args: addRef(storyArgs),
+    render: boundRender,
+    allArgs: addRef(allArgs),
+    context: context ? _objectSpread2(_objectSpread2({}, context), {}, {
+      component: storyComponent,
+      args: addRef(context.args),
+      render: boundRender,
+      allArgs: addRef(context.allArgs)
+    }) : context
+  });
+}
+
+/**
+ * Авто-submit для интерактивного Storybook (Require / Validation / ServerError).
+ * При primaryButtonHtmlType="button" — formRef.current.submit() (final-form API),
+ * при type="submit" — click по кнопке. В Vitest submit в play.
+ */
+function FormSubmitWrapper(props) {
+  var _ref5, _ref6, _children$props4;
+  var formRef = useRef(null);
+  var component = props.component,
+    args = props.args,
+    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 storyArgs = (_ref5 = (_ref6 = args !== null && args !== void 0 ? args : context === null || context === void 0 ? void 0 : context.args) !== null && _ref6 !== void 0 ? _ref6 : children === null || children === void 0 || (_children$props4 = children.props) === null || _children$props4 === void 0 ? void 0 : _children$props4.args) !== null && _ref5 !== void 0 ? _ref5 : {};
+  useEffect(function () {
+    if (!submit) {
+      return undefined;
+    }
+    delete formRef.__itcaseDidAutoSubmit;
+    var abortController = new AbortController();
+    autoSubmitForm(formRef, abortController.signal);
+    return function () {
+      abortController.abort();
+      delete formRef.__itcaseDidAutoSubmit;
+    };
+  }, [submit, storyArgs.errors]);
+
+  // eslint-disable-next-line react-hooks/refs -- ref уходит в cloneElement внутри bound render
+  return withFormRef(children, formRef, {
+    component: component,
+    args: storyArgs,
+    render: render,
+    allArgs: allArgs,
+    context: context
+  });
+}
+
+export { FormSubmitWrapper as F };

package/dist/components/FormSubmitWrapper.js

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