@activecollab/components 1.0.174 → 1.0.175

package/dist/cjs/components/Wizard/Step.js

@@ -0,0 +1,68 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Step = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Button = require("../Button");
+
+var _Icons = require("../Icons");
+
+var _StepActionButton = require("./StepActionButton");
+
+var _Dialog = require("../Dialog");
+
+var _Typography = require("../Typography");
+
+var _Styles = require("./Styles");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Step = function Step(_ref) {
+  var index = _ref.index,
+      isLast = _ref.isLast,
+      subtitle = _ref.subtitle,
+      title = _ref.title,
+      onNextButtonClick = _ref.onNextButtonClick,
+      onPreviousButtonClick = _ref.onPreviousButtonClick,
+      onClose = _ref.onClose,
+      children = _ref.children,
+      _ref$actionLabel = _ref.actionLabel,
+      actionLabel = _ref$actionLabel === void 0 ? "Proceed" : _ref$actionLabel,
+      _ref$shouldRenderNext = _ref.shouldRenderNextButton,
+      shouldRenderNextButton = _ref$shouldRenderNext === void 0 ? true : _ref$shouldRenderNext,
+      _ref$changingStepInPr = _ref.changingStepInProgress,
+      changingStepInProgress = _ref$changingStepInPr === void 0 ? false : _ref$changingStepInPr;
+  var onActionButtonClick = (0, _react.useCallback)(function () {
+    if (isLast && onClose) {
+      return onClose();
+    }
+
+    return onNextButtonClick && onNextButtonClick();
+  }, [isLast, onClose, onNextButtonClick]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepHeader, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    onClick: onPreviousButtonClick,
+    variant: "text gray",
+    className: "tw--ml-3 tw-mr-2",
+    disabled: changingStepInProgress
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowBackMobileIcon, null)) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledStepTitle, null, /*#__PURE__*/_react.default.createElement(_Typography.Caption2, null, title), /*#__PURE__*/_react.default.createElement(_Typography.Header3, null, subtitle))), /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    onClick: onClose,
+    variant: "text gray",
+    disabled: changingStepInProgress
+  }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, null))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContentDivider, null), shouldRenderNextButton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, children), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, /*#__PURE__*/_react.default.createElement(_StepActionButton.StepActionButton, {
+    isLast: isLast,
+    actionLabel: actionLabel,
+    onNextButtonClick: onActionButtonClick
+  }))) : /*#__PURE__*/_react.default.createElement(_Styles.StyledCustomStep, null, children));
+};
+
+exports.Step = Step;
+Step.displayName = "Step";
+//# sourceMappingURL=Step.js.map

package/dist/cjs/components/Wizard/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/Step.tsx"],"names":["Step","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","onActionButtonClick","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAqBO,IAAMA,IAAe,GAAG,SAAlBA,IAAkB,OAYzB;AAAA,MAXJC,KAWI,QAXJA,KAWI;AAAA,MAVJC,MAUI,QAVJA,MAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,KAQI,QARJA,KAQI;AAAA,MAPJC,iBAOI,QAPJA,iBAOI;AAAA,MANJC,qBAMI,QANJA,qBAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,SAGV;AAAA,mCAFJC,sBAEI;AAAA,MAFJA,sBAEI,sCAFqB,IAErB;AAAA,mCADJC,sBACI;AAAA,MADJA,sBACI,sCADqB,KACrB;AACJ,MAAMC,mBAAmB,GAAG,wBAAY,YAAM;AAC5C,QAAIV,MAAM,IAAIK,OAAd,EAAuB;AACrB,aAAOA,OAAO,EAAd;AACD;;AAED,WAAOF,iBAAiB,IAAIA,iBAAiB,EAA7C;AACD,GAN2B,EAMzB,CAACH,MAAD,EAASK,OAAT,EAAkBF,iBAAlB,CANyB,CAA5B;AAQA,sBACE,yEACE,6BAAC,wBAAD,qBACE,6BAAC,4BAAD,QACGJ,KAAK,IAAIA,KAAK,GAAG,CAAjB,gBACC,6BAAC,cAAD;AACE,IAAA,OAAO,EAAEK,qBADX;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,SAAS,EAAC,kBAHZ;AAIE,IAAA,QAAQ,EAAEK;AAJZ,kBAME,6BAAC,0BAAD,OANF,CADD,GASG,IAVN,eAWE,6BAAC,uBAAD,qBACE,6BAAC,oBAAD,QAAWP,KAAX,CADF,eAEE,6BAAC,mBAAD,QAAUD,QAAV,CAFF,CAXF,CADF,eAiBE,6BAAC,cAAD;AACE,IAAA,OAAO,EAAEI,OADX;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,QAAQ,EAAEI;AAHZ,kBAKE,6BAAC,sBAAD,OALF,CAjBF,CADF,eA0BE,6BAAC,4BAAD,OA1BF,EA2BGD,sBAAsB,gBACrB,yEACE,6BAAC,qBAAD,QAAgBF,QAAhB,CADF,eAEE,6BAAC,4BAAD,OAFF,eAGE,6BAAC,qBAAD,qBACE,6BAAC,kCAAD;AACE,IAAA,MAAM,EAAEN,MADV;AAEE,IAAA,WAAW,EAAEO,WAFf;AAGE,IAAA,iBAAiB,EAAEG;AAHrB,IADF,CAHF,CADqB,gBAarB,6BAAC,wBAAD,QAAmBJ,QAAnB,CAxCJ,CADF;AA6CD,CAlEM;;;AAoEPR,IAAI,CAACa,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\nimport { Button } from \"../Button\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { StepActionButton } from \"./StepActionButton\";\nimport { DialogActions, DialogContent, DialogContentDivider } from \"../Dialog\";\nimport { Caption2, Header3 } from \"../Typography\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\n\nexport interface IStep {\n  index?: number;\n  isLast?: boolean;\n  subtitle: string;\n  title?: string;\n  onNextButtonClick?: () => void;\n  onPreviousButtonClick?: () => void;\n  onClose?: () => void;\n  children: ReactNode;\n  actionLabel?: string;\n  shouldRenderNextButton?: boolean;\n  changingStepInProgress?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n  index,\n  isLast,\n  subtitle,\n  title,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  onClose,\n  children,\n  actionLabel = \"Proceed\",\n  shouldRenderNextButton = true,\n  changingStepInProgress = false,\n}) => {\n  const onActionButtonClick = useCallback(() => {\n    if (isLast && onClose) {\n      return onClose();\n    }\n\n    return onNextButtonClick && onNextButtonClick();\n  }, [isLast, onClose, onNextButtonClick]);\n\n  return (\n    <>\n      <StyledStepHeader>\n        <StyledStepHeaderLeft>\n          {index && index > 0 ? (\n            <Button\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </Button>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        <Button\n          onClick={onClose}\n          variant=\"text gray\"\n          disabled={changingStepInProgress}\n        >\n          <CancelCrossIcon />\n        </Button>\n      </StyledStepHeader>\n      <DialogContentDivider />\n      {shouldRenderNextButton ? (\n        <>\n          <DialogContent>{children}</DialogContent>\n          <DialogContentDivider />\n          <DialogActions>\n            <StepActionButton\n              isLast={isLast}\n              actionLabel={actionLabel}\n              onNextButtonClick={onActionButtonClick}\n            />\n          </DialogActions>\n        </>\n      ) : (\n        <StyledCustomStep>{children}</StyledCustomStep>\n      )}\n    </>\n  );\n};\n\nStep.displayName = \"Step\";\n"],"file":"Step.js"}

