@decisiv/ui-components 2.0.1-alpha.97 → 2.0.1

package/lib/components/ToggleView/schema.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactDesc = require("react-desc");
+
+// @ts-ignore no module typings
+var schema = (0, _reactDesc.describe)({
+  displayName: 'Tag'
+});
+schema.propTypes = {
+  items: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.shape({
+    id: _reactDesc.PropTypes.string,
+    icon: _reactDesc.PropTypes.func.description('Which `iconix` icon to render as the icon option button.'),
+    text: _reactDesc.PropTypes.string.description('The label text for an option in the list of toggle options.')
+  })).description('The array of item data that will be rendered as toggle options.').isRequired,
+  onChange: _reactDesc.PropTypes.func.description('Change event handler, called with the ID of the selected option.').isRequired,
+  selected: _reactDesc.PropTypes.string.description('ID value of the option to show as `selected` in the list.').isRequired
+};
+var _default = schema;
+exports.default = _default;

package/lib/components/ToggleView/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button/types';
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").RefForwardingComponent<HTMLButtonElement, ButtonProps>, any, {
+    size: string;
+} & ButtonProps, "size">;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleView/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,eAAO,MAAM,YAAY;;wBAOxB,CAAC"}

package/lib/components/ToggleView/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledButton = void 0;
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// eslint-disable-next-line import/prefer-default-export
+var StyledButton = (0, _styledComponents.default)(_Button.default).attrs({
+  size: 'small'
+}).withConfig({
+  displayName: "styles__StyledButton",
+  componentId: "guu1wo-0"
+})(["width:", ";height:", ";margin:0 2.5px;border-radius:", ";"], (0, _rem.default)(26), (0, _rem.default)(26), (0, _rem.default)(14));
+exports.StyledButton = StyledButton;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { IconProps } from '@decisiv/iconix';
+declare type IconComponent = (props: IconProps) => JSX.Element;
+export declare type ToggleViewRef = HTMLDivElement;
+export interface ViewItem {
+    icon: IconComponent;
+    id: string;
+    text?: string;
+}
+export declare type ViewItems = ViewItem[];
+export interface ToggleViewProps {
+    'aria-label'?: string;
+    items: ViewItems;
+    onChange?: (id: string) => void;
+    selected: string;
+}
+export declare const defaultProps: {
+    items: never[];
+    onChange: undefined;
+    selected: undefined;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleView/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,oBAAY,aAAa,GAAG,cAAc,CAAC;AAE3C,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,aAAa,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,oBAAY,SAAS,GAAG,QAAQ,EAAE,CAAC;AAEnC,MAAM,WAAW,eAAe;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,YAAY;;;;CAIxB,CAAC"}

package/lib/components/ToggleView/types.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  items: [],
+  onChange: undefined,
+  selected: undefined
+};
+exports.defaultProps = defaultProps;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAO,sBAAsB,EAAc,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAgB,EACd,UAAU,EACV,YAAY,EACZ,SAAS,IAAI,aAAa,EAC1B,WAAW,IAAI,UAAU,EAC1B,MAAM,YAAY,CAAC;AAGpB,oBAAY,WAAW,GAAG,UAAU,CAAC;AACrC,oBAAY,SAAS,GAAG,aAAa,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAuCD,QAAA,MAAM,cAAc,EAAE,sBAAsB,CAC1C,WAAW,EACX,YAAY,CACS,CAAC;AAcxB,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAO,sBAAsB,EAAc,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAK7D,OAAgB,EACd,UAAU,EACV,YAAY,EACZ,SAAS,IAAI,aAAa,EAC1B,WAAW,IAAI,UAAU,EAC1B,MAAM,YAAY,CAAC;AAGpB,oBAAY,WAAW,GAAG,UAAU,CAAC;AACrC,oBAAY,SAAS,GAAG,aAAa,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAuCD,QAAA,MAAM,cAAc,EAAE,sBAAsB,CAC1C,WAAW,EACX,YAAY,CACS,CAAC;AAUxB,eAAe,cAAc,CAAC"}

package/lib/components/Tooltip/index.js

@@ -11,12 +11,8 @@ Object.defineProperty(exports, "placements", {
 });
 exports.default = void 0;
 
-var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -27,6 +23,8 @@ var _color = _interopRequireDefault(require("../../modifiers/color"));
 
 var _useUniqueId = _interopRequireDefault(require("../../utils/useUniqueId"));
 
