@decisiv/ui-components 2.0.1-alpha.185 → 2.0.1-alpha.187

package/lib/components/SearchInput/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/styles.ts"],"names":[],"mappings":";AAOA,OAAgB,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AAM5D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAatB,CAAC;AAEF,eAAO,MAAM,UAAU,sGAItB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAKvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAkB5B,CAAC;AAEF,eAAO,MAAM,WAAW,sEAGvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAezB,CAAC;AAEF,eAAO,MAAM,cAAc,6IAAkC,CAAC;AAE9D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAIhC,CAAC"}

package/lib/components/SearchInput/styles.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SearchInputContainer = exports.WarningMessage = exports.SelectWrapper = exports.StyledInput = exports.TimesIconWrapper = exports.SearchIconWrapper = exports.ButtonGroup = exports.StyledBody = exports.StyledFlex = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _spacing = _interopRequireDefault(require("@decisiv/design-tokens/lib/spacing"));
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _Flex = _interopRequireDefault(require("../Flex"));
+
+var _Message = _interopRequireDefault(require("../Message"));
+
+var _focusRingWithColor = _interopRequireDefault(require("../../utils/focusRingWithColor"));
+
+var _Input = _interopRequireDefault(require("../TextField/Input"));
+
+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; } }
+
+var StyledFlex = (0, _styledComponents.default)(_Flex.default).withConfig({
+  displayName: "styles__StyledFlex",
+  componentId: "rlmiu8-0"
+})(["align-items:center;[cursor='text']{height:", "px;> div{", ";padding-bottom:", ";}}"], function (_ref) {
+  var mediumSized = _ref.mediumSized;
+  return mediumSized ? 50 : 32;
+}, function (_ref2) {
+  var mediumSized = _ref2.mediumSized;
+  return !mediumSized && "padding-top: ".concat((0, _rem.default)(_spacing.default.base * 0.1));
+}, function (_ref3) {
+  var mediumSized = _ref3.mediumSized;
+  return (0, _rem.default)(_spacing.default.base * (mediumSized ? 0.6 : 0.1));
+});
+exports.StyledFlex = StyledFlex;
+var StyledBody = (0, _styledComponents.default)(_Flex.default).withConfig({
+  displayName: "styles__StyledBody",
+  componentId: "rlmiu8-1"
+})(["flex:1;align-items:center;height:inherit;"]);
+exports.StyledBody = StyledBody;
+var ButtonGroup = (0, _styledComponents.default)(_Flex.default).withConfig({
+  displayName: "styles__ButtonGroup",
+  componentId: "rlmiu8-2"
+})(["align-items:center;margin-right:", ";cursor:default;"], function (_ref4) {
+  var mediumSized = _ref4.mediumSized;
+  return (0, _rem.default)(_spacing.default.base * (mediumSized ? 1 : 0.3));
+});
+exports.ButtonGroup = ButtonGroup;
+var SearchIconWrapper = (0, _styledComponents.default)(_Flex.default).withConfig({
+  displayName: "styles__SearchIconWrapper",
+  componentId: "rlmiu8-3"
+})(["color:", ";margin-right:", ";margin-left:", ";align-items:center;"], (0, _toColorString.default)(_color.default.base.alaskanHusky), (0, _rem.default)(_spacing.default.base * 1.5), function (_ref5) {
+  var inputSize = _ref5.inputSize;
+  return inputSize === 'small' ? 0 : (0, _rem.default)(_spacing.default.base * 0.5);
+});
+exports.SearchIconWrapper = SearchIconWrapper;
+var TimesIconWrapper = (0, _styledComponents.default)(_Flex.default).withConfig({
+  displayName: "styles__TimesIconWrapper",
+  componentId: "rlmiu8-4"
+})(["height:inherit;visibility:", ";margin-right:", ";color:", ";align-items:center;border:1px solid transparent;border-radius:2px;&:hover{color:", ";}&:focus{outline:none;border:1px solid ", ";", "}"], function (_ref6) {
+  var visible = _ref6.visible;
+  return visible ? 'visible' : 'hidden';
+}, (0, _rem.default)(_spacing.default.base), (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _toColorString.default)(_color.default.status.danger.medium), (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _focusRingWithColor.default)(_color.default.interaction.pacificOcean40));
+exports.TimesIconWrapper = TimesIconWrapper;
+var StyledInput = (0, _styledComponents.default)(_Input.default).withConfig({
+  displayName: "styles__StyledInput",
+  componentId: "rlmiu8-5"
+})(["padding:0;color:", ";"], (0, _toColorString.default)(_color.default.base.charcoal));
+exports.StyledInput = StyledInput;
+var SelectWrapper = (0, _styledComponents.default)(_Flex.default).withConfig({
+  displayName: "styles__SelectWrapper",
+  componentId: "rlmiu8-6"
+})(["margin-right:-1px;", " &:hover,&:active,&:focus-within{z-index:100;}"], function (_ref7) {
+  var width = _ref7.width;
+  return width && (0, _styledComponents.css)(["max-width:", ";min-width:", ";"], width, width);
+});
+exports.SelectWrapper = SelectWrapper;
+var WarningMessage = (0, _styledComponents.default)(_Message.default).withConfig({
+  displayName: "styles__WarningMessage",
+  componentId: "rlmiu8-7"
+})([""]);
+exports.WarningMessage = WarningMessage;
+var SearchInputContainer = (0, _styledComponents.default)(_Flex.default).attrs({
+  flexDirection: 'column'
+}).withConfig({
+  displayName: "styles__SearchInputContainer",
+  componentId: "rlmiu8-8"
+})(["gap:", ";"], (0, _rem.default)(_spacing.default.base * 0.5));
+exports.SearchInputContainer = SearchInputContainer;

