@itcase/storybook-config 1.2.72 → 1.2.74

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

@@ -1,3 +1,8 @@
+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),
@@ -23,6 +28,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,
@@ -194,5 +247,12 @@ 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;
+  }
+}
 
-export { _objectWithoutProperties as _, _asyncToGenerator as a, _regenerator as b, _objectSpread2 as c };
+export { _objectWithoutProperties as _, _asyncToGenerator as a, _regenerator as b, _createForOfIteratorHelper as c, _objectSpread2 as d };

package/dist/decorators/withFigmaSourceLink.js

@@ -1,4 +1,4 @@
-import { c as _objectSpread2 } from '../components/_rollupPluginBabelHelpers-OwKVS06F.js';
+import { d as _objectSpread2 } from '../components/_rollupPluginBabelHelpers-CEVa9ZMs.js';
 import React from 'react';
 import { r as requireIsArray, g as getDefaultExportFromCjs } from '../components/isArray-CPoGkdXv.js';
 

package/dist/decorators/withFormSubmitDecorator.js

@@ -1,9 +1,10 @@
+import { d as _objectSpread2 } from '../components/_rollupPluginBabelHelpers-CEVa9ZMs.js';
 import React from 'react';
-import { F as FormSubmitWrapper } from '../components/FormSubmitWrapper-CytvWwKi.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';
-import '../components/_rollupPluginBabelHelpers-OwKVS06F.js';
+import 'final-form';
 
 /** Detect free variable `global` from Node.js. */
 
