@decisiv/ui-components 2.0.1-alpha.221 → 2.0.1-alpha.223

package/lib/components/Combobox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/types.ts"],"names":[],"mappings":"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"}

package/lib/components/Table/Grip.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;
+interface GripProps {
+    marginRight?: string | number;
+    selected?: boolean;
+}
+declare const Grip: ({ marginRight, selected }: GripProps) => JSX.Element;
+export default Grip;
 //# sourceMappingURL=Grip.d.ts.map

package/lib/components/Table/Grip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Grip.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Grip.tsx"],"names":[],"mappings":";;AAEA,wBAgBE"}
+{"version":3,"file":"Grip.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Grip.tsx"],"names":[],"mappings":";AAEA,UAAU,SAAS;IACjB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,uDAmBT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/components/Table/Grip.js

@@ -9,10 +9,15 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = function _default() {
+var Grip = function Grip(_ref) {
+  var marginRight = _ref.marginRight,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? false : _ref$selected;
+  var fillColor = selected ? '#fff' : '#1C6EE6';
   return _react.default.createElement("svg", {
     style: {
-      margin: '0 5px'
+      margin: '0 5px',
+      marginRight: marginRight
     },
     xmlns: "http://www.w3.org/2000/svg",
     width: "8",
@@ -23,8 +28,9 @@ var _default = function _default() {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M2 0.75C1.30964 0.75 0.75 1.30964 0.75 2C0.75 2.69036 1.30964 3.25 2 3.25C2.69036 3.25 3.25 2.69036 3.25 2C3.25 1.30964 2.69036 0.75 2 0.75ZM2 4.75C1.30964 4.75 0.75 5.30964 0.75 6C0.75 6.69036 1.30964 7.25 2 7.25C2.69036 7.25 3.25 6.69036 3.25 6C3.25 5.30964 2.69036 4.75 2 4.75ZM0.75 10C0.75 9.30964 1.30964 8.75 2 8.75C2.69036 8.75 3.25 9.30964 3.25 10C3.25 10.6904 2.69036 11.25 2 11.25C1.30964 11.25 0.75 10.6904 0.75 10ZM6 4.75C5.30964 4.75 4.75 5.30964 4.75 6C4.75 6.69036 5.30964 7.25 6 7.25C6.69036 7.25 7.25 6.69036 7.25 6C7.25 5.30964 6.69036 4.75 6 4.75ZM4.75 2C4.75 1.30964 5.30964 0.75 6 0.75C6.69036 0.75 7.25 1.30964 7.25 2C7.25 2.69036 6.69036 3.25 6 3.25C5.30964 3.25 4.75 2.69036 4.75 2ZM6 8.75C5.30964 8.75 4.75 9.30964 4.75 10C4.75 10.6904 5.30964 11.25 6 11.25C6.69036 11.25 7.25 10.6904 7.25 10C7.25 9.30964 6.69036 8.75 6 8.75ZM0.75 14C0.75 13.3096 1.30964 12.75 2 12.75C2.69036 12.75 3.25 13.3096 3.25 14C3.25 14.6904 2.69036 15.25 2 15.25C1.30964 15.25 0.75 14.6904 0.75 14ZM6 12.75C5.30964 12.75 4.75 13.3096 4.75 14C4.75 14.6904 5.30964 15.25 6 15.25C6.69036 15.25 7.25 14.6904 7.25 14C7.25 13.3096 6.69036 12.75 6 12.75Z",
-    fill: "#1C6EE6"
+    fill: fillColor
   }));
 };
 
+var _default = Grip;
 exports.default = _default;

package/lib/components/Wizard/index.d.ts

@@ -12,8 +12,15 @@ export interface WizardProps extends Pick<ModalProps, 'id' | 'visible' | 'zIndex
     size?: 'normal' | 'extraLarge';
     steps: Step[];
     activeStep: number;
-    submitButtonProps: ButtonProps;
+    submitButtonProps?: ButtonProps;
     onCancel: NonNullable<ModalProps['onClose']>;
+    renderActions?: (context: {
+        step: Step;
+        stepIndex: number;
+        isFirstStep: boolean;
+        isLastStep: boolean;
+        defaultActions: React.ReactNode;
+    }) => React.ReactNode;
 }
 declare function WizardManger(props: PropsWithChildren<WizardProps>): JSX.Element;
 declare namespace WizardManger {

package/lib/components/Wizard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Wizard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAa5C,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,mBAAmB,CAAC,EAAE,WAAW,CAAC;CACnC;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,WAAW,CAAC;IAC/B,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;CAC9C;AAmGD,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,eAQ1D;kBARQ,YAAY;;;;AAiBrB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Wizard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAO1D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAa5C,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,mBAAmB,CAAC,EAAE,WAAW,CAAC;CACnC;AAED,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,SAAS,GAAG,QAAQ,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QACxB,IAAI,EAAE,IAAI,CAAC;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,OAAO,CAAC;QACrB,UAAU,EAAE,OAAO,CAAC;QACpB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;KACjC,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AA8HD,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,eAQ1D;kBARQ,YAAY;;;;AAiBrB,eAAe,YAAY,CAAC"}

package/lib/components/Wizard/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _breakpointObserver = require("@decisiv/breakpoint-observer");
 
@@ -31,6 +31,8 @@ var _schema = _interopRequireDefault(require("./schema"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -63,6 +65,7 @@ var Wizard = function Wizard(_ref) {
       size = _ref$size === void 0 ? 'normal' : _ref$size,
       steps = _ref.steps,
       onCancel = _ref.onCancel,
+      renderActions = _ref.renderActions,
       _ref$zIndex = _ref.zIndex,
       zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex;
   var translate = (0, _useTranslations.default)();
@@ -86,6 +89,26 @@ var Wizard = function Wizard(_ref) {
   var showPrevious = currentStepNumber > 1 && !!previousButtonProps;
   var showSubmit = currentStepNumber === steps.length && !!submitButtonProps;
   var showNext = currentStepNumber < steps.length && !showSubmit && !!nextButtonProps;
+  var defaultActions = (0, _react.useMemo)(function () {
+    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_styles.ActionButtonsContainer, {
+      size: breakpoint
+    }, showSubmit && _react.default.createElement(_.Button, _extends({
+      text: translate('Submit', 'wizard.actions.submit')
+    }, submitButtonProps)), showNext && _react.default.createElement(_.Button, _extends({
+      text: translate('Continue', 'wizard.actions.continue'),
+      icon: _ArrowRight.default,
+      iconPosition: "right"
+    }, nextButtonProps)), showPrevious && _react.default.createElement(_.Button, _extends({
+      text: translate('Back', 'wizard.actions.back'),
+      kind: "secondary",
+      icon: _ArrowLeft.default
+    }, previousButtonProps))), _react.default.createElement(_.Button, {
+      text: translate('Cancel', 'wizard.actions.cancel'),
+      kind: "secondary",
+      variant: "ghost",
+      onClick: onCancel
+    }));
+  }, [breakpoint, showSubmit, translate, submitButtonProps, showNext, nextButtonProps, showPrevious, previousButtonProps, onCancel]);
   return _react.default.createElement(_ResponsiveModalWrapper.default, {
     id: id,
     size: sizeMapping[size],
@@ -109,24 +132,13 @@ var Wizard = function Wizard(_ref) {
     size: breakpoint,
     paddingX: (_ref3 = {}, _defineProperty(_ref3, _breakpointObserver.sizes.LG, 3), _defineProperty(_ref3, _breakpointObserver.sizes.XS, 2), _ref3),
     paddingY: 1.5
-  }, _react.default.createElement(_styles.ActionButtonsContainer, {
-    size: breakpoint
-  }, showSubmit && _react.default.createElement(_.Button, _extends({
-    text: translate('Submit', 'wizard.actions.submit')
-  }, submitButtonProps)), showNext && _react.default.createElement(_.Button, _extends({
-    text: translate('Continue', 'wizard.actions.continue'),
-    icon: _ArrowRight.default,
-    iconPosition: "right"
-  }, nextButtonProps)), showPrevious && _react.default.createElement(_.Button, _extends({
-    text: translate('Back', 'wizard.actions.back'),
-    kind: "secondary",
-    icon: _ArrowLeft.default
-  }, previousButtonProps))), _react.default.createElement(_.Button, {
-    text: translate('Cancel', 'wizard.actions.cancel'),
-    kind: "secondary",
-    variant: "ghost",
-    onClick: onCancel
-  }))));
+  }, renderActions ? renderActions({
+    step: currentStep,
+    stepIndex: currentStepNumber - 1,
+    isFirstStep: currentStepNumber === 1,
+    isLastStep: currentStepNumber === steps.length,
+    defaultActions: defaultActions
+  }) : defaultActions)));
 };
 
 function WizardManger(props) {

package/lib/components/Wizard/index.test.js

@@ -30,6 +30,95 @@ var render = function render(ui, options) {
 };
 
 describe('Wizard', function () {
+  describe('renderActions', function () {
+    describe('when not provided', function () {
+      it('renders the default action buttons', function () {
+        var steps = [{
+          title: 'First Step',
+          content: _react.default.createElement(StepContent, {
+            text: "Step 1 Content"
+          }),
+          nextButtonProps: {
+            onClick: function onClick() {
+              return null;
+            }
+          }
+        }, {
+          title: 'Second Step',
+          content: _react.default.createElement(StepContent, {
+            text: "Step 2 Content"
+          })
+        }, {
+          title: 'Third Step',
+          content: _react.default.createElement(StepContent, {
+            text: "Step 3 Content"
+          })
+        }];
+
+        var _render = render(_react.default.createElement(_.default, {
+          title: "Wizard Title",
+          visible: true,
+          activeStep: 1,
+          submitButtonProps: {
+            onClick: function onClick() {
+              return null;
+            }
+          },
+          steps: steps
+        })),
+            getByRole = _render.getByRole;
+
+        var modal = getByRole('dialog');
+        expect(modal).toBeInTheDocument();
+        expect((0, _react2.within)(modal).getByText(/cancel/i, {
+          selector: 'button'
+        })).toBeInTheDocument();
+        expect((0, _react2.within)(modal).getByText(/continue/i, {
+          selector: 'button'
+        })).toBeInTheDocument();
+      });
+    });
+    describe('when provided', function () {
+      it('renders the custom action buttons', function () {
+        var steps = [{
+          title: 'First Step',
+          content: _react.default.createElement(StepContent, {
+            text: "Step 1 Content"
+          })
+        }, {
+          title: 'Second Step',
+          content: _react.default.createElement(StepContent, {
+            text: "Step 2 Content"
+          })
+        }, {
+          title: 'Third Step',
+          content: _react.default.createElement(StepContent, {
+            text: "Step 3 Content"
+          })
+        }];
+
+        var _render2 = render(_react.default.createElement(_.default, {
+          title: "Wizard Title",
+          visible: true,
+          activeStep: 1,
+          submitButtonProps: {
+            onClick: function onClick() {
+              return null;
+            }
+          },
+          steps: steps,
+          renderActions: function renderActions() {
+            return _react.default.createElement("div", null, "Custom Actions");
+          }
+        })),
+            getByRole = _render2.getByRole;
+
+        var modal = getByRole('dialog');
+        expect(modal).toBeInTheDocument();
+        expect((0, _react2.within)(modal).getByText(/custom actions/i)).toBeInTheDocument();
+      });
+    });
+  });
   describe('size', function () {
     describe('normal / default', function () {
       it('renders the modal with a max-width of 650px', function () {
@@ -50,7 +139,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render = render(_react.default.createElement(_.default, {
+        var _render3 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: 1,
@@ -61,7 +150,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render.getByRole;
+            getByRole = _render3.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toHaveStyle('max-width: 650px');
@@ -86,7 +175,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render2 = render(_react.default.createElement(_.default, {
+        var _render4 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           size: "extraLarge",
           visible: true,
@@ -98,7 +187,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render2.getByRole;
+            getByRole = _render4.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toHaveStyle("max-width: ".concat((0, _polished.rem)(_designTokens.spacing.base * 90)));
@@ -123,7 +212,7 @@ describe('Wizard', function () {
       })
     }];
 
-    var _render3 = render(_react.default.createElement(_.default, {
+    var _render5 = render(_react.default.createElement(_.default, {
       title: "Wizard Title",
       visible: true,
       activeStep: 1,
@@ -134,7 +223,7 @@ describe('Wizard', function () {
       },
       steps: steps
     })),
-        getByRole = _render3.getByRole;
+        getByRole = _render5.getByRole;
 
     var modal = getByRole('dialog');
     expect(modal).toBeInTheDocument();
@@ -161,7 +250,7 @@ describe('Wizard', function () {
         })
       }];
 
-      var _render4 = render(_react.default.createElement(_.default, {
+      var _render6 = render(_react.default.createElement(_.default, {
         title: "Wizard Title",
         visible: true,
         activeStep: 1,
@@ -172,7 +261,7 @@ describe('Wizard', function () {
         },
         steps: steps
       })),
-          getByRole = _render4.getByRole;
+          getByRole = _render6.getByRole;
 
       var modal = getByRole('dialog');
       expect(modal).toBeInTheDocument();
@@ -202,7 +291,7 @@ describe('Wizard', function () {
         })
       }];
 
-      var _render5 = render(_react.default.createElement(_.default, {
+      var _render7 = render(_react.default.createElement(_.default, {
         title: "Wizard Title",
         visible: true,
         activeStep: activeStep,
@@ -213,7 +302,7 @@ describe('Wizard', function () {
         },
         steps: steps
       })),
-          getByRole = _render5.getByRole;
+          getByRole = _render7.getByRole;
 
       var modal = getByRole('dialog');
       expect(modal).toBeInTheDocument();
@@ -242,7 +331,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render6 = render(_react.default.createElement(_.default, {
+        var _render8 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           onCancel: onCancelMock,
@@ -254,7 +343,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render6.getByRole;
+            getByRole = _render8.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -285,7 +374,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render7 = render(_react.default.createElement(_.default, {
+        var _render9 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: 1,
@@ -296,7 +385,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render7.getByRole;
+            getByRole = _render9.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -327,7 +416,7 @@ describe('Wizard', function () {
           }
         }];
 
-        var _render8 = render(_react.default.createElement(_.default, {
+        var _render10 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: steps.length,
@@ -338,7 +427,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render8.getByRole;
+            getByRole = _render10.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -371,7 +460,7 @@ describe('Wizard', function () {
           })
         }];
         it('calls the onClick from the continueProps of the active step', function () {
-          var _render9 = render(_react.default.createElement(_.default, {
+          var _render11 = render(_react.default.createElement(_.default, {
             title: "Wizard Title",
             visible: true,
             activeStep: 1,
@@ -382,7 +471,7 @@ describe('Wizard', function () {
             },
             steps: steps
           })),
-              getByRole = _render9.getByRole;
+              getByRole = _render11.getByRole;
 
           var modal = getByRole('dialog');
           expect(modal).toBeInTheDocument();
@@ -421,7 +510,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render10 = render(_react.default.createElement(_.default, {
+        var _render12 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: 2,
@@ -432,7 +521,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render10.getByRole;
+            getByRole = _render12.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -463,7 +552,7 @@ describe('Wizard', function () {
           })
         }];
 
-        var _render11 = render(_react.default.createElement(_.default, {
+        var _render13 = render(_react.default.createElement(_.default, {
           title: "Wizard Title",
           visible: true,
           activeStep: 1,
@@ -474,7 +563,7 @@ describe('Wizard', function () {
           },
           steps: steps
         })),
-            getByRole = _render11.getByRole;
+            getByRole = _render13.getByRole;
 
         var modal = getByRole('dialog');
         expect(modal).toBeInTheDocument();
@@ -508,7 +597,7 @@ describe('Wizard', function () {
           }
         }];
         it('calls the onClick from the continueProps of the active step', function () {
-          var _render12 = render(_react.default.createElement(_.default, {
+          var _render14 = render(_react.default.createElement(_.default, {
             title: "Wizard Title",
             visible: true,
             activeStep: 2,
@@ -519,7 +608,7 @@ describe('Wizard', function () {
             },
             steps: steps
           })),
-              getByRole = _render12.getByRole;
+              getByRole = _render14.getByRole;
 
           var modal = getByRole('dialog');
           expect(modal).toBeInTheDocument();
@@ -554,7 +643,7 @@ describe('Wizard', function () {
         it('doesnt render if im not in the last step', function () {
           var submitCallbackMock = jest.fn();
 
-          var _render13 = render(_react.default.createElement(_.default, {
+          var _render15 = render(_react.default.createElement(_.default, {
             title: "Wizard Title",
             visible: true,
             activeStep: 1,
@@ -563,7 +652,7 @@ describe('Wizard', function () {
             },
             steps: steps
           })),
-              getByRole = _render13.getByRole;
+              getByRole = _render15.getByRole;
 
           var modal = getByRole('dialog');
           expect((0, _react2.within)(modal).queryByText(/submit/i)).not.toBeInTheDocument();
@@ -571,7 +660,7 @@ describe('Wizard', function () {
         it('renders if im in the last step', function () {
           var submitCallbackMock = jest.fn();
 
-          var _render14 = render(_react.default.createElement(_.default, {
+          var _render16 = render(_react.default.createElement(_.default, {
             title: "Wizard Title",
             visible: true,
             activeStep: steps.length,
@@ -580,7 +669,7 @@ describe('Wizard', function () {
             },
             steps: steps
           })),
-              getByRole = _render14.getByRole;
+              getByRole = _render16.getByRole;
 
           var modal = getByRole('dialog');
           expect((0, _react2.within)(modal).getByText(/submit/i)).toBeInTheDocument();

package/lib/components/Wizard/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Wizard/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAsC,CAAC;AA6CnD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Wizard/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAgDnD,eAAe,MAAM,CAAC"}

package/lib/components/Wizard/schema.js

@@ -23,15 +23,16 @@ schema.propTypes = {
     title: _reactDesc.PropTypes.string.isRequired,
     content: _reactDesc.PropTypes.node.isRequired,
     previousButtonProps: _reactDesc.PropTypes.shape({
-      onClick: _reactDesc.PropTypes.func.isRequired
+      onClick: _reactDesc.PropTypes.func
     }),
     nextButtonProps: _reactDesc.PropTypes.shape({
-      onClick: _reactDesc.PropTypes.func.isRequired
+      onClick: _reactDesc.PropTypes.func
     })
   })).description('Define the steps to render in the wizard. For more info on the usage, see the Step Props table below').isRequired,
   submitButtonProps: _reactDesc.PropTypes.shape({
     onClick: _reactDesc.PropTypes.func.isRequired
-  }).description('the props to pass to the submit button, this button is rendered by default in the last stesp').isRequired
+  }).description('the props to pass to the submit button, this button is rendered by default in the last stesp'),
+  renderActions: _reactDesc.PropTypes.func.description('Function to render custom action buttons. It receives an object with the current step, step index, isFirstStep, isLastStep and the default actions as parameters')
 };
 var _default = schema;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.221",
+  "version": "2.0.1-alpha.223",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -39,6 +39,7 @@
     "react-beautiful-dnd": "^13.0.0",
     "react-desc": "^4.1.2",
     "react-popper": "^1.3.3",
+    "react-window": "^1.8.10",
     "styled-components-modifiers": "^1.2.5",
     "styled-theming": "^2.2.0",
     "stylis-plugin-extra-scope": "^0.1.1"
@@ -61,6 +62,7 @@
     "@types/prop-types": "^15.7.1",
     "@types/react": "^16.8.22",
     "@types/react-beautiful-dnd": "^13.0.0",
+    "@types/react-window": "^1.8.5",
     "@types/styled-components": "^4.1.15",
     "@types/styled-theming": "^2.2.2",
     "babel-plugin-styled-components": "^1.10.6",