@itcase/storybook-config 1.1.96 → 1.1.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/decorators/withFormSubmitDecorator.js +30 -6
- package/dist/cjs/decorators/withNextDecorator.js +1 -34
- package/dist/cjs/decorators.js +0 -1
- package/dist/decorators/withFormSubmitDecorator.js +29 -5
- package/dist/decorators/withNextDecorator.js +1 -34
- package/dist/decorators.js +0 -1
- package/package.json +3 -3
- package/dist/hasFormParameters-CWMGd5t1.js +0 -7
- package/dist/hasFormParameters-CtI_uSU6.js +0 -5
|
@@ -4,18 +4,42 @@ var React = require('react');
|
|
|
4
4
|
var index = require('../components/FormSubmitWrapper.js');
|
|
5
5
|
require('lodash/camelCase');
|
|
6
6
|
require('@itcase/common');
|
|
7
|
-
require('msw');
|
|
8
|
-
|
|
7
|
+
var msw = require('msw');
|
|
8
|
+
|
|
9
|
+
var serverErrorHandler = function serverErrorHandler(formUrl, errors) {
|
|
10
|
+
return msw.http.post(formUrl, function () {
|
|
11
|
+
return msw.HttpResponse.json(errors, {
|
|
12
|
+
status: 400
|
|
13
|
+
});
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
function handleMSWParameters(parameters, args) {
|
|
18
|
+
var mswHandlersParams = {};
|
|
19
|
+
if (parameters.serverError) {
|
|
20
|
+
mswHandlersParams = {
|
|
21
|
+
msw: {
|
|
22
|
+
handlers: [serverErrorHandler(parameters.formUrl, args.errors)]
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
return mswHandlersParams;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
function hasFormParameters(parameters) {
|
|
30
|
+
return Boolean(parameters.require || parameters.validation || parameters.error || parameters.serverError || parameters.serverErrorData);
|
|
31
|
+
}
|
|
9
32
|
|
|
10
33
|
function withFormSubmitDecorator() {
|
|
11
34
|
var decorator = function decorator(Story, _ref) {
|
|
12
|
-
_ref.args
|
|
13
|
-
|
|
35
|
+
var args = _ref.args,
|
|
36
|
+
parameters = _ref.parameters,
|
|
14
37
|
context = _ref.context;
|
|
38
|
+
var mswHandlersParams = handleMSWParameters(parameters, args);
|
|
15
39
|
var updatedContext = Object.assign({}, context, {
|
|
16
|
-
parameters: Object.assign({}, context.parameters)
|
|
40
|
+
parameters: Object.assign({}, context.parameters, mswHandlersParams)
|
|
17
41
|
});
|
|
18
|
-
return hasFormParameters
|
|
42
|
+
return hasFormParameters(parameters) ? /*#__PURE__*/React.createElement(index.FormSubmitWrapper, updatedContext, /*#__PURE__*/React.createElement(Story, updatedContext)) : /*#__PURE__*/React.createElement(Story, updatedContext);
|
|
19
43
|
};
|
|
20
44
|
return decorator;
|
|
21
45
|
}
|
|
@@ -3,31 +3,6 @@
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
var Notifications = require('@itcase/ui/context/Notifications');
|
|
5
5
|
var UIContext = require('@itcase/ui/context/UIContext');
|
|
6
|
-
var index = require('../components/FormSubmitWrapper.js');
|
|
7
|
-
require('lodash/camelCase');
|
|
8
|
-
require('@itcase/common');
|
|
9
|
-
var msw = require('msw');
|
|
10
|
-
var hasFormParameters = require('../../hasFormParameters-CWMGd5t1.js');
|
|
11
|
-
|
|
12
|
-
var serverErrorHandler = function serverErrorHandler(formUrl, errors) {
|
|
13
|
-
return msw.http.post(formUrl, function () {
|
|
14
|
-
return msw.HttpResponse.json(errors, {
|
|
15
|
-
status: 400
|
|
16
|
-
});
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
function handleMSWParameters(parameters, args) {
|
|
21
|
-
var mswHandlersParams = {};
|
|
22
|
-
if (parameters.serverError) {
|
|
23
|
-
mswHandlersParams = {
|
|
24
|
-
msw: {
|
|
25
|
-
handlers: [serverErrorHandler(parameters.formUrl, args.errors)]
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
return mswHandlersParams;
|
|
30
|
-
}
|
|
31
6
|
|
|
32
7
|
function withNextDecoratorFactory(_ref) {
|
|
33
8
|
var App = _ref.App,
|
|
@@ -36,24 +11,16 @@ function withNextDecoratorFactory(_ref) {
|
|
|
36
11
|
var args = _ref2.args,
|
|
37
12
|
parameters = _ref2.parameters,
|
|
38
13
|
context = _ref2.context;
|
|
39
|
-
var mswHandlersParams = handleMSWParameters(parameters, args);
|
|
40
|
-
var updatedContext = Object.assign({}, context, {
|
|
41
|
-
parameters: Object.assign({}, context.parameters, mswHandlersParams)
|
|
42
|
-
});
|
|
43
|
-
updatedContext.context = updatedContext;
|
|
44
14
|
if (parameters.page) {
|
|
45
15
|
return /*#__PURE__*/React.createElement(App, {
|
|
46
16
|
Component: Story,
|
|
47
17
|
pageProps: args
|
|
48
18
|
});
|
|
49
19
|
}
|
|
50
|
-
if (hasFormParameters.hasFormParameters(parameters) && !parameters.formUrl) {
|
|
51
|
-
throw new Error('Set "formUrl" in stories!');
|
|
52
|
-
}
|
|
53
20
|
if (parameters.storeData) {
|
|
54
21
|
throw new Error('Use store/s/DataSet, add "s"!');
|
|
55
22
|
}
|
|
56
|
-
return /*#__PURE__*/React.createElement(RootStoreProvider, parameters.storesData, /*#__PURE__*/React.createElement(UIContext.UIProvider, null, /*#__PURE__*/React.createElement(Notifications.NotificationsProvider, null,
|
|
23
|
+
return /*#__PURE__*/React.createElement(RootStoreProvider, parameters.storesData, /*#__PURE__*/React.createElement(UIContext.UIProvider, null, /*#__PURE__*/React.createElement(Notifications.NotificationsProvider, null, /*#__PURE__*/React.createElement(Story, context))));
|
|
57
24
|
};
|
|
58
25
|
return decorator;
|
|
59
26
|
}
|
package/dist/cjs/decorators.js
CHANGED
|
@@ -12,7 +12,6 @@ require('./components/FormSubmitWrapper.js');
|
|
|
12
12
|
require('lodash/camelCase');
|
|
13
13
|
require('@itcase/common');
|
|
14
14
|
require('msw');
|
|
15
|
-
require('../hasFormParameters-CWMGd5t1.js');
|
|
16
15
|
require('@itcase/ui/context/Notifications');
|
|
17
16
|
require('@itcase/ui/context/UIContext');
|
|
18
17
|
|
|
@@ -2,16 +2,40 @@ import React from 'react';
|
|
|
2
2
|
import { FormSubmitWrapper } from '../components/FormSubmitWrapper.js';
|
|
3
3
|
import 'lodash/camelCase';
|
|
4
4
|
import '@itcase/common';
|
|
5
|
-
import 'msw';
|
|
6
|
-
|
|
5
|
+
import { http, HttpResponse } from 'msw';
|
|
6
|
+
|
|
7
|
+
var serverErrorHandler = function serverErrorHandler(formUrl, errors) {
|
|
8
|
+
return http.post(formUrl, function () {
|
|
9
|
+
return HttpResponse.json(errors, {
|
|
10
|
+
status: 400
|
|
11
|
+
});
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
function handleMSWParameters(parameters, args) {
|
|
16
|
+
var mswHandlersParams = {};
|
|
17
|
+
if (parameters.serverError) {
|
|
18
|
+
mswHandlersParams = {
|
|
19
|
+
msw: {
|
|
20
|
+
handlers: [serverErrorHandler(parameters.formUrl, args.errors)]
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
return mswHandlersParams;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
function hasFormParameters(parameters) {
|
|
28
|
+
return Boolean(parameters.require || parameters.validation || parameters.error || parameters.serverError || parameters.serverErrorData);
|
|
29
|
+
}
|
|
7
30
|
|
|
8
31
|
function withFormSubmitDecorator() {
|
|
9
32
|
var decorator = function decorator(Story, _ref) {
|
|
10
|
-
_ref.args
|
|
11
|
-
|
|
33
|
+
var args = _ref.args,
|
|
34
|
+
parameters = _ref.parameters,
|
|
12
35
|
context = _ref.context;
|
|
36
|
+
var mswHandlersParams = handleMSWParameters(parameters, args);
|
|
13
37
|
var updatedContext = Object.assign({}, context, {
|
|
14
|
-
parameters: Object.assign({}, context.parameters)
|
|
38
|
+
parameters: Object.assign({}, context.parameters, mswHandlersParams)
|
|
15
39
|
});
|
|
16
40
|
return hasFormParameters(parameters) ? /*#__PURE__*/React.createElement(FormSubmitWrapper, updatedContext, /*#__PURE__*/React.createElement(Story, updatedContext)) : /*#__PURE__*/React.createElement(Story, updatedContext);
|
|
17
41
|
};
|
|
@@ -1,31 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { NotificationsProvider } from '@itcase/ui/context/Notifications';
|
|
3
3
|
import { UIProvider } from '@itcase/ui/context/UIContext';
|
|
4
|
-
import { FormSubmitWrapper } from '../components/FormSubmitWrapper.js';
|
|
5
|
-
import 'lodash/camelCase';
|
|
6
|
-
import '@itcase/common';
|
|
7
|
-
import { http, HttpResponse } from 'msw';
|
|
8
|
-
import { h as hasFormParameters } from '../hasFormParameters-CtI_uSU6.js';
|
|
9
|
-
|
|
10
|
-
var serverErrorHandler = function serverErrorHandler(formUrl, errors) {
|
|
11
|
-
return http.post(formUrl, function () {
|
|
12
|
-
return HttpResponse.json(errors, {
|
|
13
|
-
status: 400
|
|
14
|
-
});
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
function handleMSWParameters(parameters, args) {
|
|
19
|
-
var mswHandlersParams = {};
|
|
20
|
-
if (parameters.serverError) {
|
|
21
|
-
mswHandlersParams = {
|
|
22
|
-
msw: {
|
|
23
|
-
handlers: [serverErrorHandler(parameters.formUrl, args.errors)]
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
return mswHandlersParams;
|
|
28
|
-
}
|
|
29
4
|
|
|
30
5
|
function withNextDecoratorFactory(_ref) {
|
|
31
6
|
var App = _ref.App,
|
|
@@ -34,24 +9,16 @@ function withNextDecoratorFactory(_ref) {
|
|
|
34
9
|
var args = _ref2.args,
|
|
35
10
|
parameters = _ref2.parameters,
|
|
36
11
|
context = _ref2.context;
|
|
37
|
-
var mswHandlersParams = handleMSWParameters(parameters, args);
|
|
38
|
-
var updatedContext = Object.assign({}, context, {
|
|
39
|
-
parameters: Object.assign({}, context.parameters, mswHandlersParams)
|
|
40
|
-
});
|
|
41
|
-
updatedContext.context = updatedContext;
|
|
42
12
|
if (parameters.page) {
|
|
43
13
|
return /*#__PURE__*/React.createElement(App, {
|
|
44
14
|
Component: Story,
|
|
45
15
|
pageProps: args
|
|
46
16
|
});
|
|
47
17
|
}
|
|
48
|
-
if (hasFormParameters(parameters) && !parameters.formUrl) {
|
|
49
|
-
throw new Error('Set "formUrl" in stories!');
|
|
50
|
-
}
|
|
51
18
|
if (parameters.storeData) {
|
|
52
19
|
throw new Error('Use store/s/DataSet, add "s"!');
|
|
53
20
|
}
|
|
54
|
-
return /*#__PURE__*/React.createElement(RootStoreProvider, parameters.storesData, /*#__PURE__*/React.createElement(UIProvider, null, /*#__PURE__*/React.createElement(NotificationsProvider, null,
|
|
21
|
+
return /*#__PURE__*/React.createElement(RootStoreProvider, parameters.storesData, /*#__PURE__*/React.createElement(UIProvider, null, /*#__PURE__*/React.createElement(NotificationsProvider, null, /*#__PURE__*/React.createElement(Story, context))));
|
|
55
22
|
};
|
|
56
23
|
return decorator;
|
|
57
24
|
}
|
package/dist/decorators.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/storybook-config",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.98",
|
|
4
4
|
"author": "ITCase",
|
|
5
5
|
"description": "Storybook configuration package",
|
|
6
6
|
"engines": {
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"@storybook/react-webpack5": "^9.1.2",
|
|
90
90
|
"chalk": "^5.5.0",
|
|
91
91
|
"http-proxy-middleware": "^3.0.5",
|
|
92
|
-
"msw": "^2.10.
|
|
92
|
+
"msw": "^2.10.5",
|
|
93
93
|
"msw-storybook-addon": "^2.0.5",
|
|
94
94
|
"react-docgen": "^8.0.0",
|
|
95
95
|
"react-docgen-typescript-plugin": "^1.0.8",
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"@commitlint/cli": "^19.8.1",
|
|
103
103
|
"@commitlint/config-conventional": "^19.8.1",
|
|
104
104
|
"@itcase/common": "^1.2.29",
|
|
105
|
-
"@itcase/lint": "^1.1.
|
|
105
|
+
"@itcase/lint": "^1.1.34",
|
|
106
106
|
"@rollup/plugin-babel": "^6.0.4",
|
|
107
107
|
"@rollup/plugin-commonjs": "^28.0.6",
|
|
108
108
|
"@rollup/plugin-json": "^6.1.0",
|