package/dist/cjs/components/Wizard/StepActionButton.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StepActionButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = require("../Button");
+
+var _Icons = require("../Icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StepActionButton = function StepActionButton(_ref) {
+  var onNextButtonClick = _ref.onNextButtonClick,
+      _ref$actionLabel = _ref.actionLabel,
+      actionLabel = _ref$actionLabel === void 0 ? "Proceed" : _ref$actionLabel,
+      isLast = _ref.isLast,
+      disabled = _ref.disabled,
+      className = _ref.className;
+  return /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    className: className,
+    onClick: onNextButtonClick,
+    disabled: disabled
+  }, actionLabel, !isLast ? /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null) : null);
+};
+
+exports.StepActionButton = StepActionButton;
+StepActionButton.displayName = "StepActionButton";
+//# sourceMappingURL=StepActionButton.js.map

package/dist/cjs/components/Wizard/StepActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/StepActionButton.tsx"],"names":["StepActionButton","onNextButtonClick","actionLabel","isLast","disabled","className","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAUO,IAAMA,gBAAuC,GAAG,SAA1CA,gBAA0C,OAMjD;AAAA,MALJC,iBAKI,QALJA,iBAKI;AAAA,8BAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,SAIV;AAAA,MAHJC,MAGI,QAHJA,MAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,sBACE,6BAAC,cAAD;AACE,IAAA,SAAS,EAAEA,SADb;AAEE,IAAA,OAAO,EAAEJ,iBAFX;AAGE,IAAA,QAAQ,EAAEG;AAHZ,KAKGF,WALH,EAMG,CAACC,MAAD,gBAAU,6BAAC,qBAAD,OAAV,GAA+B,IANlC,CADF;AAUD,CAjBM;;;AAmBPH,gBAAgB,CAACM,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { FC } from \"react\";\nimport { Button } from \"../Button\";\nimport { ArrowRightIcon } from \"../Icons\";\n\nexport interface IStepActionButton {\n  isLast?: boolean;\n  onNextButtonClick?: () => void;\n  actionLabel?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport const StepActionButton: FC<IStepActionButton> = ({\n  onNextButtonClick,\n  actionLabel = \"Proceed\",\n  isLast,\n  disabled,\n  className,\n}) => {\n  return (\n    <Button\n      className={className}\n      onClick={onNextButtonClick}\n      disabled={disabled}\n    >\n      {actionLabel}\n      {!isLast ? <ArrowRightIcon /> : null}\n    </Button>\n  );\n};\n\nStepActionButton.displayName = \"StepActionButton\";\n"],"file":"StepActionButton.js"}

package/dist/cjs/components/Wizard/Styles.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledStepTitle = exports.StyledStepHeaderLeft = exports.StyledStepHeader = exports.StyledCustomStep = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledStepHeader = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledStepHeader",
+  componentId: "sc-88drbd-0"
+})(["display:flex;padding:12px 12px 12px 32px;justify-content:space-between;"]);
+
+exports.StyledStepHeader = StyledStepHeader;
+
+var StyledStepTitle = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledStepTitle",
+  componentId: "sc-88drbd-1"
+})(["display:flex;flex-direction:column;"]);
+
+exports.StyledStepTitle = StyledStepTitle;
+
+var StyledStepHeaderLeft = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledStepHeaderLeft",
+  componentId: "sc-88drbd-2"
+})(["display:flex;"]);
+
+exports.StyledStepHeaderLeft = StyledStepHeaderLeft;
+
+var StyledCustomStep = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledCustomStep",
+  componentId: "sc-88drbd-3"
+})(["overflow-y:auto;"]);
+
+exports.StyledCustomStep = StyledCustomStep;
+//# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Wizard/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/Styles.ts"],"names":["StyledStepHeader","styled","div","StyledStepTitle","StyledStepHeaderLeft","StyledCustomStep"],"mappings":";;;;;;;AAAA;;;;AAEO,IAAMA,gBAAgB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,+EAAtB;;;;AAMA,IAAMC,eAAe,GAAGF,0BAAOC,GAAV;AAAA;AAAA;AAAA,2CAArB;;;;AAKA,IAAME,oBAAoB,GAAGH,0BAAOC,GAAV;AAAA;AAAA;AAAA,qBAA1B;;;;AAIA,IAAMG,gBAAgB,GAAGJ,0BAAOC,GAAV;AAAA;AAAA;AAAA,wBAAtB","sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledStepHeader = styled.div`\n  display: flex;\n  padding: 12px 12px 12px 32px;\n  justify-content: space-between;\n`;\n\nexport const StyledStepTitle = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledStepHeaderLeft = styled.div`\n  display: flex;\n`;\n\nexport const StyledCustomStep = styled.div`\n  overflow-y: auto;\n`;\n"],"file":"Styles.js"}

package/dist/cjs/components/Wizard/Wizard.js

