@synerise/ds-wizard 1.0.17 → 1.0.19
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/CHANGELOG.md +425 -1478
- package/README.md +20 -16
- package/dist/Wizard.d.ts +1 -1
- package/dist/Wizard.js +4 -4
- package/dist/Wizard.types.d.ts +2 -2
- package/dist/onModal/onModal.d.ts +1 -1
- package/dist/onModal/onModal.js +2 -2
- package/dist/onModal/onModal.types.d.ts +2 -2
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -6,6 +6,7 @@ title: Wizard
|
|
|
6
6
|
Wizard UI Component
|
|
7
7
|
|
|
8
8
|
## Installation
|
|
9
|
+
|
|
9
10
|
```
|
|
10
11
|
npm i @synerise/ds-wizard
|
|
11
12
|
or
|
|
@@ -13,6 +14,7 @@ yarn add @synerise/ds-wizard
|
|
|
13
14
|
```
|
|
14
15
|
|
|
15
16
|
## Usage
|
|
17
|
+
|
|
16
18
|
```
|
|
17
19
|
import Wizard from '@synerise/ds-wizard'
|
|
18
20
|
|
|
@@ -61,28 +63,30 @@ import Wizard from '@synerise/ds-wizard'
|
|
|
61
63
|
|
|
62
64
|
## API
|
|
63
65
|
|
|
64
|
-
| Property
|
|
65
|
-
|
|
|
66
|
-
| stepper
|
|
67
|
-
| footer
|
|
68
|
-
| title
|
|
69
|
-
| headerAction
|
|
70
|
-
| onClose
|
|
71
|
-
| visible
|
|
72
|
-
| contentWidth
|
|
73
|
-
| onPrevStep
|
|
74
|
-
| onNextStep
|
|
75
|
-
| stepButtonProps| Custom props for prev/next buttons
|
|
76
|
-
| texts
|
|
77
|
-
|
|
66
|
+
| Property | Description | Type | Default |
|
|
67
|
+
| --------------- | ------------------------------------------------------- | ------------------------ | ------- |
|
|
68
|
+
| stepper | Stepper component | React.ReactNode | - |
|
|
69
|
+
| footer | Content of footer | React.ReactNode | - |
|
|
70
|
+
| title | Title of wizard | React.ReactNode \ string | - |
|
|
71
|
+
| headerAction | Additional button in header | React.ReactNode | - |
|
|
72
|
+
| onClose | Function called when user clicks on close wizard button | () => void | - |
|
|
73
|
+
| visible | Whether wizard is visible | boolean | false |
|
|
74
|
+
| contentWidth | Width of content ex: `500px` | string | `100%` |
|
|
75
|
+
| onPrevStep | Function called when user clicks on prev step button | () => void | - |
|
|
76
|
+
| onNextStep | Function called when user clicks on next step button | () => void | - |
|
|
77
|
+
| stepButtonProps | Custom props for prev/next buttons | WizardStepButtons | - |
|
|
78
|
+
| texts | Translations object for wizard | WizardTexts | - |
|
|
79
|
+
|
|
78
80
|
### WizardTexts
|
|
81
|
+
|
|
79
82
|
| Property | Description | Type | Default |
|
|
80
|
-
|
|
|
83
|
+
| --------------- | -------------------- | ------------------------ | ------- |
|
|
81
84
|
| prevButtonLabel | Label of prev button | React.ReactNode \ String | - |
|
|
82
85
|
| nextButtonLabel | Label of next button | React.ReactNode \ String | - |
|
|
83
86
|
|
|
84
87
|
### WizardStepButtons
|
|
88
|
+
|
|
85
89
|
| Property | Description | Type | Default |
|
|
86
|
-
|
|
|
90
|
+
| --------------- | -------------------- | ------------------------------------- | ------- |
|
|
87
91
|
| prevButtonProps | Props of prev button | Partial<Omit<ButtonProps, 'onClick'>> | - |
|
|
88
92
|
| nextButtonLabel | Props of next button | Partial<Omit<ButtonProps, 'onClick'>> | - |
|
package/dist/Wizard.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { WizardProps } from './Wizard.types';
|
|
2
|
+
import { type WizardProps } from './Wizard.types';
|
|
3
3
|
declare const Wizard: {
|
|
4
4
|
({ stepper, contentWidth, headerAction, footerAction, footer, footerLeft, title, onClose, children, onPrevStep, onNextStep, stepButtonProps, texts, visible, className, navigationInFooter, headerInlineEdit, headerAvatar, }: WizardProps): React.JSX.Element | null;
|
|
5
5
|
OnModal: ({ visible, stepper, headerAction, title, onClose, children, onPrevStep, onNextStep, texts, modalProps, stepButtonProps, }: import(".").OnModalProps) => React.JSX.Element;
|
package/dist/Wizard.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
-
import React from 'react';
|
|
3
2
|
import classnames from 'classnames';
|
|
4
|
-
import
|
|
5
|
-
import
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { useIntl } from 'react-intl';
|
|
6
5
|
import Button from '@synerise/ds-button';
|
|
7
6
|
import Icon, { ArrowLeftCircleM } from '@synerise/ds-icon';
|
|
8
|
-
import
|
|
7
|
+
import Layout from '@synerise/ds-layout';
|
|
8
|
+
import PageHeader from '@synerise/ds-page-header';
|
|
9
9
|
import * as S from './Wizard.styles';
|
|
10
10
|
import WizardOnModal from './onModal/onModal';
|
|
11
11
|
var Wizard = function Wizard(_ref) {
|
package/dist/Wizard.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { ButtonProps } from '@synerise/ds-button';
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type ButtonProps } from '@synerise/ds-button';
|
|
3
3
|
import type { PageHeaderProps } from '@synerise/ds-page-header';
|
|
4
4
|
export type WizardProps = {
|
|
5
5
|
stepper?: ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { OnModalProps } from './onModal.types';
|
|
2
|
+
import { type OnModalProps } from './onModal.types';
|
|
3
3
|
declare const WizardOnModal: ({ visible, stepper, headerAction, title, onClose, children, onPrevStep, onNextStep, texts, modalProps, stepButtonProps, }: OnModalProps) => React.JSX.Element;
|
|
4
4
|
export default WizardOnModal;
|
package/dist/onModal/onModal.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import
|
|
3
|
+
import { useIntl } from 'react-intl';
|
|
4
4
|
import Button from '@synerise/ds-button';
|
|
5
5
|
import Icon, { ArrowLeftCircleM } from '@synerise/ds-icon';
|
|
6
|
-
import
|
|
6
|
+
import Modal from '@synerise/ds-modal';
|
|
7
7
|
import * as S from '../Wizard.styles';
|
|
8
8
|
var WizardOnModal = function WizardOnModal(_ref) {
|
|
9
9
|
var visible = _ref.visible,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ModalProps } from '@synerise/ds-modal/dist/Modal.types';
|
|
2
|
-
import { WizardProps } from '../Wizard.types';
|
|
1
|
+
import { type ModalProps } from '@synerise/ds-modal/dist/Modal.types';
|
|
2
|
+
import { type WizardProps } from '../Wizard.types';
|
|
3
3
|
export type OnModalProps = Omit<WizardProps, 'footer' | 'contentWidth'> & {
|
|
4
4
|
modalProps: ModalProps;
|
|
5
5
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-wizard",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.19",
|
|
4
4
|
"description": "Wizard UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
],
|
|
35
35
|
"types": "dist/index.d.ts",
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@synerise/ds-button": "^1.4.
|
|
38
|
-
"@synerise/ds-icon": "^1.5.
|
|
39
|
-
"@synerise/ds-layout": "^1.0.
|
|
40
|
-
"@synerise/ds-modal": "^1.2.
|
|
41
|
-
"@synerise/ds-page-header": "^1.0.
|
|
42
|
-
"@synerise/ds-utils": "^1.3.
|
|
43
|
-
"classnames": "2.
|
|
37
|
+
"@synerise/ds-button": "^1.4.3",
|
|
38
|
+
"@synerise/ds-icon": "^1.5.4",
|
|
39
|
+
"@synerise/ds-layout": "^1.0.13",
|
|
40
|
+
"@synerise/ds-modal": "^1.2.3",
|
|
41
|
+
"@synerise/ds-page-header": "^1.0.18",
|
|
42
|
+
"@synerise/ds-utils": "^1.3.1",
|
|
43
|
+
"classnames": "^2.5.1"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"@synerise/ds-core": "*",
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"react-intl": ">=3.12.0 <= 6.8",
|
|
49
49
|
"styled-components": "^5.3.3"
|
|
50
50
|
},
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "8db1900bf3f7b0782c834ff82f628199530cd934"
|
|
52
52
|
}
|