@synerise/ds-wizard 1.0.16 → 1.0.18

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/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 | Description | Type | Default |
65
- | --- | --- | --- | --- |
66
- | stepper | Stepper component | React.ReactNode | - |
67
- | footer | Content of footer | React.ReactNode | - |
68
- | title | Title of wizard | React.ReactNode \ string | - |
69
- | headerAction | Additional button in header | React.ReactNode | - |
70
- | onClose | Function called when user clicks on close wizard button | () => void | - |
71
- | visible | Whether wizard is visible | boolean | false |
72
- | contentWidth | Width of content ex: `500px` | string | `100%` |
73
- | onPrevStep | Function called when user clicks on prev step button | () => void | - |
74
- | onNextStep | Function called when user clicks on next step button | () => void | - |
75
- | stepButtonProps| Custom props for prev/next buttons | WizardStepButtons | - |
76
- | texts | Translations object for wizard | WizardTexts | - |
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 Layout from '@synerise/ds-layout';
5
- import PageHeader from '@synerise/ds-page-header';
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 { useIntl } from 'react-intl';
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) {
@@ -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;
@@ -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 Modal from '@synerise/ds-modal';
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 { useIntl } from 'react-intl';
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.16",
3
+ "version": "1.0.18",
4
4
  "description": "Wizard UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,12 +34,12 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-button": "^1.4.0",
38
- "@synerise/ds-icon": "^1.5.3",
39
- "@synerise/ds-layout": "^1.0.11",
40
- "@synerise/ds-modal": "^1.2.0",
41
- "@synerise/ds-page-header": "^1.0.15",
42
- "@synerise/ds-utils": "^1.3.0",
37
+ "@synerise/ds-button": "^1.4.2",
38
+ "@synerise/ds-icon": "^1.5.4",
39
+ "@synerise/ds-layout": "^1.0.13",
40
+ "@synerise/ds-modal": "^1.2.2",
41
+ "@synerise/ds-page-header": "^1.0.17",
42
+ "@synerise/ds-utils": "^1.3.1",
43
43
  "classnames": "2.3.2"
44
44
  },
45
45
  "peerDependencies": {
@@ -48,5 +48,5 @@
48
48
  "react-intl": ">=3.12.0 <= 6.8",
49
49
  "styled-components": "^5.3.3"
50
50
  },
51
- "gitHead": "f2713cd35cfe22f63a159f05144585834897a132"
51
+ "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
52
52
  }