@@ -0,0 +1,94 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wizard = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Dialog = require("../Dialog");
+
+var _Step = require("./Step");
+
+var _WizardContext = require("./WizardContext");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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; }
+
+var Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var title = _ref.title,
+      open = _ref.open,
+      onClose = _ref.onClose,
+      children = _ref.children;
+  var childrenCollection = (0, _react.useMemo)(function () {
+    return _react.default.Children.toArray(children);
+  }, [children]);
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      activeStep = _useState2[0],
+      setActiveStep = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      changingStepInProgress = _useState4[0],
+      setChangingStepInProgress = _useState4[1];
+
+  var onNextButtonClick = (0, _react.useCallback)(function () {
+    setActiveStep(activeStep + 1);
+  }, [activeStep]);
+  var onPreviousButtonClick = (0, _react.useCallback)(function () {
+    setActiveStep(activeStep - 1);
+  }, [activeStep]);
+  var onCloseCallback = (0, _react.useCallback)(function () {
+    setActiveStep(0);
+    onClose();
+  }, [onClose]);
+  var renderActiveStep = (0, _react.useMemo)(function () {
+    var element = childrenCollection[activeStep];
+
+    if ((element === null || element === void 0 ? void 0 : element.type) === _Step.Step) {
+      return /*#__PURE__*/_react.default.cloneElement(element, {
+        index: activeStep,
+        isLast: childrenCollection.length - 1 === activeStep,
+        title: title,
+        onNextButtonClick: onNextButtonClick,
+        onPreviousButtonClick: onPreviousButtonClick,
+        onClose: onCloseCallback,
+        changingStepInProgress: changingStepInProgress
+      });
+    }
+
+    return null;
+  }, [activeStep, changingStepInProgress, childrenCollection, onCloseCallback, onNextButtonClick, onPreviousButtonClick, title]);
+  return /*#__PURE__*/_react.default.createElement(_WizardContext.WizardContextProvider, {
+    value: {
+      activeStep: activeStep,
+      setActiveStep: setActiveStep,
+      close: onCloseCallback,
+      setChangingStepInProgress: setChangingStepInProgress
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+    ref: ref,
+    open: open
+  }, renderActiveStep));
+});
+exports.Wizard = Wizard;
+Wizard.displayName = "Wizard";
+//# sourceMappingURL=Wizard.js.map

package/dist/cjs/components/Wizard/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["Wizard","ref","title","open","onClose","children","childrenCollection","React","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","onCloseCallback","renderActiveStep","element","type","Step","cloneElement","index","isLast","length","close","displayName"],"mappings":";;;;;;;;;AAAA;;AAQA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AASO,IAAMA,MAAM,gBAAG,uBACpB,gBAAqCC,GAArC,EAA6C;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,IAAmC,QAAnCA,IAAmC;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAC3C,MAAMC,kBAAkB,GAAG,oBACzB;AAAA,WAAMC,eAAMC,QAAN,CAAeC,OAAf,CAAuBJ,QAAvB,CAAN;AAAA,GADyB,EAEzB,CAACA,QAAD,CAFyB,CAA3B;;AAKA,kBAAoC,qBAAS,CAAT,CAApC;AAAA;AAAA,MAAOK,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA4D,qBAAS,KAAT,CAA5D;AAAA;AAAA,MAAOC,sBAAP;AAAA,MAA+BC,yBAA/B;;AAEA,MAAMC,iBAAiB,GAAG,wBAAY,YAAM;AAC1CH,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFyB,EAEvB,CAACA,UAAD,CAFuB,CAA1B;AAIA,MAAMK,qBAAqB,GAAG,wBAAY,YAAM;AAC9CJ,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAF6B,EAE3B,CAACA,UAAD,CAF2B,CAA9B;AAIA,MAAMM,eAAe,GAAG,wBAAY,YAAM;AACxCL,IAAAA,aAAa,CAAC,CAAD,CAAb;AACAP,IAAAA,OAAO;AACR,GAHuB,EAGrB,CAACA,OAAD,CAHqB,CAAxB;AAKA,MAAMa,gBAAgB,GAAG,oBAAQ,YAAM;AACrC,QAAMC,OAAO,GAAGZ,kBAAkB,CAACI,UAAD,CAAlC;;AAEA,QAAI,CAAAQ,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEC,IAAT,MAAkBC,UAAtB,EAA4B;AAC1B,0BAAOb,eAAMc,YAAN,CAAmBH,OAAnB,EAA4B;AACjCI,QAAAA,KAAK,EAAEZ,UAD0B;AAEjCa,QAAAA,MAAM,EAAEjB,kBAAkB,CAACkB,MAAnB,GAA4B,CAA5B,KAAkCd,UAFT;AAGjCR,QAAAA,KAAK,EAAEA,KAH0B;AAIjCY,QAAAA,iBAAiB,EAAEA,iBAJc;AAKjCC,QAAAA,qBAAqB,EAAEA,qBALU;AAMjCX,QAAAA,OAAO,EAAEY,eANwB;AAOjCJ,QAAAA,sBAAsB,EAAEA;AAPS,OAA5B,CAAP;AASD;;AAED,WAAO,IAAP;AACD,GAhBwB,EAgBtB,CACDF,UADC,EAEDE,sBAFC,EAGDN,kBAHC,EAIDU,eAJC,EAKDF,iBALC,EAMDC,qBANC,EAODb,KAPC,CAhBsB,CAAzB;AA0BA,sBACE,6BAAC,oCAAD;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,UAAU,EAAVA,UADK;AAELC,MAAAA,aAAa,EAAbA,aAFK;AAGLc,MAAAA,KAAK,EAAET,eAHF;AAILH,MAAAA,yBAAyB,EAAzBA;AAJK;AADT,kBAQE,6BAAC,cAAD;AAAQ,IAAA,GAAG,EAAEZ,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,KACGc,gBADH,CARF,CADF;AAcD,CA/DmB,CAAf;;AAkEPjB,MAAM,CAAC0B,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { Step } from \"./Step\";\nimport { WizardContextProvider } from \"./WizardContext\";\n\nexport interface IWizard {\n  title: string;\n  open: boolean;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n  ({ title, open, onClose, children }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [activeStep, setActiveStep] = useState(0);\n    const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n    const onNextButtonClick = useCallback(() => {\n      setActiveStep(activeStep + 1);\n    }, [activeStep]);\n\n    const onPreviousButtonClick = useCallback(() => {\n      setActiveStep(activeStep - 1);\n    }, [activeStep]);\n\n    const onCloseCallback = useCallback(() => {\n      setActiveStep(0);\n      onClose();\n    }, [onClose]);\n\n    const renderActiveStep = useMemo(() => {\n      const element = childrenCollection[activeStep] as ReactElement;\n\n      if (element?.type === Step) {\n        return React.cloneElement(element, {\n          index: activeStep,\n          isLast: childrenCollection.length - 1 === activeStep,\n          title: title,\n          onNextButtonClick: onNextButtonClick,\n          onPreviousButtonClick: onPreviousButtonClick,\n          onClose: onCloseCallback,\n          changingStepInProgress: changingStepInProgress,\n        });\n      }\n\n      return null;\n    }, [\n      activeStep,\n      changingStepInProgress,\n      childrenCollection,\n      onCloseCallback,\n      onNextButtonClick,\n      onPreviousButtonClick,\n      title,\n    ]);\n\n    return (\n      <WizardContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          close: onCloseCallback,\n          setChangingStepInProgress,\n        }}\n      >\n        <Dialog ref={ref} open={open}>\n          {renderActiveStep}\n        </Dialog>\n      </WizardContextProvider>\n    );\n  }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}

