@wise/dynamic-flow-client-internal 3.5.0-experimental-63c768d → 3.5.1-experimental-ccbce45
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/build/stories/DynamicFlow.story.js +7 -7
- package/build/stories/Editable.story.js +7 -7
- package/build/stories/Examples.story.js +1 -1
- package/build/stories/Features.story.js +1 -1
- package/build/stories/utils/DynamicFlowSideBySide.js +4 -4
- package/build/test-utils/NeptuneProviders.js +1 -1
- package/package.json +3 -3
|
@@ -24,30 +24,30 @@ function DynamicFlowRenderer(_a) {
|
|
|
24
24
|
featureName: 'dynamic-flow-revamp',
|
|
25
25
|
enabled: true,
|
|
26
26
|
variant: 1,
|
|
27
|
-
initiation: 'DEFAULT'
|
|
27
|
+
initiation: 'DEFAULT',
|
|
28
28
|
},
|
|
29
29
|
]
|
|
30
30
|
: [], onCompletion: action('onCompletion'), onError: action('onError'), onEvent: action('onEvent'), onLog: action('onLog') }, selectedStep.id));
|
|
31
31
|
}
|
|
32
32
|
var meta = {
|
|
33
33
|
title: 'Multi-fixture',
|
|
34
|
-
component: DynamicFlowRenderer
|
|
34
|
+
component: DynamicFlowRenderer,
|
|
35
35
|
};
|
|
36
36
|
export var AllFixtures = {
|
|
37
37
|
argTypes: {
|
|
38
38
|
initialStepName: {
|
|
39
39
|
label: 'Initial Step',
|
|
40
40
|
control: 'select',
|
|
41
|
-
options: Object.keys(fixtures)
|
|
41
|
+
options: Object.keys(fixtures),
|
|
42
42
|
},
|
|
43
43
|
revampEnabled: {
|
|
44
44
|
label: 'Enable revamp',
|
|
45
|
-
control: 'boolean'
|
|
46
|
-
}
|
|
45
|
+
control: 'boolean',
|
|
46
|
+
},
|
|
47
47
|
},
|
|
48
48
|
args: { initialStepName: Object.keys(fixtures)[1], revampEnabled: false },
|
|
49
49
|
parameters: {
|
|
50
|
-
chromatic: { disableSnapshot: true }
|
|
51
|
-
}
|
|
50
|
+
chromatic: { disableSnapshot: true },
|
|
51
|
+
},
|
|
52
52
|
};
|
|
53
53
|
export default meta;
|
|
@@ -28,11 +28,11 @@ function InteractiveDemo(_a) {
|
|
|
28
28
|
var onTextAreaChange = function (event) {
|
|
29
29
|
setInitialStep(event.target.value);
|
|
30
30
|
};
|
|
31
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h3", { children: "Editable Demo" }), _jsx("p", { children: "You can specify a response status code and body, and DF will load your step below." }), _jsxs("fieldset", { children: [_jsx("label",
|
|
31
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx("h3", { children: "Editable Demo" }), _jsx("p", { children: "You can specify a response status code and body, and DF will load your step below." }), _jsxs("fieldset", { children: [_jsx("label", { htmlFor: "status-code", children: "Response Status code: " }), _jsx(StatusCodeSelect, { id: "status-code", state: [initialStatusCode, setInitialStatusCode] })] }), _jsxs("fieldset", { children: [_jsx("label", { htmlFor: "textarea", children: "Response Body:" }), _jsx(InvalidJsonWarning, { initialStep: initialStep }), _jsx("textarea", { id: "textarea", wrap: "off", rows: 40, style: {
|
|
32
32
|
fontFamily: 'monospace',
|
|
33
33
|
fontSize: '0.9em',
|
|
34
34
|
width: '100%',
|
|
35
|
-
maxHeight: '200px'
|
|
35
|
+
maxHeight: '200px',
|
|
36
36
|
}, value: initialStep, onChange: onTextAreaChange })] })] }), isValidJson(initialStep) ? (_jsx(DynamicFlowSideBySide, { initialStep: JSON.parse(initialStep) }, "".concat(initialStep, "-").concat(initialStatusCode))) : null] }));
|
|
37
37
|
}
|
|
38
38
|
function InvalidJsonWarning(_a) {
|
|
@@ -51,20 +51,20 @@ var isValidJson = function (value) {
|
|
|
51
51
|
};
|
|
52
52
|
function StatusCodeSelect(_a) {
|
|
53
53
|
var id = _a.id, _b = _a.state, value = _b[0], setValue = _b[1];
|
|
54
|
-
return (_jsxs("select",
|
|
54
|
+
return (_jsxs("select", { id: id, value: value, onChange: function (event) { return setValue(Number.parseInt(event.target.value, 10)); }, children: [_jsx("option", { children: "200" }), _jsx("option", { children: "400" }), _jsx("option", { children: "500" })] }));
|
|
55
55
|
}
|
|
56
56
|
export default {
|
|
57
57
|
component: Editable,
|
|
58
58
|
title: 'Multi-fixture',
|
|
59
59
|
parameters: {
|
|
60
|
-
chromatic: { disableSnapshot: true }
|
|
60
|
+
chromatic: { disableSnapshot: true },
|
|
61
61
|
},
|
|
62
62
|
argTypes: {
|
|
63
63
|
initialStepName: {
|
|
64
64
|
label: 'Initial Step',
|
|
65
65
|
control: 'select',
|
|
66
|
-
options: Object.keys(fixtures)
|
|
67
|
-
}
|
|
66
|
+
options: Object.keys(fixtures),
|
|
67
|
+
},
|
|
68
68
|
},
|
|
69
|
-
args: { initialStepName: Object.keys(fixtures)[0] }
|
|
69
|
+
args: { initialStepName: Object.keys(fixtures)[0] },
|
|
70
70
|
};
|
|
@@ -11,7 +11,7 @@ allStepNames.forEach(function (stepName) {
|
|
|
11
11
|
if (label) {
|
|
12
12
|
var _a = label.split('/'), group = _a[0], name_1 = _a[1];
|
|
13
13
|
storyMap[group] || (storyMap[group] = storiesOf("Examples/".concat(group), module).addParameters({
|
|
14
|
-
chromatic: { disableSnapshot: true }
|
|
14
|
+
chromatic: { disableSnapshot: true },
|
|
15
15
|
}));
|
|
16
16
|
storyMap[group].add(name_1, function () { return (
|
|
17
17
|
// eslint-disable-next-line import/namespace
|
|
@@ -18,7 +18,7 @@ selectedStepNames.forEach(function (stepName) {
|
|
|
18
18
|
if (label) {
|
|
19
19
|
var _a = label.split('/'), group = _a[0], name_1 = _a[1];
|
|
20
20
|
storyMap[group] || (storyMap[group] = storiesOf("Examples/".concat(group), module).addParameters({
|
|
21
|
-
chromatic: { disableSnapshot: true }
|
|
21
|
+
chromatic: { disableSnapshot: true },
|
|
22
22
|
}));
|
|
23
23
|
storyMap[group].add(name_1, function () { return (
|
|
24
24
|
// eslint-disable-next-line import/namespace
|
|
@@ -24,15 +24,15 @@ function DynamicFlowSideBySide(_a) {
|
|
|
24
24
|
onCompletion: action('onCompletion'),
|
|
25
25
|
onError: action('onError'),
|
|
26
26
|
onEvent: action('onEvent'),
|
|
27
|
-
onLog: action('onLog')
|
|
27
|
+
onLog: action('onLog'),
|
|
28
28
|
};
|
|
29
|
-
return (_jsxs("div",
|
|
29
|
+
return (_jsxs("div", { className: "df-side-by-side-container", children: [_jsx("div", { className: "df-side-by-side-column", children: _jsx(DynamicFlow, __assign({}, props), "".concat(key, "-original")) }), _jsx("div", { className: "df-side-by-side-column", children: _jsx(DynamicFlow, __assign({}, props, { features: [
|
|
30
30
|
{
|
|
31
31
|
featureName: 'dynamic-flow-revamp',
|
|
32
32
|
enabled: true,
|
|
33
33
|
variant: 1,
|
|
34
|
-
initiation: 'DEFAULT'
|
|
34
|
+
initiation: 'DEFAULT',
|
|
35
35
|
},
|
|
36
|
-
] }), "".concat(key, "-revamp")) })
|
|
36
|
+
] }), "".concat(key, "-revamp")) })] }));
|
|
37
37
|
}
|
|
38
38
|
export default DynamicFlowSideBySide;
|
|
@@ -18,6 +18,6 @@ var lang = getLangFromLocale(locale) || DEFAULT_LANG;
|
|
|
18
18
|
var messages = __assign(__assign({}, componentTranslations[lang]), translations[lang]);
|
|
19
19
|
function NeptuneProviders(_a) {
|
|
20
20
|
var children = _a.children;
|
|
21
|
-
return (_jsx(ThemeProvider,
|
|
21
|
+
return (_jsx(ThemeProvider, { theme: "personal", screenMode: "light", children: _jsx(SnackbarProvider, { children: _jsx(ComponentProvider, { i18n: { locale: locale, messages: messages }, children: children }) }) }));
|
|
22
22
|
}
|
|
23
23
|
export default NeptuneProviders;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wise/dynamic-flow-client-internal",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.1-experimental-ccbce45",
|
|
4
4
|
"description": "Dynamic Flow web client for Wise",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "./build/main.min.js",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"stylelint-config-standard": "36.0.0",
|
|
71
71
|
"stylelint-no-unsupported-browser-features": "5.0.4",
|
|
72
72
|
"stylelint-value-no-unknown-custom-properties": "6.0.1",
|
|
73
|
-
"typescript": "
|
|
73
|
+
"typescript": "5.1.6",
|
|
74
74
|
"webpack": "5.91.0",
|
|
75
75
|
"@wise/dynamic-flow-fixtures": "0.0.1"
|
|
76
76
|
},
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"react-intl": "^6"
|
|
81
81
|
},
|
|
82
82
|
"dependencies": {
|
|
83
|
-
"@wise/dynamic-flow-client": "3.5.
|
|
83
|
+
"@wise/dynamic-flow-client": "3.5.1-experimental-ccbce45"
|
|
84
84
|
},
|
|
85
85
|
"scripts": {
|
|
86
86
|
"dev": "storybook dev -p 3005",
|