@@ -1121,13 +1122,27 @@ function isVitestEnvironment() {
   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;
+  return _objectSpread2(_objectSpread2(_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 _objectSpread2(_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, Object.assign({}, context, {
       parameters: parameters

package/dist/decorators/withNextDecorator.js

@@ -1,4 +1,4 @@
-import { _ as _objectWithoutProperties } from '../components/_rollupPluginBabelHelpers-OwKVS06F.js';
+import { _ as _objectWithoutProperties } from '../components/_rollupPluginBabelHelpers-CEVa9ZMs.js';
 import React from 'react';
 import { NotificationWrapper } from '@itcase/ui-web/components/Notification';
 import { UIProvider, NotificationsProvider } from '@itcase/ui-core/context';

package/dist/decorators.js

@@ -6,10 +6,11 @@ export { withLayoutDecorator } from './decorators/withLayoutDecorator.js';
 export { withNextDecoratorFactory } from './decorators/withNextDecorator.js';
 export { withUiDecorator } from './decorators/withUiDecorator.js';
 import 'react';
-import './components/_rollupPluginBabelHelpers-OwKVS06F.js';
+import './components/_rollupPluginBabelHelpers-CEVa9ZMs.js';
 import './components/isArray-CPoGkdXv.js';
-import './components/FormSubmitWrapper-CytvWwKi.js';
+import './components/FormSubmitWrapper-DoGZRTm5.js';
 import '@itcase/common';
 import 'msw';
+import 'final-form';
 import '@itcase/ui-web/components/Notification';
 import '@itcase/ui-core/context';

package/dist/utils/handleMSWParameters.js

@@ -1,17 +1,29 @@
-import { serverErrorHandler } from '../config/msw/mswHandlers'
+import {
+  serverErrorDataHandler,
+  serverErrorHandler,
+} from '../config/msw/mswHandlers'
 
 function handleMSWParameters(parameters, args) {
-  let mswHandlersParams = {}
+  const errors = args?.errors
+  const handlers = []
 
   if (parameters.serverError) {
-    mswHandlersParams = {
-      msw: {
-        handlers: [serverErrorHandler(args.errors)],
-      },
-    }
+    handlers.push(serverErrorHandler(errors))
   }
 
-  return mswHandlersParams
+  if (parameters.serverErrorData) {
+    handlers.push(serverErrorDataHandler(errors?.non_field_errors || errors))
+  }
+
+  if (handlers.length === 0) {
+    return {}
+  }
+
+  return {
+    msw: {
+      handlers,
+    },
+  }
 }
 
 export { handleMSWParameters }

package/dist/utils/index.js

@@ -3,6 +3,7 @@ import { getStoryInfoBlocks } from './getStoryInfoBlocks.js'
 import { handleMSWParameters } from './handleMSWParameters.js'
 import { hasFormParameters } from './hasFormParameters.js'
 import { isVitestEnvironment } from './isVitestEnvironment.js'
+import { mapErrorsToFinalForm } from './storybookServerErrorOnSubmit.js'
 
 // import { storybookFormMockFactory } from './storybookFormMockFactory.js'
 
@@ -12,5 +13,6 @@ export {
   handleMSWParameters,
   hasFormParameters,
   isVitestEnvironment,
+  mapErrorsToFinalForm,
   // storybookFormMockFactory,
 }

package/dist/utils/storybookServerErrorOnSubmit.js

@@ -0,0 +1,21 @@
+import { FORM_ERROR } from 'final-form'
+
+function mapErrorsToFinalForm(errors) {
+  if (!errors || typeof errors !== 'object') {
+    return {}
+  }
+
+  const formErrors = {}
+
+  for (const key of Object.keys(errors)) {
+    const errorFieldKey =
+      key === 'non_field_errors' || key === 'detail' ? FORM_ERROR : key
+    const value = errors[key]
+
+    formErrors[errorFieldKey] = Array.isArray(value) ? value[0] : value
+  }
+
+  return formErrors
+}
+
+export { mapErrorsToFinalForm }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.2.72",
+  "version": "1.2.74",
   "author": "ITCase",
   "description": "Storybook configuration package",
   "engines": {
@@ -94,26 +94,26 @@
     "@react-native-async-storage/async-storage": "^3.1.1",
     "@react-native-community/datetimepicker": "^9.1.0",
     "@storybook/addon-designs": "^11.1.3",
-    "@storybook/addon-docs": "^10.4.1",
-    "@storybook/addon-links": "^10.4.1",
+    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/addon-links": "^10.4.2",
     "@storybook/addon-ondevice-actions": "10.4.4",
     "@storybook/addon-ondevice-backgrounds": "10.4.4",
     "@storybook/addon-ondevice-controls": "10.4.4",
     "@storybook/addon-ondevice-notes": "^10.4.4",
     "@storybook/addon-react-native-web": "^0.0.29",
     "@storybook/addon-styling-webpack": "^3.0.2",
-    "@storybook/addon-themes": "^10.4.1",
-    "@storybook/addon-vitest": "^10.4.1",
+    "@storybook/addon-themes": "^10.4.2",
+    "@storybook/addon-vitest": "^10.4.2",
     "@storybook/addon-webpack5-compiler-swc": "^4.0.3",
-    "@storybook/builder-vite": "^10.4.1",
-    "@storybook/nextjs": "^10.4.1",
-    "@storybook/nextjs-vite": "^10.4.1",
-    "@storybook/react": "^10.4.1",
+    "@storybook/builder-vite": "^10.4.2",
+    "@storybook/nextjs": "^10.4.2",
+    "@storybook/nextjs-vite": "^10.4.2",
+    "@storybook/react": "^10.4.2",
     "@storybook/react-native": "10.4.4",
     "@storybook/react-native-ui-lite": "10.4.4",
-    "@storybook/react-native-web-vite": "^10.4.1",
-    "@storybook/react-vite": "^10.4.1",
-    "@storybook/react-webpack5": "^10.4.1",
+    "@storybook/react-native-web-vite": "^10.4.2",
+    "@storybook/react-vite": "^10.4.2",
+    "@storybook/react-webpack5": "^10.4.2",
     "@vitejs/plugin-react": "^6.0.2",
     "@vitest/browser-playwright": "^4.1.8",
     "babel-loader": "^10.1.1",
@@ -130,7 +130,7 @@
     "react-native-svg": "^15.15.5",
     "react-native-web": "^0.21.2",
     "react-native-worklets": "^0.9.1",
-    "storybook": "^10.4.1",
+    "storybook": "^10.4.2",
     "storybook-addon-source-link": "^2.0.1",
     "vite": "^8.0.16",
     "vite-plugin-babel": "^1.7.3",
@@ -145,10 +145,10 @@
     "@babel/runtime": "^7.29.7",
     "@commitlint/cli": "^21.0.2",
     "@commitlint/config-conventional": "^21.0.2",
-    "@itcase/common": "^1.2.43",
+    "@itcase/common": "^1.2.44",
     "@itcase/lint": "^1.1.116",
     "@itcase/ui-core": "^1.10.15",
-    "@itcase/ui-web": "^1.10.16",
+    "@itcase/ui-web": "^1.10.20",
     "@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",
@@ -160,7 +160,7 @@
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "^10.4.1",
+    "@storybook/addon-docs": "^10.4.2",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",

package/dist/FormSubmitWrapper-DXUEGLuS.js

@@ -1,247 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-D8XyM9rZ.js');
-var React = require('react');
-
-var SUBMIT_TIMEOUT_MS = 5000;
-var SUBMIT_POLL_MS = 50;
-function getMountRoot() {
-  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;
-  return new Promise(function (resolve) {
-    setTimeout(resolve, ms);
-  });
-}
-function findSubmitButton(root) {
-  var _root$querySelector;
-  if (!root) {
-    return null;
-  }
-  return (_root$querySelector = root.querySelector('button[type="submit"]')) !== null && _root$querySelector !== void 0 ? _root$querySelector : root.querySelector('button.form__button-item');
-}
-function isSubmitButton(button) {
-  return (button === null || button === void 0 ? void 0 : button.type) === 'submit';
-}
-function canUseFormApi(form) {
-  return typeof (form === null || form === void 0 ? void 0 : form.submit) === 'function';
-}
-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;
-  }
-  var fieldName = (_config$field = config.field) !== null && _config$field !== void 0 ? _config$field : form.getRegisteredFields()[0];
-  if (!fieldName) {
-    return;
-  }
-  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);
-  }
-}
-function triggerFormSubmit(_ref) {
-  var _submitButton$closest, _submitButton$closest2;
-  var form = _ref.form,
-    submitButton = _ref.submitButton;
-  if (isSubmitButton(submitButton)) {
-    submitButton.click();
-    return;
-  }
-  if (canUseFormApi(form)) {
-    form.submit();
-    return;
-  }
-  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 getSubmitTarget(formRef) {
-  var submitButton = findSubmitButton(getMountRoot());
-  return {
-    canSubmit: Boolean(submitButton) || canUseFormApi(formRef.current),
-    form: formRef.current,
-    submitButton: submitButton
-  };
-}
-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 = _rollupPluginBabelHelpers._asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers._regenerator().m(function _callee(formRef) {
-    var formSubmitConfig,
-      signal,
-      didPrepareUnchangedSubmit,
-      deadline,
-      _getSubmitTarget,
-      canSubmit,
-      form,
-      submitButton,
-      _args = arguments;
-    return _rollupPluginBabelHelpers._regenerator().w(function (_context) {
-      while (1) switch (_context.n) {
-        case 0:
-          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 && !signal.aborted)) {
-            _context.n = 6;
-            break;
-          }
-          _getSubmitTarget = getSubmitTarget(formRef), canSubmit = _getSubmitTarget.canSubmit, form = _getSubmitTarget.form, submitButton = _getSubmitTarget.submitButton;
-          if (canSubmit) {
-            _context.n = 3;
-            break;
-          }
-          _context.n = 2;
-          return sleep();
-        case 2:
-          return _context.a(3, 1);
-        case 3:
-          if (!(formSubmitConfig !== null && formSubmitConfig !== void 0 && formSubmitConfig.allowUnchangedSubmit && !didPrepareUnchangedSubmit)) {
-            _context.n = 5;
-            break;
-          }
-          prepareFormForAutoSubmit(form, formSubmitConfig);
-          didPrepareUnchangedSubmit = true;
-          _context.n = 4;
-          return sleep();
-        case 4:
-          return _context.a(3, 1);
-        case 5:
-          triggerFormSubmit({
-            form: form,
-            submitButton: submitButton
-          });
-          return _context.a(2);
-        case 6:
-          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).
- * При primaryButtonHtmlType="button" вызывает formRef.current.submit() (final-form API)
- * и вешает click на кнопку, чтобы ручной submit тоже работал.
- * В 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();
-    var unbindClick = bindSubmitButtonClick(formRef, abortController.signal);
-    return function () {
-      abortController.abort();
-      unbindClick === null || unbindClick === void 0 || unbindClick();
-    };
-  }, [formSubmitConfig, submit]);
-  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;