package/dist/cjs/components/Wizard/WizardContext.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWizardContext = exports.default = exports.WizardContextProvider = exports.WizardContextConsumer = void 0;
+
+var _react = require("react");
+
+var WizardContext = /*#__PURE__*/(0, _react.createContext)({});
+var WizardContextProvider = WizardContext.Provider;
+exports.WizardContextProvider = WizardContextProvider;
+var WizardContextConsumer = WizardContext.Consumer;
+exports.WizardContextConsumer = WizardContextConsumer;
+
+var useWizardContext = function useWizardContext() {
+  return (0, _react.useContext)(WizardContext);
+};
+
+exports.useWizardContext = useWizardContext;
+var _default = WizardContext;
+exports.default = _default;
+//# sourceMappingURL=WizardContext.js.map

package/dist/cjs/components/Wizard/WizardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/WizardContext.ts"],"names":["WizardContext","WizardContextProvider","Provider","WizardContextConsumer","Consumer","useWizardContext"],"mappings":";;;;;;;AAAA;;AASA,IAAMA,aAAa,gBAAG,0BAA8B,EAA9B,CAAtB;AAEO,IAAMC,qBAAqB,GAAGD,aAAa,CAACE,QAA5C;;AACA,IAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAA5C;;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAsB,uBAAWL,aAAX,CAAtB;AAAA,CAAzB;;;eAEQA,a","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IWizardContext {\n  activeStep?: number;\n  setActiveStep?: (integer) => void;\n  close?: () => void;\n  setChangingStepInProgress?: (boolean) => void;\n}\n\nconst WizardContext = createContext<IWizardContext>({});\n\nexport const WizardContextProvider = WizardContext.Provider;\nexport const WizardContextConsumer = WizardContext.Consumer;\n\nexport const useWizardContext = (): IWizardContext => useContext(WizardContext);\n\nexport default WizardContext;\n"],"file":"WizardContext.js"}

package/dist/esm/components/Wizard/Step.d.ts

@@ -0,0 +1,16 @@
+import { FC, ReactNode } from "react";
+export interface IStep {
+    index?: number;
+    isLast?: boolean;
+    subtitle: string;
+    title?: string;
+    onNextButtonClick?: () => void;
+    onPreviousButtonClick?: () => void;
+    onClose?: () => void;
+    children: ReactNode;
+    actionLabel?: string;
+    shouldRenderNextButton?: boolean;
+    changingStepInProgress?: boolean;
+}
+export declare const Step: FC<IStep>;
+//# sourceMappingURL=Step.d.ts.map

package/dist/esm/components/Wizard/Step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Step.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAa1D,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CAkE1B,CAAC"}

package/dist/esm/components/Wizard/Step.js

@@ -0,0 +1,46 @@
+import React, { useCallback } from "react";
+import { Button } from "../Button";
+import { ArrowBackMobileIcon, CancelCrossIcon } from "../Icons";
+import { StepActionButton } from "./StepActionButton";
+import { DialogActions, DialogContent, DialogContentDivider } from "../Dialog";
+import { Caption2, Header3 } from "../Typography";
+import { StyledStepTitle, StyledStepHeaderLeft, StyledStepHeader, StyledCustomStep } from "./Styles";
+export var Step = function Step(_ref) {
+  var index = _ref.index,
+      isLast = _ref.isLast,
+      subtitle = _ref.subtitle,
+      title = _ref.title,
+      onNextButtonClick = _ref.onNextButtonClick,
+      onPreviousButtonClick = _ref.onPreviousButtonClick,
+      onClose = _ref.onClose,
+      children = _ref.children,
+      _ref$actionLabel = _ref.actionLabel,
+      actionLabel = _ref$actionLabel === void 0 ? "Proceed" : _ref$actionLabel,
+      _ref$shouldRenderNext = _ref.shouldRenderNextButton,
+      shouldRenderNextButton = _ref$shouldRenderNext === void 0 ? true : _ref$shouldRenderNext,
+      _ref$changingStepInPr = _ref.changingStepInProgress,
+      changingStepInProgress = _ref$changingStepInPr === void 0 ? false : _ref$changingStepInPr;
+  var onActionButtonClick = useCallback(function () {
+    if (isLast && onClose) {
+      return onClose();
+    }
+
+    return onNextButtonClick && onNextButtonClick();
+  }, [isLast, onClose, onNextButtonClick]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledStepHeader, null, /*#__PURE__*/React.createElement(StyledStepHeaderLeft, null, index && index > 0 ? /*#__PURE__*/React.createElement(Button, {
+    onClick: onPreviousButtonClick,
+    variant: "text gray",
+    className: "tw--ml-3 tw-mr-2",
+    disabled: changingStepInProgress
+  }, /*#__PURE__*/React.createElement(ArrowBackMobileIcon, null)) : null, /*#__PURE__*/React.createElement(StyledStepTitle, null, /*#__PURE__*/React.createElement(Caption2, null, title), /*#__PURE__*/React.createElement(Header3, null, subtitle))), /*#__PURE__*/React.createElement(Button, {
+    onClick: onClose,
+    variant: "text gray",
+    disabled: changingStepInProgress
+  }, /*#__PURE__*/React.createElement(CancelCrossIcon, null))), /*#__PURE__*/React.createElement(DialogContentDivider, null), shouldRenderNextButton ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DialogContent, null, children), /*#__PURE__*/React.createElement(DialogContentDivider, null), /*#__PURE__*/React.createElement(DialogActions, null, /*#__PURE__*/React.createElement(StepActionButton, {
+    isLast: isLast,
+    actionLabel: actionLabel,
+    onNextButtonClick: onActionButtonClick
+  }))) : /*#__PURE__*/React.createElement(StyledCustomStep, null, children));
+};
+Step.displayName = "Step";
+//# sourceMappingURL=Step.js.map