+var _schema = _interopRequireDefault(require("./schema"));
+
 var _Popover = _interopRequireWildcard(require("../Popover"));
 
 var _Typography = require("../Typography");
@@ -35,12 +33,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 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 _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; }
-
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -74,9 +66,7 @@ var Tooltip = function Tooltip(_ref, ref) {
 
 var TooltipWithRef = (0, _react.forwardRef)(Tooltip); // @ts-ignore
 
-TooltipWithRef.propTypes = _objectSpread({}, (0, _omit.default)(_Popover.default.propTypes, ['children', 'arrowColor', 'hideOnClickOutside']), {
-  children: _propTypes.default.string.isRequired
-}); // @ts-ignore
+TooltipWithRef.propTypes = _schema.default.propTypes; // @ts-ignore
 
 TooltipWithRef.defaultProps = _Popover.default.defaultProps;
 TooltipWithRef.displayName = 'Tooltip';

package/lib/components/Tooltip/schema.d.ts

@@ -0,0 +1,3 @@
+declare const schema: any;
+export default schema;
+//# sourceMappingURL=schema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/schema.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM,KAAuC,CAAC;AAapD,eAAe,MAAM,CAAC"}

package/lib/components/Tooltip/schema.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactDesc = require("react-desc");
+
+var _omit = _interopRequireDefault(require("lodash/omit"));
+
+var _schema = _interopRequireDefault(require("../Popover/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 _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; }
+
+var schema = (0, _reactDesc.describe)({
+  displayName: 'Tooltip'
+});
+schema.propTypes = _objectSpread({}, (0, _omit.default)(_schema.default.makePropTypes('tooltip'), ['children', 'arrowColor', 'hideOnClickOutside']), {
+  children: _reactDesc.PropTypes.string.description('The text to be displayed inside the tooltip.').isRequired
+});
+var _default = schema;
+exports.default = _default;

package/lib/components/TopNav/Menu/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TButtonProps } from '../Button';
-declare const _default: React.ForwardRefExoticComponent<Pick<TButtonProps, "disabled" | "emblem" | "primaryText" | "secondaryText" | "tooltipText" | "counter"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<TButtonProps, "disabled" | "tooltipText" | "emblem" | "primaryText" | "secondaryText" | "counter"> & {
     children: React.ReactNode;
     childMinWidth?: string | undefined;
     popoverRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;

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

@@ -7,7 +7,7 @@ declare namespace TopNav {
     var BrandInfo: typeof import("./BrandInfo").default;
     var Button: React.ForwardRefExoticComponent<(import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>) | (import("./Button").ButtonWithMenuProps & React.RefAttributes<HTMLButtonElement>)>;
     var Link: typeof import("./Link").default;
-    var Menu: React.ForwardRefExoticComponent<Pick<import("./Button").TButtonProps, "disabled" | "emblem" | "primaryText" | "secondaryText" | "tooltipText" | "counter"> & {
+    var Menu: React.ForwardRefExoticComponent<Pick<import("./Button").TButtonProps, "disabled" | "tooltipText" | "emblem" | "primaryText" | "secondaryText" | "counter"> & {
         children: React.ReactNode;
         childMinWidth?: string | undefined;
         popoverRef?: ((instance: any) => void) | React.RefObject<any> | null | undefined;

package/lib/components/Typography/withColors.d.ts

@@ -8,7 +8,7 @@ declare const enabledBaseColors: Pick<{
     blackSheep: Color;
     midnight: Color;
     charcoal: Color;
-}, "charcoal" | "alaskanHusky" | "snowWhite" | "quarterMoon" | "halfMoon">;
+}, "charcoal" | "alaskanHusky" | "snowWhite" | "quarterMoon" | "halfMoon" | "fullMoon">;
 declare type EnabledBaseColorKeys = keyof typeof enabledBaseColors;
 declare type StatusColorsKeys = Exclude<keyof typeof color.status, 'default'>;
 declare const passThroughColors: {

package/lib/components/Typography/withColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withColors.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/withColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAShE,QAAA,MAAM,iBAAiB;;;;;;;;;0EAMrB,CAAC;AAEH,aAAK,oBAAoB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE3D,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,OAAO,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAGtE,QAAA,MAAM,iBAAiB;;CAAyB,CAAC;AACjD,aAAK,oBAAoB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE3D,oBAAY,mBAAmB,GAC3B,oBAAoB,GACpB,gBAAgB,GAChB,oBAAoB,CAAC;AAEzB,oBAAY,gBAAgB,GAAG;KAAG,CAAC,IAAI,mBAAmB,GAAG,KAAK,GAAG,MAAM;CAAE,CAAC;AAgB9E,eAAO,MAAM,mBAAmB,UAI/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,gBAI9B,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;CAIZ,CAAC;AAYX,aAAK,mBAAmB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEzD,eAAO,MAAM,mBAAmB,eAEN,CAAC;AAoC3B,QAAA,MAAM,UAAU,+FAGf,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"withColors.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/withColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAShE,QAAA,MAAM,iBAAiB;;;;;;;;;uFAOrB,CAAC;AAEH,aAAK,oBAAoB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE3D,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,OAAO,KAAK,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAGtE,QAAA,MAAM,iBAAiB;;CAAyB,CAAC;AACjD,aAAK,oBAAoB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE3D,oBAAY,mBAAmB,GAC3B,oBAAoB,GACpB,gBAAgB,GAChB,oBAAoB,CAAC;AAEzB,oBAAY,gBAAgB,GAAG;KAAG,CAAC,IAAI,mBAAmB,GAAG,KAAK,GAAG,MAAM;CAAE,CAAC;AAgB9E,eAAO,MAAM,mBAAmB,UAI/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,gBAI9B,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;;CAIZ,CAAC;AAYX,aAAK,mBAAmB,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEzD,eAAO,MAAM,mBAAmB,eAEN,CAAC;AAoC3B,QAAA,MAAM,UAAU,+FAGf,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAe,UAAU,CAAC"}

package/lib/components/Typography/withColors.js

@@ -33,7 +33,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 var base = _color.default.base,
     status = _color.default.status;
-var enabledBaseColors = (0, _pick.default)(base, ['charcoal', 'alaskanHusky', 'snowWhite', 'quarterMoon', 'halfMoon']);
+var enabledBaseColors = (0, _pick.default)(base, ['charcoal', 'alaskanHusky', 'snowWhite', 'quarterMoon', 'halfMoon', 'fullMoon']);
 var passThroughColors = {
   inherit: 'inherit'
 };

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

@@ -0,0 +1,33 @@
+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;
+    hideBodyTitle?: boolean;
+}
+export interface WizardProps extends Pick<ModalProps, 'id' | 'visible' | 'zIndex'> {
+    title: string;
+    size?: 'normal' | 'extraLarge';
+    steps: Step[];
+    activeStep: number;
+    submitButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    onCancel?: 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 {
+    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,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;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;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,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAChC,QAAQ,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACjC,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;AA8ID,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,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(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 _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; }
+
+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; }
+
+var sizeMapping = {
+  normal: 'medium',
+  extraLarge: 'large'
+}; // Define Wizard component
+
+var Wizard = function Wizard(_ref) {
+  var _ref3;
+
+  var id = _ref.id,
+      wizardTitle = _ref.title,
+      currentStepNumber = _ref.activeStep,
+      submitButtonProps = _ref.submitButtonProps,
+      cancelButtonProps = _ref.cancelButtonProps,
+      _ref$size = _ref.size,
+      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)();
+
+  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,
+      hideBodyTitle = currentStep.hideBodyTitle;
+  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))), (onCancel || cancelButtonProps) && _react.default.createElement(_.Button, _extends({
+      text: translate('Cancel', 'wizard.actions.cancel'),
+      kind: "secondary",
+      variant: "ghost",
+      onClick: onCancel,
+      disabled: cancelButtonProps ? !cancelButtonProps.onClick : !onCancel
+    }, cancelButtonProps)));
+  }, [breakpoint, showSubmit, translate, submitButtonProps, showNext, nextButtonProps, showPrevious, previousButtonProps, onCancel, cancelButtonProps]);
+  return _react.default.createElement(_ResponsiveModalWrapper.default, {
+    id: id,
+    size: sizeMapping[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
+  }, !hideBodyTitle && _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
+  }, renderActions ? renderActions({
+    step: currentStep,
+    stepIndex: currentStepNumber - 1,
+    isFirstStep: currentStepNumber === 1,
+    isLastStep: currentStepNumber === steps.length,
+    defaultActions: defaultActions
+  }) : defaultActions)));
+};
+
+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;