feat(stepper): add stepper skip callback

ref: MANAGER-10670

Signed-off-by: Quentin Pavy <[email protected]>

Author: qpavy

packages/components/stepper/README.md

@@ -68,6 +68,7 @@ If you want to access the forms inside `on-finish` callback, you need to use the
 | `on-cancel`       | function  | &?        | no                | n/a               | n/a       | cancel step function
 | `on-focus`        | function  | &         | no                | n/a               | n/a       | focused step function
 | `on-submit`       | function  | &         | no                | n/a               | n/a       | submit step function
+| `on-skip`         | function  | &?        | no                | n/a               | n/a       | skip step function
 
 ### Attribute `valid`
 

packages/components/stepper/src/js/step-form/step-form.component.js

@@ -29,6 +29,7 @@ export default {
     onCancel: '&?',
     onFocus: '&',
     onSubmit: '&',
+    onSkip: '&?',
   },
   controller,
   template,

packages/components/stepper/src/js/step-form/step-form.html

@@ -63,10 +63,11 @@
                 ng-bind="::$ctrl.cancelText"
                 ng-href="{{::$ctrl.cancelHref}}">
             </a>
-            <oui-button class="oui-stepper__skippable-link" type="submit"
+            <oui-button class="oui-stepper__skippable-link"
                 variant="link"
                 size="l"
-                ng-if="$ctrl.skippable">
+                ng-if="$ctrl.skippable"
+                on-click="$ctrl.onSkip() || $ctrl.onFormSubmit(this[$ctrl.name])">
                 {{::$ctrl.translations.skipThisStep}}
             </oui-button>
         </footer>