package/dist/esm/components/Wizard/Step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/Step.tsx"],"names":["React","useCallback","Button","ArrowBackMobileIcon","CancelCrossIcon","StepActionButton","DialogActions","DialogContent","DialogContentDivider","Caption2","Header3","StyledStepTitle","StyledStepHeaderLeft","StyledStepHeader","StyledCustomStep","Step","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","actionLabel","shouldRenderNextButton","changingStepInProgress","onActionButtonClick","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAA+BC,WAA/B,QAAkD,OAAlD;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,mBAAT,EAA8BC,eAA9B,QAAqD,UAArD;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,aAAT,EAAwBC,aAAxB,EAAuCC,oBAAvC,QAAmE,WAAnE;AACA,SAASC,QAAT,EAAmBC,OAAnB,QAAkC,eAAlC;AACA,SACEC,eADF,EAEEC,oBAFF,EAGEC,gBAHF,EAIEC,gBAJF,QAKO,UALP;AAqBA,OAAO,IAAMC,IAAe,GAAG,SAAlBA,IAAkB,OAYzB;AAAA,MAXJC,KAWI,QAXJA,KAWI;AAAA,MAVJC,MAUI,QAVJA,MAUI;AAAA,MATJC,QASI,QATJA,QASI;AAAA,MARJC,KAQI,QARJA,KAQI;AAAA,MAPJC,iBAOI,QAPJA,iBAOI;AAAA,MANJC,qBAMI,QANJA,qBAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,SAGV;AAAA,mCAFJC,sBAEI;AAAA,MAFJA,sBAEI,sCAFqB,IAErB;AAAA,mCADJC,sBACI;AAAA,MADJA,sBACI,sCADqB,KACrB;AACJ,MAAMC,mBAAmB,GAAG1B,WAAW,CAAC,YAAM;AAC5C,QAAIgB,MAAM,IAAIK,OAAd,EAAuB;AACrB,aAAOA,OAAO,EAAd;AACD;;AAED,WAAOF,iBAAiB,IAAIA,iBAAiB,EAA7C;AACD,GANsC,EAMpC,CAACH,MAAD,EAASK,OAAT,EAAkBF,iBAAlB,CANoC,CAAvC;AAQA,sBACE,uDACE,oBAAC,gBAAD,qBACE,oBAAC,oBAAD,QACGJ,KAAK,IAAIA,KAAK,GAAG,CAAjB,gBACC,oBAAC,MAAD;AACE,IAAA,OAAO,EAAEK,qBADX;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,SAAS,EAAC,kBAHZ;AAIE,IAAA,QAAQ,EAAEK;AAJZ,kBAME,oBAAC,mBAAD,OANF,CADD,GASG,IAVN,eAWE,oBAAC,eAAD,qBACE,oBAAC,QAAD,QAAWP,KAAX,CADF,eAEE,oBAAC,OAAD,QAAUD,QAAV,CAFF,CAXF,CADF,eAiBE,oBAAC,MAAD;AACE,IAAA,OAAO,EAAEI,OADX;AAEE,IAAA,OAAO,EAAC,WAFV;AAGE,IAAA,QAAQ,EAAEI;AAHZ,kBAKE,oBAAC,eAAD,OALF,CAjBF,CADF,eA0BE,oBAAC,oBAAD,OA1BF,EA2BGD,sBAAsB,gBACrB,uDACE,oBAAC,aAAD,QAAgBF,QAAhB,CADF,eAEE,oBAAC,oBAAD,OAFF,eAGE,oBAAC,aAAD,qBACE,oBAAC,gBAAD;AACE,IAAA,MAAM,EAAEN,MADV;AAEE,IAAA,WAAW,EAAEO,WAFf;AAGE,IAAA,iBAAiB,EAAEG;AAHrB,IADF,CAHF,CADqB,gBAarB,oBAAC,gBAAD,QAAmBJ,QAAnB,CAxCJ,CADF;AA6CD,CAlEM;AAoEPR,IAAI,CAACa,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\nimport { Button } from \"../Button\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { StepActionButton } from \"./StepActionButton\";\nimport { DialogActions, DialogContent, DialogContentDivider } from \"../Dialog\";\nimport { Caption2, Header3 } from \"../Typography\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\n\nexport interface IStep {\n  index?: number;\n  isLast?: boolean;\n  subtitle: string;\n  title?: string;\n  onNextButtonClick?: () => void;\n  onPreviousButtonClick?: () => void;\n  onClose?: () => void;\n  children: ReactNode;\n  actionLabel?: string;\n  shouldRenderNextButton?: boolean;\n  changingStepInProgress?: boolean;\n}\n\nexport const Step: FC<IStep> = ({\n  index,\n  isLast,\n  subtitle,\n  title,\n  onNextButtonClick,\n  onPreviousButtonClick,\n  onClose,\n  children,\n  actionLabel = \"Proceed\",\n  shouldRenderNextButton = true,\n  changingStepInProgress = false,\n}) => {\n  const onActionButtonClick = useCallback(() => {\n    if (isLast && onClose) {\n      return onClose();\n    }\n\n    return onNextButtonClick && onNextButtonClick();\n  }, [isLast, onClose, onNextButtonClick]);\n\n  return (\n    <>\n      <StyledStepHeader>\n        <StyledStepHeaderLeft>\n          {index && index > 0 ? (\n            <Button\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </Button>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        <Button\n          onClick={onClose}\n          variant=\"text gray\"\n          disabled={changingStepInProgress}\n        >\n          <CancelCrossIcon />\n        </Button>\n      </StyledStepHeader>\n      <DialogContentDivider />\n      {shouldRenderNextButton ? (\n        <>\n          <DialogContent>{children}</DialogContent>\n          <DialogContentDivider />\n          <DialogActions>\n            <StepActionButton\n              isLast={isLast}\n              actionLabel={actionLabel}\n              onNextButtonClick={onActionButtonClick}\n            />\n          </DialogActions>\n        </>\n      ) : (\n        <StyledCustomStep>{children}</StyledCustomStep>\n      )}\n    </>\n  );\n};\n\nStep.displayName = \"Step\";\n"],"file":"Step.js"}

