chore: update playground

Author: devrnt

playground/components/footer/footerStepIndex.tsx

@@ -4,9 +4,9 @@ import { useWizard } from '../../../dist';
 import { Button } from '../../modules/common';
 import { Actions, Info } from './footer';
 
-const FooterCustomStepIndex: React.FC = () => {
+const FooterGoToStepIndex: React.FC = () => {
   const {
-    nextStep,
+    goToStep,
     previousStep,
     isLoading,
     activeStep,
@@ -35,8 +35,8 @@ const FooterCustomStepIndex: React.FC = () => {
             Previous
           </Button>
           <Button
-            label="Next"
-            onClick={() => nextStep(2)}
+            label="Go to step 3"
+            onClick={() => goToStep(2)}
             disabled={isLoading || isLastStep}
           />
         </Actions>
@@ -45,4 +45,4 @@ const FooterCustomStepIndex: React.FC = () => {
   );
 };
 
-export default FooterCustomStepIndex;
+export default FooterGoToStepIndex;

…les/wizard/customNextStepIndex/index.tsx …d/modules/wizard/goToStepIndex/index.tsxplayground/modules/wizard/customNextStepIndex/index.tsx renamed to playground/modules/wizard/goToStepIndex/index.tsx playground/modules/wizard/customNextStepIndex/index.tsx renamed to playground/modules/wizard/goToStepIndex/index.tsx

@@ -4,11 +4,11 @@ import { Wizard } from '../../../../dist';
 import { AsyncStep, FooterStepIndex, Step } from '../../../components';
 import Section from '../../common/section';
 
-const CustomNextStepIndex: React.FC = () => {
+const GoToStepIndex: React.FC = () => {
   return (
     <Section
-      title="Custom step index"
-      description="With custom step index on next step"
+      title="Go To Step"
+      description="Jump to given certain step index"
       showDivider={false}
     >
       <Wizard footer={<FooterStepIndex />}>
@@ -21,4 +21,4 @@ const CustomNextStepIndex: React.FC = () => {
   );
 };
 
-export default CustomNextStepIndex;
+export default GoToStepIndex;

playground/modules/wizard/wizard.tsx

@@ -2,7 +2,7 @@ import { styled } from 'goober';
 import * as React from 'react';
 
 import AnimatedSection from './animated';
-import CustomNextStepIndex from './customNextStepIndex';
+import GoToStepIndex from './goToStepIndex';
 import ReactQuerySection from './reactQuery';
 import SimpleSection from './simple';
 
@@ -18,7 +18,7 @@ const WizardModule = () => {
       <SimpleSection />
       <AnimatedSection />
       <ReactQuerySection />
-      <CustomNextStepIndex />
+      <GoToStepIndex />
     </Container>
   );
 };

playground/yarn.lock

@@ -2287,9 +2287,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001219:
-  version "1.0.30001230"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001230.tgz#8135c57459854b2240b57a4a6786044bdc5a9f71"
-  integrity sha512-5yBd5nWCBS+jWKTcHOzXwo5xzcj4ePE/yjtkZyUV1BTUmrBaA9MRGC+e7mxnqXSA90CmCA8L3eKLaSUkt099IQ==
+  version "1.0.30001265"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001265.tgz"
+  integrity sha512-YzBnspggWV5hep1m9Z6sZVLOt7vrju8xWooFAgN6BA5qvy98qPAPb7vNUzypFaoh2pb3vlfzbDO8tB57UPGbtw==
 
 caseless@~0.12.0:
   version "0.12.0"