fixed local development problem

README.md

@@ -37,10 +37,10 @@ MultiStep component accepts following props (all optional, except Steps array):
 
 | PROPERTY | DESCRIPTION | TYPE | DEFAULT | isRequired|
 |----------------|--------------------------------------------------------------|-------------|------------|-----------|
-| showNavigation | controls if the navigation buttons are visable |boolean |true |false |
+| showNavigation | controls if the navigation buttons are visible |boolean |true |false |
 | showTitles | control either the steps title are visible or not |boolean |true |false |
 | prevButton | configure the prev navigation button |NavButton |null |false |
-| nextButton | configure the naxt the navigation button |NavButton |null |false |
+| nextButton | configure the next the navigation button |NavButton |null |false |
 | stepCustomStyle| control style of step |CSSProperties|null |false |
 | direction | control the steps nav direction |column |row |false |
 | activeStep | it takes a number representing representing starting step |number |0 |false |
@@ -60,12 +60,12 @@ MultiStep component accepts following props (all optional, except Steps array):
 #### There are two ways to configure Multistep component, preferred way is with `Inlined` child components. Using this approach, enables the new feature that allows controlling the navigation based on the current step's form validation:
 
 ```javascript
-<Multistep activeStep={1} showNavigation={true}>
+<MultiStep activeStep={1} showNavigation={true}>
  <StepOne title='StepOne'/>
  <StepTwo title='StepTwo'/>
  <StepThree title='StepThree'/>
  <StepFour title='StepFour'/>
-</Multistep>
+</MultiStep>
 ```
 
 #### The old way via `Steps`, a prop in the form of an array of components, is still supported for backwards compatibility. But, (:warning:) this way has being `deprecated` (:warning:), and it will be removed in the future:
@@ -112,7 +112,7 @@ This can be seen in the `example` app, but here are the relevant parts, required
 ```sh
 //--step 1
 git clone https://github.com/srdjan/react-multistep.git //clone the repo
-cd react-multistep  //navigate to the project folder
+cd react-multistep/example //navigate to the project folder
 ```
 
 2) Next, install dependencies and build the component:
@@ -122,7 +122,7 @@ npm install
 npm run build 
 ```
 
-3) On a succesful build, navigate to the example folder and try it:
+3) On a successful build, to try the example app, navigate to the example folder and try it:
 
 ```sh
 cd ../example

example/app.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import MultiStep from 'MultiStep'
+import MultiStep from 'react-multistep'
 import StepOne from './stepOne'
 import StepTwo from './stepTwo'
 import StepThree from './stepThree'

example/appOld.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import MultiStep from './index'
+import MultiStep from 'react-multistep'
 import StepOne from './stepOne'
 import StepTwo from './stepTwo'
 import StepThree from './stepThree'

example/package.json

@@ -5,7 +5,8 @@
  "license": "MIT",
  "scripts": {
  "debug": "esbuild app.js --bundle --format=cjs --outfile=./bundle.js --loader:.js=jsx --sourcemap --preserve-symlinks",
- "build": "esbuild app.js --bundle --format=cjs --outfile=./bundle.js --loader:.js=jsx",
+ "inst:comp": "mkdir -p node_modules/react-multistep && cp -f ../build/** node_modules/react-multistep/",
+ "build": "npm run inst:comp && esbuild app.js --bundle --format=cjs --outfile=./bundle.js --loader:.js=jsx",
  "start": "npx serve"
  },
  "alias": {
@@ -16,6 +17,6 @@
  "react-dom": "18.2.0"
  },
  "devDependencies": {
- "esbuild": "0.17.4"
+ "esbuild": "0.17.10"
  }
 }

package.json

@@ -1,6 +1,6 @@
 {
  "name": "react-multistep",
- "version": "5.5.4",
+ "version": "5.5.5",
  "description": "Responsive ReactJS multistep form component",
  "main": "dist/index.js",
  "files": [