package/dist/esm/components/Wizard/StepActionButton.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+export interface IStepActionButton {
+    isLast?: boolean;
+    onNextButtonClick?: () => void;
+    actionLabel?: string;
+    disabled?: boolean;
+    className?: string;
+}
+export declare const StepActionButton: FC<IStepActionButton>;
+//# sourceMappingURL=StepActionButton.d.ts.map

package/dist/esm/components/Wizard/StepActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepActionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/StepActionButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAiBlD,CAAC"}

package/dist/esm/components/Wizard/StepActionButton.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { Button } from "../Button";
+import { ArrowRightIcon } from "../Icons";
+export var StepActionButton = function StepActionButton(_ref) {
+  var onNextButtonClick = _ref.onNextButtonClick,
+      _ref$actionLabel = _ref.actionLabel,
+      actionLabel = _ref$actionLabel === void 0 ? "Proceed" : _ref$actionLabel,
+      isLast = _ref.isLast,
+      disabled = _ref.disabled,
+      className = _ref.className;
+  return /*#__PURE__*/React.createElement(Button, {
+    className: className,
+    onClick: onNextButtonClick,
+    disabled: disabled
+  }, actionLabel, !isLast ? /*#__PURE__*/React.createElement(ArrowRightIcon, null) : null);
+};
+StepActionButton.displayName = "StepActionButton";
+//# sourceMappingURL=StepActionButton.js.map

package/dist/esm/components/Wizard/StepActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/StepActionButton.tsx"],"names":["React","Button","ArrowRightIcon","StepActionButton","onNextButtonClick","actionLabel","isLast","disabled","className","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,cAAT,QAA+B,UAA/B;AAUA,OAAO,IAAMC,gBAAuC,GAAG,SAA1CA,gBAA0C,OAMjD;AAAA,MALJC,iBAKI,QALJA,iBAKI;AAAA,8BAJJC,WAII;AAAA,MAJJA,WAII,iCAJU,SAIV;AAAA,MAHJC,MAGI,QAHJA,MAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,sBACE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAEA,SADb;AAEE,IAAA,OAAO,EAAEJ,iBAFX;AAGE,IAAA,QAAQ,EAAEG;AAHZ,KAKGF,WALH,EAMG,CAACC,MAAD,gBAAU,oBAAC,cAAD,OAAV,GAA+B,IANlC,CADF;AAUD,CAjBM;AAmBPH,gBAAgB,CAACM,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { FC } from \"react\";\nimport { Button } from \"../Button\";\nimport { ArrowRightIcon } from \"../Icons\";\n\nexport interface IStepActionButton {\n  isLast?: boolean;\n  onNextButtonClick?: () => void;\n  actionLabel?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\nexport const StepActionButton: FC<IStepActionButton> = ({\n  onNextButtonClick,\n  actionLabel = \"Proceed\",\n  isLast,\n  disabled,\n  className,\n}) => {\n  return (\n    <Button\n      className={className}\n      onClick={onNextButtonClick}\n      disabled={disabled}\n    >\n      {actionLabel}\n      {!isLast ? <ArrowRightIcon /> : null}\n    </Button>\n  );\n};\n\nStepActionButton.displayName = \"StepActionButton\";\n"],"file":"StepActionButton.js"}

package/dist/esm/components/Wizard/Styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledStepHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledStepTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledStepHeaderLeft: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCustomStep: import("styled-components").StyledComponent<"div", any, {}, never>;
+//# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Wizard/Styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,oEAI5B,CAAC;AAEF,eAAO,MAAM,eAAe,oEAG3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,oEAE5B,CAAC"}

package/dist/esm/components/Wizard/Styles.js

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+export var StyledStepHeader = styled.div.withConfig({
+  displayName: "Styles__StyledStepHeader",
+  componentId: "sc-88drbd-0"
+})(["display:flex;padding:12px 12px 12px 32px;justify-content:space-between;"]);
+export var StyledStepTitle = styled.div.withConfig({
+  displayName: "Styles__StyledStepTitle",
+  componentId: "sc-88drbd-1"
+})(["display:flex;flex-direction:column;"]);
+export var StyledStepHeaderLeft = styled.div.withConfig({
+  displayName: "Styles__StyledStepHeaderLeft",
+  componentId: "sc-88drbd-2"
+})(["display:flex;"]);
+export var StyledCustomStep = styled.div.withConfig({
+  displayName: "Styles__StyledCustomStep",
+  componentId: "sc-88drbd-3"
+})(["overflow-y:auto;"]);
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Wizard/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/Styles.ts"],"names":["styled","StyledStepHeader","div","StyledStepTitle","StyledStepHeaderLeft","StyledCustomStep"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,OAAO,IAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,+EAAtB;AAMP,OAAO,IAAMC,eAAe,GAAGH,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,2CAArB;AAKP,OAAO,IAAME,oBAAoB,GAAGJ,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,qBAA1B;AAIP,OAAO,IAAMG,gBAAgB,GAAGL,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,wBAAtB","sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledStepHeader = styled.div`\n  display: flex;\n  padding: 12px 12px 12px 32px;\n  justify-content: space-between;\n`;\n\nexport const StyledStepTitle = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledStepHeaderLeft = styled.div`\n  display: flex;\n`;\n\nexport const StyledCustomStep = styled.div`\n  overflow-y: auto;\n`;\n"],"file":"Styles.js"}