package/lib/components/SearchInput/types.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { FormEvent } from 'react';
 import { BaseInputFieldProps } from '../../atoms/InputField';
 import { FlexComponentProps } from '../Flex';
+import { DropdownListItem } from '../DropdownList';
 export interface SearchItem<T> {
     label: string;
     value: T;
@@ -11,6 +12,13 @@ export interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     zIndex?: number;
     searchDisabled?: boolean;
     searchOn?: SearchOn;
+    searchByDefaultValue?: string;
+    searchByLabel?: string;
+    searchByName?: string;
+    searchByOptions?: DropdownListItem[];
+    searchByValue?: string;
+    searchByWidth?: string;
+    onSearchByChange?: ((event: FormEvent<HTMLButtonElement>) => void) & ((value: string) => void);
     onSearch?: (value: string) => void;
     onSelectItem?: (value: any) => void;
     onBlur?: React.FocusEventHandler;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV;AAED,oBAAY,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtC,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,EACzE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC;IACvC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC;IACxE,kBAAkB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SearchInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,WAAW,UAAU,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV;AAED,oBAAY,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtC,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,EACzE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,SAAS,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC,GAChE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC;IACvC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC;IACxE,kBAAkB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;CACjD;AAED,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB"}

package/lib/components/Tag/propTypes.d.ts

@@ -7,7 +7,7 @@ export declare const propTypes: {
     actionAttributes: any;
     actionIntent: PropTypes.Requireable<string>;
     actionRef: PropTypes.Requireable<any>;
-    color: PropTypes.Requireable<"information" | "success" | "warning" | "danger" | "berryCrisp" | "koolaidCake" | "cookieMonster" | "cottonCandy" | "fizzyLime" | "mamboMango" | "carrotCake" | "roseGummy" | "licoriceMousse">;
+    color: PropTypes.Requireable<import("../../utils/commonUIColors").CommonUIColorKeys>;
     variant: PropTypes.Requireable<string>;
     palette: PropTypes.Requireable<string>;
     size: PropTypes.Requireable<string>;

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

@@ -0,0 +1,24 @@
+import React, { PropsWithChildren } from 'react';
+import { ButtonProps } from '../Button';
+import { ModalProps } from '../Modal/types';
+export interface Step {
+    title: string;
+    content: React.ReactNode;
+    nextButtonProps?: ButtonProps;
+    previousButtonProps?: ButtonProps;
+}
+export interface WizardProps extends Pick<ModalProps, 'id' | 'visible' | 'zIndex'> {
+    title: string;
+    size?: 'normal' | 'extraLarge';
+    steps: Step[];
+    activeStep: number;
+    submitButtonProps: ButtonProps;
+    onCancel: NonNullable<ModalProps['onClose']>;
+}
+declare function WizardManger(props: PropsWithChildren<WizardProps>): JSX.Element;
+declare namespace WizardManger {
+    var propTypes: any;
+    var displayName: string;
+}
+export default WizardManger;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;AA8FD,iBAAS,YAAY,CAAC,KAAK,EAAE,iBAAiB,CAAC,WAAW,CAAC,eAQ1D;kBARQ,YAAY;;;;AAiBrB,eAAe,YAAY,CAAC"}

package/lib/components/Wizard/index.js

@@ -0,0 +1,142 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _breakpointObserver = require("@decisiv/breakpoint-observer");
+
+var _ArrowLeft = _interopRequireDefault(require("@decisiv/iconix/lib/components/ArrowLeft"));
+
+var _ArrowRight = _interopRequireDefault(require("@decisiv/iconix/lib/components/ArrowRight"));
+
+var _ = require("..");
+
+var _useTranslations = _interopRequireDefault(require("../../utils/useTranslations"));
+
+var _Manager = _interopRequireDefault(require("../Modal/Manager"));
+
+var _ResponsiveModalWrapper = _interopRequireDefault(require("../Modal/ResponsiveModalWrapper"));
+
+var _StepTracker = _interopRequireDefault(require("../StepTracker"));
+
+var _Typography = require("../Typography");
+
+var _styles = require("./styles");
+
+var _schema = _interopRequireDefault(require("./schema"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// Define Wizard component
+var Wizard = function Wizard(_ref) {
+  var _ref3;
+
+  var id = _ref.id,
+      wizardTitle = _ref.title,
+      currentStepNumber = _ref.activeStep,
+      submitButtonProps = _ref.submitButtonProps,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'normal' : _ref$size,
+      steps = _ref.steps,
+      onCancel = _ref.onCancel,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex;
+  var translate = (0, _useTranslations.default)();
+
+  var breakpoints = _defineProperty({}, _breakpointObserver.sizes.LG, 650);
+
+  var _useBreakpointObserve = (0, _breakpointObserver.useBreakpointObserver)(breakpoints),
+      _useBreakpointObserve2 = _slicedToArray(_useBreakpointObserve, 2),
+      observedElementRef = _useBreakpointObserve2[0],
+      breakpoint = _useBreakpointObserve2[1].breakpoint;
+
+  var currentStep = steps[currentStepNumber - 1];
+  var stepsTitles = steps.map(function (_ref2) {
+    var title = _ref2.title;
+    return title;
+  });
+  var title = currentStep.title,
+      content = currentStep.content,
+      nextButtonProps = currentStep.nextButtonProps,
+      previousButtonProps = currentStep.previousButtonProps;
+  var showPrevious = currentStepNumber > 1 && !!previousButtonProps;
+  var showSubmit = currentStepNumber === steps.length && !!submitButtonProps;
+  var showNext = currentStepNumber < steps.length && !showSubmit && !!nextButtonProps;
+  return _react.default.createElement(_ResponsiveModalWrapper.default, {
+    id: id,
+    size: size,
+    zIndex: zIndex,
+    breakpoint: breakpoint,
+    observedElementRef: observedElementRef
+  }, _react.default.createElement(_styles.WizardContainer, null, _react.default.createElement(_styles.ScrollYBox, {
+    size: breakpoint
+  }, _react.default.createElement(_styles.Header, {
+    size: breakpoint
+  }, _react.default.createElement(_.Flex, {
+    justifyContent: "center"
+  }, _react.default.createElement(_Typography.H2, null, wizardTitle)), _react.default.createElement(_StepTracker.default, {
+    steps: stepsTitles,
+    activeStep: currentStepNumber
+  })), _react.default.createElement(_styles.StepContainer, {
+    tabIndex: 0
+  }, _react.default.createElement(_.Flex, {
+    marginBottom: 2
+  }, _react.default.createElement(_Typography.H3, null, title)), content)), _react.default.createElement(_styles.Footer, {
+    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
+  }))));
+};
+
+function WizardManger(props) {
+  var onCancel = props.onCancel,
+      visible = props.visible,
+      children = props.children;
+  return _react.default.createElement(_Manager.default, {
+    onClose: onCancel,
+    visible: visible
+  }, _react.default.createElement(Wizard, props, children));
+} // @ts-ignore
+
+
+WizardManger.propTypes = _objectSpread({}, _schema.default.propTypes);
+WizardManger.displayName = 'Wizard';
+var _default = WizardManger;
+exports.default = _default;