@itcase/storybook-config 1.2.73 → 1.2.75

package/dist/{FormSubmitWrapper-kEv1DMjn.js → FormSubmitWrapper-BaqE4w9q.js}

@@ -3,7 +3,6 @@
 var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-B1r4NF8e.js');
 var React = require('react');
 
-var SUBMIT_TIMEOUT_MS = 15000;
 var SUBMIT_POLL_MS = 50;
 function getStoryPreviewDocument() {
   var _document$getElementB, _previewIframe$conten;
@@ -67,41 +66,6 @@ function touchFieldsBeforeSubmit(form) {
     _iterator.f();
   }
 }
-function hasModifiedFields(form) {
-  return Object.values(form.getState().modified).some(Boolean);
-}
-
-/** Filled edit-формы (#1167): без modified submit не уходит — для story auto-submit. */
-function ensureFormModifiedForStorybookSubmit(form) {
-  if (!canSubmitFormApi(form) || hasModifiedFields(form)) {
-    return;
-  }
-  var _form$getState = form.getState(),
-    values = _form$getState.values;
-  var _iterator2 = _rollupPluginBabelHelpers._createForOfIteratorHelper(form.getRegisteredFields()),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var fieldName = _step2.value;
-      var value = values[fieldName];
-      if (typeof value === 'string' && value.length > 0) {
-        form.change(fieldName, "".concat(value, "x"));
-        return;
-      }
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
-}
-function clickSubmitButton(submitButton) {
-  if (!submitButton) {
-    return;
-  }
-  var nativeButton = submitButton.tagName === 'BUTTON' ? submitButton : submitButton.querySelector('button');
-  (nativeButton !== null && nativeButton !== void 0 ? nativeButton : submitButton).click();
-}
 function triggerFormSubmit(_ref3) {
   var form = _ref3.form,
     root = _ref3.root,
@@ -112,19 +76,20 @@ function triggerFormSubmit(_ref3) {
     return;
   }
   if (canSubmitFormApi(form)) {
-    ensureFormModifiedForStorybookSubmit(form);
     touchFieldsBeforeSubmit(form);
     form.submit();
     return;
   }
-  clickSubmitButton(submitButton);
+  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 deadline, _submitButton$querySe, root, form, submitButton, saveDraftButton, canSubmitViaFormApi, canClickNativeSubmit, canClickSaveDraft;
+    var root, form, submitButton, saveDraftButton, canSubmitViaFormApi, canClickNativeSubmit, canClickSaveDraft;
     return _rollupPluginBabelHelpers._regenerator().w(function (_context) {
       while (1) switch (_context.n) {
         case 0:
@@ -134,10 +99,8 @@ function _autoSubmitForm() {
           }
           return _context.a(2);
         case 1:
-          deadline = Date.now() + SUBMIT_TIMEOUT_MS;
-        case 2:
-          if (!(Date.now() < deadline && !signal.aborted)) {
-            _context.n = 9;
+          if (signal.aborted) {
+            _context.n = 6;
             break;
           }
           root = getMountRoot();
@@ -145,51 +108,40 @@ function _autoSubmitForm() {
           submitButton = findSubmitButton(root);
           saveDraftButton = findSaveDraftButton(root);
           canSubmitViaFormApi = canSubmitFormApi(form);
-          canClickNativeSubmit = Boolean(submitButton && (submitButton.type === 'submit' || ((_submitButton$querySe = submitButton.querySelector) === null || _submitButton$querySe === void 0 ? void 0 : _submitButton$querySe.call(submitButton, 'button[type="submit"]'))));
+          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 = 4;
+            _context.n = 3;
             break;
           }
-          _context.n = 3;
+          _context.n = 2;
           return new Promise(function (resolve) {
             setTimeout(resolve, SUBMIT_POLL_MS);
           });
+        case 2:
+          return _context.a(3, 1);
         case 3:
-          return _context.a(3, 2);
-        case 4:
-          if (!(!canSubmitViaFormApi && canClickNativeSubmit && !canClickSaveDraft)) {
-            _context.n = 6;
-            break;
-          }
-          _context.n = 5;
-          return new Promise(function (resolve) {
-            setTimeout(resolve, SUBMIT_POLL_MS);
-          });
-        case 5:
-          return _context.a(3, 2);
-        case 6:
           formRef.__itcaseDidAutoSubmit = true;
-          _context.n = 7;
+          _context.n = 4;
           return new Promise(function (resolve) {
             requestAnimationFrame(function () {
               requestAnimationFrame(resolve);
             });
           });
-        case 7:
+        case 4:
           if (!signal.aborted) {
-            _context.n = 8;
+            _context.n = 5;
             break;
           }
           return _context.a(2);
-        case 8:
+        case 5:
           triggerFormSubmit({
             form: formRef.current,
             root: root,
             submitButton: submitButton
           });
           return _context.a(2);
-        case 9:
+        case 6:
           return _context.a(2);
       }
     }, _callee);

package/dist/cjs/components/FormSubmitWrapper.js

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

package/dist/cjs/decorators/withFormSubmitDecorator.js

@@ -2,7 +2,7 @@
 
 var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-B1r4NF8e.js');
 var React = require('react');
-var FormSubmitWrapper = require('../../FormSubmitWrapper-kEv1DMjn.js');
+var FormSubmitWrapper = require('../../FormSubmitWrapper-BaqE4w9q.js');
 var isArray = require('../../isArray-DJguRq_2.js');
 require('@itcase/common');
 require('msw');
@@ -1119,11 +1119,6 @@ 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 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;
@@ -1141,7 +1136,7 @@ function withFormSubmitDecorator() {
   var decorator = function decorator(Story, storyContext) {
     var parameters = storyContext.parameters;
     var context = enhanceStoryContext(storyContext);
-    if (isVitestEnvironment() || !hasFormParameters(parameters)) {
+    if (!hasFormParameters(parameters)) {
       return /*#__PURE__*/React.createElement(Story, Object.assign({}, context, {
         parameters: parameters
       }));

package/dist/cjs/decorators.js

@@ -10,7 +10,7 @@ var withUiDecorator = require('./decorators/withUiDecorator.js');
 require('react');
 require('../_rollupPluginBabelHelpers-B1r4NF8e.js');
 require('../isArray-DJguRq_2.js');
-require('../FormSubmitWrapper-kEv1DMjn.js');
+require('../FormSubmitWrapper-BaqE4w9q.js');
 require('@itcase/common');
 require('msw');
 require('final-form');

package/dist/components/{FormSubmitWrapper-obAauTlP.js → FormSubmitWrapper-DoGZRTm5.js}

@@ -1,7 +1,6 @@
 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_TIMEOUT_MS = 15000;
 var SUBMIT_POLL_MS = 50;
 function getStoryPreviewDocument() {
   var _document$getElementB, _previewIframe$conten;
@@ -65,41 +64,6 @@ function touchFieldsBeforeSubmit(form) {
     _iterator.f();
   }
 }
-function hasModifiedFields(form) {
-  return Object.values(form.getState().modified).some(Boolean);
-}
-
-/** Filled edit-формы (#1167): без modified submit не уходит — для story auto-submit. */
-function ensureFormModifiedForStorybookSubmit(form) {
-  if (!canSubmitFormApi(form) || hasModifiedFields(form)) {
-    return;
-  }
-  var _form$getState = form.getState(),
-    values = _form$getState.values;
-  var _iterator2 = _createForOfIteratorHelper(form.getRegisteredFields()),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var fieldName = _step2.value;
-      var value = values[fieldName];
-      if (typeof value === 'string' && value.length > 0) {
-        form.change(fieldName, "".concat(value, "x"));
-        return;
-      }
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
-}
-function clickSubmitButton(submitButton) {
-  if (!submitButton) {
-    return;
-  }
-  var nativeButton = submitButton.tagName === 'BUTTON' ? submitButton : submitButton.querySelector('button');
-  (nativeButton !== null && nativeButton !== void 0 ? nativeButton : submitButton).click();
-}
 function triggerFormSubmit(_ref3) {
   var form = _ref3.form,
     root = _ref3.root,
@@ -110,19 +74,20 @@ function triggerFormSubmit(_ref3) {
     return;
   }
   if (canSubmitFormApi(form)) {
-    ensureFormModifiedForStorybookSubmit(form);
     touchFieldsBeforeSubmit(form);
     form.submit();
     return;
   }
-  clickSubmitButton(submitButton);
+  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 deadline, _submitButton$querySe, root, form, submitButton, saveDraftButton, canSubmitViaFormApi, canClickNativeSubmit, canClickSaveDraft;
+    var root, form, submitButton, saveDraftButton, canSubmitViaFormApi, canClickNativeSubmit, canClickSaveDraft;
     return _regenerator().w(function (_context) {
       while (1) switch (_context.n) {
         case 0:
@@ -132,10 +97,8 @@ function _autoSubmitForm() {
           }
           return _context.a(2);
         case 1:
-          deadline = Date.now() + SUBMIT_TIMEOUT_MS;
-        case 2:
-          if (!(Date.now() < deadline && !signal.aborted)) {
-            _context.n = 9;
+          if (signal.aborted) {
+            _context.n = 6;
             break;
           }
           root = getMountRoot();
@@ -143,51 +106,40 @@ function _autoSubmitForm() {
           submitButton = findSubmitButton(root);
           saveDraftButton = findSaveDraftButton(root);
           canSubmitViaFormApi = canSubmitFormApi(form);
-          canClickNativeSubmit = Boolean(submitButton && (submitButton.type === 'submit' || ((_submitButton$querySe = submitButton.querySelector) === null || _submitButton$querySe === void 0 ? void 0 : _submitButton$querySe.call(submitButton, 'button[type="submit"]'))));
+          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 = 4;
+            _context.n = 3;
             break;
           }
-          _context.n = 3;
+          _context.n = 2;
           return new Promise(function (resolve) {
             setTimeout(resolve, SUBMIT_POLL_MS);
           });
+        case 2:
+          return _context.a(3, 1);
         case 3:
-          return _context.a(3, 2);
-        case 4:
-          if (!(!canSubmitViaFormApi && canClickNativeSubmit && !canClickSaveDraft)) {
-            _context.n = 6;
-            break;
-          }
-          _context.n = 5;
-          return new Promise(function (resolve) {
-            setTimeout(resolve, SUBMIT_POLL_MS);
-          });
-        case 5:
-          return _context.a(3, 2);
-        case 6:
           formRef.__itcaseDidAutoSubmit = true;
-          _context.n = 7;
+          _context.n = 4;
           return new Promise(function (resolve) {
             requestAnimationFrame(function () {
               requestAnimationFrame(resolve);
             });
           });
-        case 7:
+        case 4:
           if (!signal.aborted) {
-            _context.n = 8;
+            _context.n = 5;
             break;
           }
           return _context.a(2);
-        case 8:
+        case 5:
           triggerFormSubmit({
             form: formRef.current,
             root: root,
             submitButton: submitButton
           });
           return _context.a(2);
-        case 9:
+        case 6:
           return _context.a(2);
       }
     }, _callee);

package/dist/components/FormSubmitWrapper.js

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

package/dist/config/viewport/viewport.js

@@ -17,6 +17,13 @@ const VIEWPORTS = {
       height: '667px',
     },
   },
+  tablet: {
+    name: 'Tablet',
+    styles: {
+      width: '768px',
+      height: '1024px',
+    },
+  },
 }
 
 export { VIEWPORTS }

package/dist/decorators/withFormSubmitDecorator.js

@@ -1,6 +1,6 @@
 import { d as _objectSpread2 } from '../components/_rollupPluginBabelHelpers-CEVa9ZMs.js';
 import React from 'react';
-import { F as FormSubmitWrapper } from '../components/FormSubmitWrapper-obAauTlP.js';
+import { F as FormSubmitWrapper } from '../components/FormSubmitWrapper-DoGZRTm5.js';
 import { c as commonjsGlobal, r as requireIsArray } from '../components/isArray-CPoGkdXv.js';
 import '@itcase/common';
 import 'msw';
@@ -1117,11 +1117,6 @@ 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 = import.meta.env) === 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;
@@ -1139,7 +1134,7 @@ function withFormSubmitDecorator() {
   var decorator = function decorator(Story, storyContext) {
     var parameters = storyContext.parameters;
     var context = enhanceStoryContext(storyContext);
-    if (isVitestEnvironment() || !hasFormParameters(parameters)) {
+    if (!hasFormParameters(parameters)) {
       return /*#__PURE__*/React.createElement(Story, Object.assign({}, context, {
         parameters: parameters
       }));

package/dist/decorators.js

@@ -8,7 +8,7 @@ export { withUiDecorator } from './decorators/withUiDecorator.js';
 import 'react';
 import './components/_rollupPluginBabelHelpers-CEVa9ZMs.js';
 import './components/isArray-CPoGkdXv.js';
-import './components/FormSubmitWrapper-obAauTlP.js';
+import './components/FormSubmitWrapper-DoGZRTm5.js';
 import '@itcase/common';
 import 'msw';
 import 'final-form';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.2.73",
+  "version": "1.2.75",
   "author": "ITCase",
   "description": "Storybook configuration package",
   "engines": {
@@ -121,11 +121,11 @@
     "babel-plugin-react-native-web": "^0.21.2",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
     "chalk": "^5.6.2",
-    "http-proxy-middleware": "^4.0.0",
+    "http-proxy-middleware": "^4.1.0",
     "msw": "^2.14.6",
     "msw-storybook-addon": "^2.0.7",
     "react-native-gesture-handler": "^3.0.0",
-    "react-native-reanimated": "^4.4.0",
+    "react-native-reanimated": "^4.4.1",
     "react-native-safe-area-context": "^5.8.0",
     "react-native-svg": "^15.15.5",
     "react-native-web": "^0.21.2",
@@ -147,8 +147,8 @@
     "@commitlint/config-conventional": "^21.0.2",
     "@itcase/common": "^1.2.44",
     "@itcase/lint": "^1.1.116",
-    "@itcase/ui-core": "^1.10.15",
-    "@itcase/ui-web": "^1.10.20",
+    "@itcase/ui-core": "^1.10.21",
+    "@itcase/ui-web": "^1.10.23",
     "@react-native-community/cli": "20.1.3",
     "@react-native-community/cli-platform-android": "20.1.3",
     "@react-native-community/cli-platform-ios": "20.1.3",
@@ -177,11 +177,11 @@
     "react-dom": "^18",
     "react-native": "0.85.3",
     "react-native-web": "^0.21.2",
-    "rollup": "^4.61.0",
+    "rollup": "^4.61.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "semantic-release": "^25.0.3",
-    "stylelint": "^17.12.0",
+    "stylelint": "^17.13.0",
     "typescript": "^6.0.3",
     "vite": "^8.0.16"
   }