package/dist/esm/components/Wizard/Wizard.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+export interface IWizard {
+    title: string;
+    open: boolean;
+    onClose: () => void;
+    children: ReactNode;
+}
+export declare const Wizard: React.ForwardRefExoticComponent<IWizard & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Wizard.d.ts.map

package/dist/esm/components/Wizard/Wizard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAKf,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,gFAgElB,CAAC"}

package/dist/esm/components/Wizard/Wizard.js

@@ -0,0 +1,62 @@
+import React, { forwardRef, useCallback, useMemo, useState } from "react";
+import { Dialog } from "../Dialog";
+import { Step } from "./Step";
+import { WizardContextProvider } from "./WizardContext";
+export var Wizard = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var title = _ref.title,
+      open = _ref.open,
+      onClose = _ref.onClose,
+      children = _ref.children;
+  var childrenCollection = useMemo(function () {
+    return React.Children.toArray(children);
+  }, [children]);
+
+  var _useState = useState(0),
+      activeStep = _useState[0],
+      setActiveStep = _useState[1];
+
+  var _useState2 = useState(false),
+      changingStepInProgress = _useState2[0],
+      setChangingStepInProgress = _useState2[1];
+
+  var onNextButtonClick = useCallback(function () {
+    setActiveStep(activeStep + 1);
+  }, [activeStep]);
+  var onPreviousButtonClick = useCallback(function () {
+    setActiveStep(activeStep - 1);
+  }, [activeStep]);
+  var onCloseCallback = useCallback(function () {
+    setActiveStep(0);
+    onClose();
+  }, [onClose]);
+  var renderActiveStep = useMemo(function () {
+    var element = childrenCollection[activeStep];
+
+    if ((element == null ? void 0 : element.type) === Step) {
+      return /*#__PURE__*/React.cloneElement(element, {
+        index: activeStep,
+        isLast: childrenCollection.length - 1 === activeStep,
+        title: title,
+        onNextButtonClick: onNextButtonClick,
+        onPreviousButtonClick: onPreviousButtonClick,
+        onClose: onCloseCallback,
+        changingStepInProgress: changingStepInProgress
+      });
+    }
+
+    return null;
+  }, [activeStep, changingStepInProgress, childrenCollection, onCloseCallback, onNextButtonClick, onPreviousButtonClick, title]);
+  return /*#__PURE__*/React.createElement(WizardContextProvider, {
+    value: {
+      activeStep: activeStep,
+      setActiveStep: setActiveStep,
+      close: onCloseCallback,
+      setChangingStepInProgress: setChangingStepInProgress
+    }
+  }, /*#__PURE__*/React.createElement(Dialog, {
+    ref: ref,
+    open: open
+  }, renderActiveStep));
+});
+Wizard.displayName = "Wizard";
+//# sourceMappingURL=Wizard.js.map

package/dist/esm/components/Wizard/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/Wizard.tsx"],"names":["React","forwardRef","useCallback","useMemo","useState","Dialog","Step","WizardContextProvider","Wizard","ref","title","open","onClose","children","childrenCollection","Children","toArray","activeStep","setActiveStep","changingStepInProgress","setChangingStepInProgress","onNextButtonClick","onPreviousButtonClick","onCloseCallback","renderActiveStep","element","type","cloneElement","index","isLast","length","close","displayName"],"mappings":"AAAA,OAAOA,KAAP,IACEC,UADF,EAIEC,WAJF,EAKEC,OALF,EAMEC,QANF,QAOO,OAPP;AAQA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,IAAT,QAAqB,QAArB;AACA,SAASC,qBAAT,QAAsC,iBAAtC;AASA,OAAO,IAAMC,MAAM,gBAAGP,UAAU,CAC9B,gBAAqCQ,GAArC,EAA6C;AAAA,MAA1CC,KAA0C,QAA1CA,KAA0C;AAAA,MAAnCC,IAAmC,QAAnCA,IAAmC;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AAC3C,MAAMC,kBAAkB,GAAGX,OAAO,CAChC;AAAA,WAAMH,KAAK,CAACe,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,CAAN;AAAA,GADgC,EAEhC,CAACA,QAAD,CAFgC,CAAlC;;AAKA,kBAAoCT,QAAQ,CAAC,CAAD,CAA5C;AAAA,MAAOa,UAAP;AAAA,MAAmBC,aAAnB;;AACA,mBAA4Dd,QAAQ,CAAC,KAAD,CAApE;AAAA,MAAOe,sBAAP;AAAA,MAA+BC,yBAA/B;;AAEA,MAAMC,iBAAiB,GAAGnB,WAAW,CAAC,YAAM;AAC1CgB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFoC,EAElC,CAACA,UAAD,CAFkC,CAArC;AAIA,MAAMK,qBAAqB,GAAGpB,WAAW,CAAC,YAAM;AAC9CgB,IAAAA,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;AACD,GAFwC,EAEtC,CAACA,UAAD,CAFsC,CAAzC;AAIA,MAAMM,eAAe,GAAGrB,WAAW,CAAC,YAAM;AACxCgB,IAAAA,aAAa,CAAC,CAAD,CAAb;AACAN,IAAAA,OAAO;AACR,GAHkC,EAGhC,CAACA,OAAD,CAHgC,CAAnC;AAKA,MAAMY,gBAAgB,GAAGrB,OAAO,CAAC,YAAM;AACrC,QAAMsB,OAAO,GAAGX,kBAAkB,CAACG,UAAD,CAAlC;;AAEA,QAAI,CAAAQ,OAAO,QAAP,YAAAA,OAAO,CAAEC,IAAT,MAAkBpB,IAAtB,EAA4B;AAC1B,0BAAON,KAAK,CAAC2B,YAAN,CAAmBF,OAAnB,EAA4B;AACjCG,QAAAA,KAAK,EAAEX,UAD0B;AAEjCY,QAAAA,MAAM,EAAEf,kBAAkB,CAACgB,MAAnB,GAA4B,CAA5B,KAAkCb,UAFT;AAGjCP,QAAAA,KAAK,EAAEA,KAH0B;AAIjCW,QAAAA,iBAAiB,EAAEA,iBAJc;AAKjCC,QAAAA,qBAAqB,EAAEA,qBALU;AAMjCV,QAAAA,OAAO,EAAEW,eANwB;AAOjCJ,QAAAA,sBAAsB,EAAEA;AAPS,OAA5B,CAAP;AASD;;AAED,WAAO,IAAP;AACD,GAhB+B,EAgB7B,CACDF,UADC,EAEDE,sBAFC,EAGDL,kBAHC,EAIDS,eAJC,EAKDF,iBALC,EAMDC,qBANC,EAODZ,KAPC,CAhB6B,CAAhC;AA0BA,sBACE,oBAAC,qBAAD;AACE,IAAA,KAAK,EAAE;AACLO,MAAAA,UAAU,EAAVA,UADK;AAELC,MAAAA,aAAa,EAAbA,aAFK;AAGLa,MAAAA,KAAK,EAAER,eAHF;AAILH,MAAAA,yBAAyB,EAAzBA;AAJK;AADT,kBAQE,oBAAC,MAAD;AAAQ,IAAA,GAAG,EAAEX,GAAb;AAAkB,IAAA,IAAI,EAAEE;AAAxB,KACGa,gBADH,CARF,CADF;AAcD,CA/D6B,CAAzB;AAkEPhB,MAAM,CAACwB,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Dialog } from \"../Dialog\";\nimport { Step } from \"./Step\";\nimport { WizardContextProvider } from \"./WizardContext\";\n\nexport interface IWizard {\n  title: string;\n  open: boolean;\n  onClose: () => void;\n  children: ReactNode;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n  ({ title, open, onClose, children }, ref) => {\n    const childrenCollection = useMemo(\n      () => React.Children.toArray(children),\n      [children]\n    );\n\n    const [activeStep, setActiveStep] = useState(0);\n    const [changingStepInProgress, setChangingStepInProgress] = useState(false);\n\n    const onNextButtonClick = useCallback(() => {\n      setActiveStep(activeStep + 1);\n    }, [activeStep]);\n\n    const onPreviousButtonClick = useCallback(() => {\n      setActiveStep(activeStep - 1);\n    }, [activeStep]);\n\n    const onCloseCallback = useCallback(() => {\n      setActiveStep(0);\n      onClose();\n    }, [onClose]);\n\n    const renderActiveStep = useMemo(() => {\n      const element = childrenCollection[activeStep] as ReactElement;\n\n      if (element?.type === Step) {\n        return React.cloneElement(element, {\n          index: activeStep,\n          isLast: childrenCollection.length - 1 === activeStep,\n          title: title,\n          onNextButtonClick: onNextButtonClick,\n          onPreviousButtonClick: onPreviousButtonClick,\n          onClose: onCloseCallback,\n          changingStepInProgress: changingStepInProgress,\n        });\n      }\n\n      return null;\n    }, [\n      activeStep,\n      changingStepInProgress,\n      childrenCollection,\n      onCloseCallback,\n      onNextButtonClick,\n      onPreviousButtonClick,\n      title,\n    ]);\n\n    return (\n      <WizardContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          close: onCloseCallback,\n          setChangingStepInProgress,\n        }}\n      >\n        <Dialog ref={ref} open={open}>\n          {renderActiveStep}\n        </Dialog>\n      </WizardContextProvider>\n    );\n  }\n);\n\nWizard.displayName = \"Wizard\";\n"],"file":"Wizard.js"}

