@elliemae/ds-wizard 2.3.0-next.0 → 2.3.0-next.13
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/package.json +6 -10
- package/types/DSWizard.stories.d.ts +0 -1
- package/cjs/DSWizard.stories.js +0 -18
- package/cjs/stories/steps.js +0 -36
- package/cjs/stories/wizzard-overview.stories.js +0 -61
- package/esm/DSWizard.stories.js +0 -13
- package/esm/stories/steps.js +0 -28
- package/esm/stories/wizzard-overview.stories.js +0 -52
- package/types/stories/steps.d.ts +0 -5
- package/types/stories/wizzard-overview.stories.d.ts +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-wizard",
|
|
3
|
-
"version": "2.3.0-next.
|
|
3
|
+
"version": "2.3.0-next.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Wizard",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -23,10 +23,6 @@
|
|
|
23
23
|
"import": "./esm/useWizard.js",
|
|
24
24
|
"require": "./cjs/useWizard.js"
|
|
25
25
|
},
|
|
26
|
-
"./stories/steps": {
|
|
27
|
-
"import": "./esm/stories/steps.js",
|
|
28
|
-
"require": "./cjs/stories/steps.js"
|
|
29
|
-
},
|
|
30
26
|
"./blockNames": {
|
|
31
27
|
"import": "./esm/blockNames.js",
|
|
32
28
|
"require": "./cjs/blockNames.js"
|
|
@@ -52,11 +48,11 @@
|
|
|
52
48
|
"build": "node ../../scripts/build/build.js"
|
|
53
49
|
},
|
|
54
50
|
"dependencies": {
|
|
55
|
-
"@elliemae/ds-button": "2.3.0-next.
|
|
56
|
-
"@elliemae/ds-classnames": "2.3.0-next.
|
|
57
|
-
"@elliemae/ds-icons": "2.3.0-next.
|
|
58
|
-
"@elliemae/ds-utilities": "2.3.0-next.
|
|
59
|
-
"@elliemae/ds-wizard": "2.3.0-next.
|
|
51
|
+
"@elliemae/ds-button": "2.3.0-next.13",
|
|
52
|
+
"@elliemae/ds-classnames": "2.3.0-next.13",
|
|
53
|
+
"@elliemae/ds-icons": "2.3.0-next.13",
|
|
54
|
+
"@elliemae/ds-utilities": "2.3.0-next.13",
|
|
55
|
+
"@elliemae/ds-wizard": "2.3.0-next.13",
|
|
60
56
|
"prop-types": "~15.7.2",
|
|
61
57
|
"react-desc": "~4.1.3"
|
|
62
58
|
},
|
package/cjs/DSWizard.stories.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsWizard = require('@elliemae/ds-wizard');
|
|
6
|
-
var wizzardOverview_stories = require('./stories/wizzard-overview.stories.js');
|
|
7
|
-
|
|
8
|
-
/* eslint-disable import/no-unresolved */
|
|
9
|
-
var DSWizard_stories = {
|
|
10
|
-
title: 'Wizzard',
|
|
11
|
-
component: dsWizard.WizardStepsIndicator,
|
|
12
|
-
parameters: {
|
|
13
|
-
propsSchemas: dsWizard.WizzardWithSchema
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
exports.Overview = wizzardOverview_stories.Overview;
|
|
18
|
-
exports["default"] = DSWizard_stories;
|
package/cjs/stories/steps.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
require('react');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
|
-
|
|
12
|
-
var _div, _div2, _div3, _div4;
|
|
13
|
-
|
|
14
|
-
const Step1Content = () => _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 1 Content"));
|
|
15
|
-
|
|
16
|
-
const Step2Content = () => _div2 || (_div2 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 2 Content"));
|
|
17
|
-
|
|
18
|
-
const Step3Content = () => _div3 || (_div3 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 3 Content"));
|
|
19
|
-
|
|
20
|
-
const Step4Content = () => _div4 || (_div4 = /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, "Step 4 Content"));
|
|
21
|
-
|
|
22
|
-
const steps = [{
|
|
23
|
-
label: 'Step 1',
|
|
24
|
-
content: Step1Content
|
|
25
|
-
}, {
|
|
26
|
-
label: 'Step Lorem Ipsum',
|
|
27
|
-
content: Step2Content
|
|
28
|
-
}, {
|
|
29
|
-
label: 'Step Lorem',
|
|
30
|
-
content: Step3Content
|
|
31
|
-
}, {
|
|
32
|
-
label: 'Step Lorem 4',
|
|
33
|
-
content: Step4Content
|
|
34
|
-
}];
|
|
35
|
-
|
|
36
|
-
exports.steps = steps;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
require('react');
|
|
7
|
-
var dsWizard = require('@elliemae/ds-wizard');
|
|
8
|
-
var DSButton = require('@elliemae/ds-button');
|
|
9
|
-
var steps = require('./steps.js');
|
|
10
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
-
|
|
12
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
-
|
|
14
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
15
|
-
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
16
|
-
|
|
17
|
-
const Overview = () => {
|
|
18
|
-
const {
|
|
19
|
-
WizardCurrentContent,
|
|
20
|
-
current,
|
|
21
|
-
next,
|
|
22
|
-
previous,
|
|
23
|
-
canNext,
|
|
24
|
-
canPrevious
|
|
25
|
-
} = dsWizard.useWizard({
|
|
26
|
-
steps: steps.steps
|
|
27
|
-
});
|
|
28
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
29
|
-
children: [/*#__PURE__*/_jsx__default["default"](dsWizard.WizardStepsIndicator, {
|
|
30
|
-
current: current,
|
|
31
|
-
steps: steps.steps
|
|
32
|
-
}), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
33
|
-
style: {
|
|
34
|
-
margin: '10px 0',
|
|
35
|
-
padding: 10,
|
|
36
|
-
border: '1px solid #ddd'
|
|
37
|
-
}
|
|
38
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](WizardCurrentContent, {
|
|
39
|
-
data: {
|
|
40
|
-
someExtraData: 'step information'
|
|
41
|
-
}
|
|
42
|
-
})), /*#__PURE__*/_jsx__default["default"]("div", {
|
|
43
|
-
style: {
|
|
44
|
-
display: 'flex',
|
|
45
|
-
width: 180,
|
|
46
|
-
justifyContent: 'space-between'
|
|
47
|
-
}
|
|
48
|
-
}, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
49
|
-
buttonType: "secondary",
|
|
50
|
-
disabled: !canPrevious,
|
|
51
|
-
labelText: "Previous",
|
|
52
|
-
onClick: previous
|
|
53
|
-
}), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
54
|
-
disabled: !canNext,
|
|
55
|
-
labelText: "Next",
|
|
56
|
-
onClick: next
|
|
57
|
-
}))]
|
|
58
|
-
});
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
exports.Overview = Overview;
|
package/esm/DSWizard.stories.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { WizardStepsIndicator, WizzardWithSchema } from '@elliemae/ds-wizard';
|
|
2
|
-
export { Overview } from './stories/wizzard-overview.stories.js';
|
|
3
|
-
|
|
4
|
-
/* eslint-disable import/no-unresolved */
|
|
5
|
-
var DSWizard_stories = {
|
|
6
|
-
title: 'Wizzard',
|
|
7
|
-
component: WizardStepsIndicator,
|
|
8
|
-
parameters: {
|
|
9
|
-
propsSchemas: WizzardWithSchema
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export { DSWizard_stories as default };
|
package/esm/stories/steps.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
|
|
4
|
-
var _div, _div2, _div3, _div4;
|
|
5
|
-
|
|
6
|
-
const Step1Content = () => _div || (_div = /*#__PURE__*/_jsx("div", {}, void 0, "Step 1 Content"));
|
|
7
|
-
|
|
8
|
-
const Step2Content = () => _div2 || (_div2 = /*#__PURE__*/_jsx("div", {}, void 0, "Step 2 Content"));
|
|
9
|
-
|
|
10
|
-
const Step3Content = () => _div3 || (_div3 = /*#__PURE__*/_jsx("div", {}, void 0, "Step 3 Content"));
|
|
11
|
-
|
|
12
|
-
const Step4Content = () => _div4 || (_div4 = /*#__PURE__*/_jsx("div", {}, void 0, "Step 4 Content"));
|
|
13
|
-
|
|
14
|
-
const steps = [{
|
|
15
|
-
label: 'Step 1',
|
|
16
|
-
content: Step1Content
|
|
17
|
-
}, {
|
|
18
|
-
label: 'Step Lorem Ipsum',
|
|
19
|
-
content: Step2Content
|
|
20
|
-
}, {
|
|
21
|
-
label: 'Step Lorem',
|
|
22
|
-
content: Step3Content
|
|
23
|
-
}, {
|
|
24
|
-
label: 'Step Lorem 4',
|
|
25
|
-
content: Step4Content
|
|
26
|
-
}];
|
|
27
|
-
|
|
28
|
-
export { steps };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { useWizard, WizardStepsIndicator } from '@elliemae/ds-wizard';
|
|
4
|
-
import DSButton from '@elliemae/ds-button';
|
|
5
|
-
import { steps } from './steps.js';
|
|
6
|
-
import { jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
const Overview = () => {
|
|
9
|
-
const {
|
|
10
|
-
WizardCurrentContent,
|
|
11
|
-
current,
|
|
12
|
-
next,
|
|
13
|
-
previous,
|
|
14
|
-
canNext,
|
|
15
|
-
canPrevious
|
|
16
|
-
} = useWizard({
|
|
17
|
-
steps
|
|
18
|
-
});
|
|
19
|
-
return /*#__PURE__*/jsxs(Fragment, {
|
|
20
|
-
children: [/*#__PURE__*/_jsx(WizardStepsIndicator, {
|
|
21
|
-
current: current,
|
|
22
|
-
steps: steps
|
|
23
|
-
}), /*#__PURE__*/_jsx("div", {
|
|
24
|
-
style: {
|
|
25
|
-
margin: '10px 0',
|
|
26
|
-
padding: 10,
|
|
27
|
-
border: '1px solid #ddd'
|
|
28
|
-
}
|
|
29
|
-
}, void 0, /*#__PURE__*/_jsx(WizardCurrentContent, {
|
|
30
|
-
data: {
|
|
31
|
-
someExtraData: 'step information'
|
|
32
|
-
}
|
|
33
|
-
})), /*#__PURE__*/_jsx("div", {
|
|
34
|
-
style: {
|
|
35
|
-
display: 'flex',
|
|
36
|
-
width: 180,
|
|
37
|
-
justifyContent: 'space-between'
|
|
38
|
-
}
|
|
39
|
-
}, void 0, /*#__PURE__*/_jsx(DSButton, {
|
|
40
|
-
buttonType: "secondary",
|
|
41
|
-
disabled: !canPrevious,
|
|
42
|
-
labelText: "Previous",
|
|
43
|
-
onClick: previous
|
|
44
|
-
}), /*#__PURE__*/_jsx(DSButton, {
|
|
45
|
-
disabled: !canNext,
|
|
46
|
-
labelText: "Next",
|
|
47
|
-
onClick: next
|
|
48
|
-
}))]
|
|
49
|
-
});
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export { Overview };
|
package/types/stories/steps.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export function Overview(): JSX.Element;
|