@itcase/storybook-config 1.2.74 → 1.2.77

package/dist/decorators/withNextDecorator.js

@@ -1,42 +1,53 @@
-import { _ as _objectWithoutProperties } from '../components/_rollupPluginBabelHelpers-CEVa9ZMs.js';
-import React from 'react';
+import 'react';
 import { NotificationWrapper } from '@itcase/ui-web/components/Notification';
 import { UIProvider, NotificationsProvider } from '@itcase/ui-core/context';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded = ["storesData"];
-function withNextDecoratorFactory(_ref) {
-  var App = _ref.App,
-    RootStoreProvider = _ref.RootStoreProvider;
-  var decorator = function decorator(Story, _ref2) {
-    var args = _ref2.args,
-      parameters = _ref2.parameters,
-      context = _ref2.context;
-    var _prepareStoryArgument = prepareStoryArguments({
-        args: args,
-        parameters: parameters,
-        context: context
-      }),
-      appArgs = _prepareStoryArgument.appArgs,
-      appContext = _prepareStoryArgument.appContext,
-      appParameters = _prepareStoryArgument.appParameters;
+function withNextDecoratorFactory({
+  App,
+  RootStoreProvider
+}) {
+  const decorator = (Story, {
+    args,
+    parameters,
+    context
+  }) => {
+    const {
+      appArgs,
+      appContext,
+      appParameters
+    } = prepareStoryArguments({
+      args,
+      parameters,
+      context
+    });
     if (appParameters.page) {
-      return /*#__PURE__*/React.createElement(App, {
+      return /*#__PURE__*/jsx(App, {
         Component: Story,
         pageProps: appArgs
       });
     }
-    return /*#__PURE__*/React.createElement(RootStoreProvider, appArgs.rootStoreInitialData, /*#__PURE__*/React.createElement(UIProvider, null, /*#__PURE__*/React.createElement(NotificationsProvider, {
-      initialNotificationsList: parameters.initialNotificationsList || args.initialNotificationsList || []
-    }, /*#__PURE__*/React.createElement(NotificationWrapper, {
-      className: "notification_global notification_global_right_top"
-    }), /*#__PURE__*/React.createElement(Story, appContext))));
+    return /*#__PURE__*/jsx(RootStoreProvider, {
+      ...appArgs.rootStoreInitialData,
+      children: /*#__PURE__*/jsx(UIProvider, {
+        children: /*#__PURE__*/jsxs(NotificationsProvider, {
+          initialNotificationsList: parameters.initialNotificationsList || args.initialNotificationsList || [],
+          children: [/*#__PURE__*/jsx(NotificationWrapper, {
+            className: "notification_global notification_global_right_top"
+          }), /*#__PURE__*/jsx(Story, {
+            ...appContext
+          })]
+        })
+      })
+    });
   };
   return decorator;
 }
-var prepareStoryArguments = function prepareStoryArguments(_ref3) {
-  var args = _ref3.args,
-    parameters = _ref3.parameters,
-    context = _ref3.context;
+const prepareStoryArguments = ({
+  args,
+  parameters,
+  context
+}) => {
   if (parameters.storeData || parameters.storesData) {
     throw new Error('"withNextDecoratorFactory" error: "parameters.storesData" is deprecated. Set "storesData" to args instead.');
   }
@@ -46,8 +57,10 @@ var prepareStoryArguments = function prepareStoryArguments(_ref3) {
   if (args.rootStoreInitialData) {
     throw new Error('"withNextDecoratorFactory" error: do not user "args.rootStoreInitialData". Use "storesData" argument he passes parameters to rootStoreInitialData.');
   }
-  var storesData = args.storesData,
-    otherArgs = _objectWithoutProperties(args, _excluded);
+  const {
+    storesData,
+    ...otherArgs
+  } = args;
   otherArgs.rootStoreInitialData = storesData;
   return {
     appArgs: otherArgs,

package/dist/decorators/withUiDecorator.js

@@ -1,13 +1,18 @@
-import React from 'react';
+import 'react';
 import { NotificationWrapper } from '@itcase/ui-web/components/Notification';
 import { UIProvider, NotificationsProvider } from '@itcase/ui-core/context';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-function withUiDecorator(Story, _ref) {
-  var args = _ref.args,
-    parameters = _ref.parameters;
-  return /*#__PURE__*/React.createElement(UIProvider, null, /*#__PURE__*/React.createElement(NotificationsProvider, {
-    initialNotificationsList: parameters.initialNotificationsList || args.initialNotificationsList || []
-  }, /*#__PURE__*/React.createElement(NotificationWrapper, null), /*#__PURE__*/React.createElement(Story, null)));
+function withUiDecorator(Story, {
+  args,
+  parameters
+}) {
+  return /*#__PURE__*/jsx(UIProvider, {
+    children: /*#__PURE__*/jsxs(NotificationsProvider, {
+      initialNotificationsList: parameters.initialNotificationsList || args.initialNotificationsList || [],
+      children: [/*#__PURE__*/jsx(NotificationWrapper, {}), /*#__PURE__*/jsx(Story, {})]
+    })
+  });
 }
 
 export { withUiDecorator };

package/dist/decorators.js

@@ -6,9 +6,9 @@ export { withLayoutDecorator } from './decorators/withLayoutDecorator.js';
 export { withNextDecoratorFactory } from './decorators/withNextDecorator.js';
 export { withUiDecorator } from './decorators/withUiDecorator.js';
 import 'react';
-import './components/_rollupPluginBabelHelpers-CEVa9ZMs.js';
+import 'react/jsx-runtime';
 import './components/isArray-CPoGkdXv.js';
-import './components/FormSubmitWrapper-DoGZRTm5.js';
+import './components/FormSubmitWrapper-B2tMQZu2.js';
 import '@itcase/common';
 import 'msw';
 import 'final-form';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/storybook-config",
-  "version": "1.2.74",
+  "version": "1.2.77",
   "author": "ITCase",
   "description": "Storybook configuration package",
   "engines": {
@@ -89,78 +89,78 @@
   },
   "dependencies": {
     "@gorhom/bottom-sheet": "^5.2.14",
-    "@itcase/config": "^1.6.58",
+    "@itcase/config": "^1.6.61",
     "@itcase/storybook-addon-auth": "^1.0.5",
     "@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.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-docs": "^10.4.6",
+    "@storybook/addon-links": "^10.4.6",
+    "@storybook/addon-ondevice-actions": "10.4.7",
+    "@storybook/addon-ondevice-backgrounds": "10.4.7",
+    "@storybook/addon-ondevice-controls": "10.4.7",
+    "@storybook/addon-ondevice-notes": "^10.4.7",
     "@storybook/addon-react-native-web": "^0.0.29",
     "@storybook/addon-styling-webpack": "^3.0.2",
-    "@storybook/addon-themes": "^10.4.2",
-    "@storybook/addon-vitest": "^10.4.2",
+    "@storybook/addon-themes": "^10.4.6",
+    "@storybook/addon-vitest": "^10.4.6",
     "@storybook/addon-webpack5-compiler-swc": "^4.0.3",
-    "@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.2",
-    "@storybook/react-vite": "^10.4.2",
-    "@storybook/react-webpack5": "^10.4.2",
+    "@storybook/builder-vite": "^10.4.6",
+    "@storybook/nextjs": "^10.4.6",
+    "@storybook/nextjs-vite": "^10.4.6",
+    "@storybook/react": "^10.4.6",
+    "@storybook/react-native": "10.4.7",
+    "@storybook/react-native-ui-lite": "10.4.7",
+    "@storybook/react-native-web-vite": "^10.4.6",
+    "@storybook/react-vite": "^10.4.6",
+    "@storybook/react-webpack5": "^10.4.6",
     "@vitejs/plugin-react": "^6.0.2",
-    "@vitest/browser-playwright": "^4.1.8",
+    "@vitest/browser-playwright": "^4.1.9",
     "babel-loader": "^10.1.1",
     "babel-plugin-react-docgen": "^4.2.1",
     "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.1",
     "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-gesture-handler": "^3.0.2",
+    "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",
-    "react-native-worklets": "^0.9.1",
-    "storybook": "^10.4.2",
+    "react-native-worklets": "^0.9.2",
+    "storybook": "^10.4.6",
     "storybook-addon-source-link": "^2.0.1",
     "vite": "^8.0.16",
     "vite-plugin-babel": "^1.7.3",
     "vite-plugin-svgr": "^5.2.0",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.1.8"
+    "vitest": "^4.1.9"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.7",
-    "@babel/preset-env": "^7.29.7",
-    "@babel/preset-react": "^7.29.7",
-    "@babel/runtime": "^7.29.7",
+    "@babel/core": "^8.0.1",
+    "@babel/preset-env": "^8.0.2",
+    "@babel/preset-react": "^8.0.1",
+    "@babel/runtime": "^8.0.0",
     "@commitlint/cli": "^21.0.2",
     "@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/common": "^1.2.46",
+    "@itcase/lint": "^1.1.117",
+    "@itcase/ui-core": "^1.10.37",
+    "@itcase/ui-web": "^1.10.40",
     "@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",
-    "@react-native/babel-preset": "0.85.3",
-    "@react-native/eslint-config": "0.85.3",
-    "@react-native/metro-config": "0.85.3",
-    "@react-native/typescript-config": "0.85.3",
+    "@react-native/babel-preset": "0.86.0",
+    "@react-native/eslint-config": "0.86.0",
+    "@react-native/metro-config": "0.86.0",
+    "@react-native/typescript-config": "0.86.0",
     "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "^10.4.2",
+    "@storybook/addon-docs": "^10.4.6",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "babel-plugin-transform-inline-environment-variables": "^0.4.4",
@@ -168,20 +168,20 @@
     "eslint": "9.39.2",
     "glob": "^13.0.6",
     "husky": "^9.1.7",
-    "lint-staged": "^17.0.7",
-    "next": "^16.2.7",
-    "prettier": "^3.8.3",
+    "lint-staged": "^17.0.8",
+    "next": "^16.2.9",
+    "prettier": "^3.8.4",
     "react": "^18",
     "react-docgen": "^8.0.3",
     "react-docgen-typescript": "^2.4.0",
     "react-dom": "^18",
-    "react-native": "0.85.3",
+    "react-native": "0.86.0",
     "react-native-web": "^0.21.2",
-    "rollup": "^4.61.0",
+    "rollup": "^4.62.2",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "semantic-release": "^25.0.3",
-    "stylelint": "^17.12.0",
+    "semantic-release": "^25.0.5",
+    "stylelint": "^17.13.0",
     "typescript": "^6.0.3",
     "vite": "^8.0.16"
   }

package/dist/FormSubmitWrapper-BaqE4w9q.js

@@ -1,248 +0,0 @@
-'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;