package/dist/esm/components/Wizard/WizardContext.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface IWizardContext {
+    activeStep?: number;
+    setActiveStep?: (integer: any) => void;
+    close?: () => void;
+    setChangingStepInProgress?: (boolean: any) => void;
+}
+declare const WizardContext: import("react").Context<IWizardContext>;
+export declare const WizardContextProvider: import("react").Provider<IWizardContext>;
+export declare const WizardContextConsumer: import("react").Consumer<IWizardContext>;
+export declare const useWizardContext: () => IWizardContext;
+export default WizardContext;
+//# sourceMappingURL=WizardContext.d.ts.map

package/dist/esm/components/Wizard/WizardContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Wizard/WizardContext.ts"],"names":[],"mappings":";AAEA,UAAU,cAAc;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,yBAAyB,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;CAC/C;AAED,QAAA,MAAM,aAAa,yCAAoC,CAAC;AAExD,eAAO,MAAM,qBAAqB,0CAAyB,CAAC;AAC5D,eAAO,MAAM,qBAAqB,0CAAyB,CAAC;AAE5D,eAAO,MAAM,gBAAgB,QAAO,cAA2C,CAAC;AAEhF,eAAe,aAAa,CAAC"}

package/dist/esm/components/Wizard/WizardContext.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+var WizardContext = /*#__PURE__*/createContext({});
+export var WizardContextProvider = WizardContext.Provider;
+export var WizardContextConsumer = WizardContext.Consumer;
+export var useWizardContext = function useWizardContext() {
+  return useContext(WizardContext);
+};
+export default WizardContext;
+//# sourceMappingURL=WizardContext.js.map

package/dist/esm/components/Wizard/WizardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Wizard/WizardContext.ts"],"names":["createContext","useContext","WizardContext","WizardContextProvider","Provider","WizardContextConsumer","Consumer","useWizardContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AASA,IAAMC,aAAa,gBAAGF,aAAa,CAAiB,EAAjB,CAAnC;AAEA,OAAO,IAAMG,qBAAqB,GAAGD,aAAa,CAACE,QAA5C;AACP,OAAO,IAAMC,qBAAqB,GAAGH,aAAa,CAACI,QAA5C;AAEP,OAAO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAAsBN,UAAU,CAACC,aAAD,CAAhC;AAAA,CAAzB;AAEP,eAAeA,aAAf","sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IWizardContext {\n  activeStep?: number;\n  setActiveStep?: (integer) => void;\n  close?: () => void;\n  setChangingStepInProgress?: (boolean) => void;\n}\n\nconst WizardContext = createContext<IWizardContext>({});\n\nexport const WizardContextProvider = WizardContext.Provider;\nexport const WizardContextConsumer = WizardContext.Consumer;\n\nexport const useWizardContext = (): IWizardContext => useContext(WizardContext);\n\nexport default WizardContext;\n"],"file":"WizardContext.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@activecollab/components",
-  "version": "1.0.174",
+  "version": "1.0.175",
   "description": "ActiveCollab Components",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",