@activecollab/components 2.0.434 → 2.0.436

package/dist/cjs/components/Transitions/SlideFromTop/SlideFromTop.js

@@ -12,33 +12,37 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var defaultStyle = {
-  transitionProperty: "opacity, transform",
-  transitionTimingFunction: "linear ease-out",
-  transform: "translateY(-100%)",
-  opacity: 0
-};
-var transitionStyles = {
-  entering: {
-    opacity: 1,
-    transform: "translateY(0)",
-    transitionDuration: ".3s"
-  },
-  entered: {
-    opacity: 1,
-    transform: "translateY(0)",
-    transitionDuration: ".3s"
-  },
-  exiting: {
-    opacity: 0,
-    transform: "translateY(-100%)",
-    transitionDuration: ".2s"
-  },
-  exited: {
-    opacity: 0,
-    transform: "translateY(-100%)",
-    transitionDuration: ".2s"
-  }
+var DEFAULT_DISTANCE = 25;
+var buildStyles = function buildStyles(distance) {
+  var away = "translateY(-".concat(distance, "px)");
+  return {
+    base: {
+      transitionProperty: "opacity, transform",
+      transitionTimingFunction: "ease-out",
+      transform: away,
+      opacity: 0
+    },
+    entering: {
+      opacity: 1,
+      transform: "translateY(0)",
+      transitionDuration: ".3s"
+    },
+    entered: {
+      opacity: 1,
+      transform: "translateY(0)",
+      transitionDuration: ".3s"
+    },
+    exiting: {
+      opacity: 0,
+      transform: away,
+      transitionDuration: ".2s"
+    },
+    exited: {
+      opacity: 0,
+      transform: away,
+      transitionDuration: ".2s"
+    }
+  };
 };
 var SlideFromTop = exports.SlideFromTop = function SlideFromTop(_ref) {
   var _ref$in = _ref.in,
@@ -48,18 +52,30 @@ var SlideFromTop = exports.SlideFromTop = function SlideFromTop(_ref) {
     children = _ref.children,
     style = _ref.style,
     _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 400 : _ref$timeout;
+    timeout = _ref$timeout === void 0 ? 400 : _ref$timeout,
+    _ref$distance = _ref.distance,
+    distance = _ref$distance === void 0 ? DEFAULT_DISTANCE : _ref$distance;
+  var styles = buildStyles(distance);
+
+  // React flushes the state change that follows onEnter before the browser paints, so without a
+  // forced layout here the element never holds its starting style and the transition is skipped.
+  var handleEnter = function handleEnter(node, isAppearing) {
+    if (node) {
+      void node.offsetHeight;
+    }
+    onEnter === null || onEnter === void 0 || onEnter(node, isAppearing);
+  };
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     appear: true,
     in: inProp,
     timeout: timeout,
-    onEnter: onEnter,
+    onEnter: handleEnter,
     onExited: onExited
   }, function (state) {
     return /*#__PURE__*/(0, _react.cloneElement)(children, {
       style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
         visibility: state === "exited" && !inProp ? "hidden" : undefined
-      }, defaultStyle), transitionStyles[state]), style), children.props.style)
+      }, styles.base), styles[state]), style), children.props.style)
     });
   });
 };

package/dist/cjs/components/Transitions/SlideFromTop/SlideFromTop.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideFromTop.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","defaultStyle","transitionProperty","transitionTimingFunction","transform","opacity","transitionStyles","entering","transitionDuration","entered","exiting","exited","SlideFromTop","exports","_ref","_ref$in","in","inProp","onEnter","onExited","children","style","_ref$timeout","timeout","createElement","Transition","appear","state","cloneElement","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface ISlideFromTop extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionTimingFunction: \"linear ease-out\",\n  transform: \"translateY(-100%)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: {\n    opacity: 1,\n    transform: \"translateY(0)\",\n    transitionDuration: \".3s\",\n  },\n  entered: {\n    opacity: 1,\n    transform: \"translateY(0)\",\n    transitionDuration: \".3s\",\n  },\n  exiting: {\n    opacity: 0,\n    transform: \"translateY(-100%)\",\n    transitionDuration: \".2s\",\n  },\n  exited: {\n    opacity: 0,\n    transform: \"translateY(-100%)\",\n    transitionDuration: \".2s\",\n  },\n};\n\nexport const SlideFromTop: FC<ISlideFromTop> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 400,\n}) => (\n  <Transition\n    appear\n    in={inProp}\n    timeout={timeout}\n    onEnter={onEnter}\n    onExited={onExited}\n  >\n    {(state): ReactElement => {\n      return cloneElement(children, {\n        style: {\n          visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n          ...defaultStyle,\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nSlideFromTop.displayName = \"SlideFromTop\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SlideFromTop.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","DEFAULT_DISTANCE","buildStyles","distance","away","concat","base","transitionProperty","transitionTimingFunction","transform","opacity","entering","transitionDuration","entered","exiting","exited","SlideFromTop","exports","_ref","_ref$in","in","inProp","onEnter","onExited","children","style","_ref$timeout","timeout","_ref$distance","styles","handleEnter","node","isAppearing","offsetHeight","createElement","Transition","appear","state","cloneElement","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/SlideFromTop/SlideFromTop.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface ISlideFromTop extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  /** How far above its resting place the element starts. A fixed travel, not a share of its height. */\n  distance?: number;\n}\n\nconst DEFAULT_DISTANCE = 25;\n\nconst buildStyles = (distance: number) => {\n  const away = `translateY(-${distance}px)`;\n\n  return {\n    base: {\n      transitionProperty: \"opacity, transform\",\n      transitionTimingFunction: \"ease-out\",\n      transform: away,\n      opacity: 0,\n    },\n    entering: {\n      opacity: 1,\n      transform: \"translateY(0)\",\n      transitionDuration: \".3s\",\n    },\n    entered: {\n      opacity: 1,\n      transform: \"translateY(0)\",\n      transitionDuration: \".3s\",\n    },\n    exiting: { opacity: 0, transform: away, transitionDuration: \".2s\" },\n    exited: { opacity: 0, transform: away, transitionDuration: \".2s\" },\n  };\n};\n\nexport const SlideFromTop: FC<ISlideFromTop> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 400,\n  distance = DEFAULT_DISTANCE,\n}) => {\n  const styles = buildStyles(distance);\n\n  // React flushes the state change that follows onEnter before the browser paints, so without a\n  // forced layout here the element never holds its starting style and the transition is skipped.\n  const handleEnter = (node: HTMLElement, isAppearing: boolean) => {\n    if (node) {\n      void node.offsetHeight;\n    }\n    onEnter?.(node, isAppearing);\n  };\n\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={handleEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...styles.base,\n            ...styles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlideFromTop.displayName = \"SlideFromTop\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _StepActionButton = require("./StepActionButton");
 var _Styles = require("./Styles");
 var _Dialog = require("../Dialog");
+var _DialogContext = require("../Dialog/DialogContext");
 var _IconButton = require("../IconButton");
 var _Icons = require("../Icons");
 var _Typography = require("../Typography");
@@ -32,6 +33,8 @@ var Step = exports.Step = function Step(_ref) {
     customRightHeader = _ref.customRightHeader,
     _ref$skip = _ref.skip,
     skip = _ref$skip === void 0 ? false : _ref$skip;
+  // The close button goes through the dialog so the exit transition runs before the caller unmounts.
+  var closeDialog = (0, _DialogContext.useDialogClose)(onClose);
   var onActionButtonClick = (0, _react.useCallback)(function () {
     if (isLast && onClose) {
       return onClose();
@@ -44,7 +47,7 @@ var Step = exports.Step = function Step(_ref) {
     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))), customRightHeader ? customRightHeader : /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
-    onClick: onClose,
+    onClick: closeDialog,
     variant: "text gray",
     disabled: changingStepInProgress
   }, /*#__PURE__*/_react.default.createElement(_Icons.CancelCrossIcon, null))), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), shouldRenderNextButton ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Content, null, children), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.ContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.Dialog.Actions, null, /*#__PURE__*/_react.default.createElement(_StepActionButton.StepActionButton, {

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

@@ -1 +1 @@
-{"version":3,"file":"Step.js","names":["_react","_interopRequireWildcard","require","_StepActionButton","_Styles","_Dialog","_IconButton","_Icons","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Step","exports","_ref","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","_ref$actionLabel","actionLabel","_ref$shouldRenderNext","shouldRenderNextButton","_ref$changingStepInPr","changingStepInProgress","_ref$disableBackButto","disableBackButton","customRightHeader","_ref$skip","skip","onActionButtonClick","useCallback","createElement","Fragment","StyledStepHeader","StyledStepHeaderLeft","IconButton","onClick","variant","className","disabled","ArrowBackMobileIcon","StyledStepTitle","Caption2","Header3","CancelCrossIcon","Dialog","ContentDivider","Content","Actions","StepActionButton","StyledCustomStep","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\n\nimport { StepActionButton } from \"./StepActionButton\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\nimport { Dialog } from \"../Dialog\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { Caption2, Header3 } from \"../Typography\";\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  disableBackButton?: boolean;\n  customRightHeader?: ReactNode;\n  skip?: 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  disableBackButton = false,\n  customRightHeader,\n  skip = 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 !skip ? (\n    <>\n      <StyledStepHeader>\n        <StyledStepHeaderLeft>\n          {!disableBackButton && index && index > 0 ? (\n            <IconButton\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </IconButton>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        {customRightHeader ? (\n          customRightHeader\n        ) : (\n          <IconButton\n            onClick={onClose}\n            variant=\"text gray\"\n            disabled={changingStepInProgress}\n          >\n            <CancelCrossIcon />\n          </IconButton>\n        )}\n      </StyledStepHeader>\n      <Dialog.ContentDivider />\n      {shouldRenderNextButton ? (\n        <>\n          <Dialog.Content>{children}</Dialog.Content>\n          <Dialog.ContentDivider />\n          <Dialog.Actions>\n            <StepActionButton\n              isLast={isLast}\n              actionLabel={actionLabel}\n              onNextButtonClick={onActionButtonClick}\n            />\n          </Dialog.Actions>\n        </>\n      ) : (\n        <StyledCustomStep>{children}</StyledCustomStep>\n      )}\n    </>\n  ) : null;\n};\n\nStep.displayName = \"Step\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Step.js","names":["_react","_interopRequireWildcard","require","_StepActionButton","_Styles","_Dialog","_DialogContext","_IconButton","_Icons","_Typography","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Step","exports","_ref","index","isLast","subtitle","title","onNextButtonClick","onPreviousButtonClick","onClose","children","_ref$actionLabel","actionLabel","_ref$shouldRenderNext","shouldRenderNextButton","_ref$changingStepInPr","changingStepInProgress","_ref$disableBackButto","disableBackButton","customRightHeader","_ref$skip","skip","closeDialog","useDialogClose","onActionButtonClick","useCallback","createElement","Fragment","StyledStepHeader","StyledStepHeaderLeft","IconButton","onClick","variant","className","disabled","ArrowBackMobileIcon","StyledStepTitle","Caption2","Header3","CancelCrossIcon","Dialog","ContentDivider","Content","Actions","StepActionButton","StyledCustomStep","displayName"],"sources":["../../../../src/components/Wizard/Step.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback } from \"react\";\n\nimport { StepActionButton } from \"./StepActionButton\";\nimport {\n  StyledStepTitle,\n  StyledStepHeaderLeft,\n  StyledStepHeader,\n  StyledCustomStep,\n} from \"./Styles\";\nimport { Dialog } from \"../Dialog\";\nimport { useDialogClose } from \"../Dialog/DialogContext\";\nimport { DialogSize } from \"../Dialog/Styles\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowBackMobileIcon, CancelCrossIcon } from \"../Icons\";\nimport { Caption2, Header3 } from \"../Typography\";\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  disableBackButton?: boolean;\n  customRightHeader?: ReactNode;\n  skip?: boolean;\n  /** Read by Wizard off the active step and passed to the dialog. */\n  size?: DialogSize;\n  height?: string;\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  disableBackButton = false,\n  customRightHeader,\n  skip = false,\n}) => {\n  // The close button goes through the dialog so the exit transition runs before the caller unmounts.\n  const closeDialog = useDialogClose(onClose);\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 !skip ? (\n    <>\n      <StyledStepHeader>\n        <StyledStepHeaderLeft>\n          {!disableBackButton && index && index > 0 ? (\n            <IconButton\n              onClick={onPreviousButtonClick}\n              variant=\"text gray\"\n              className=\"tw--ml-3 tw-mr-2\"\n              disabled={changingStepInProgress}\n            >\n              <ArrowBackMobileIcon />\n            </IconButton>\n          ) : null}\n          <StyledStepTitle>\n            <Caption2>{title}</Caption2>\n            <Header3>{subtitle}</Header3>\n          </StyledStepTitle>\n        </StyledStepHeaderLeft>\n        {customRightHeader ? (\n          customRightHeader\n        ) : (\n          <IconButton\n            onClick={closeDialog}\n            variant=\"text gray\"\n            disabled={changingStepInProgress}\n          >\n            <CancelCrossIcon />\n          </IconButton>\n        )}\n      </StyledStepHeader>\n      <Dialog.ContentDivider />\n      {shouldRenderNextButton ? (\n        <>\n          <Dialog.Content>{children}</Dialog.Content>\n          <Dialog.ContentDivider />\n          <Dialog.Actions>\n            <StepActionButton\n              isLast={isLast}\n              actionLabel={actionLabel}\n              onNextButtonClick={onActionButtonClick}\n            />\n          </Dialog.Actions>\n        </>\n      ) : (\n        <StyledCustomStep>{children}</StyledCustomStep>\n      )}\n    </>\n  ) : null;\n};\n\nStep.displayName = \"Step\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -16,13 +16,18 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var Wizard = exports.Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _activeStepProps$size, _activeStepProps$heig;
   var title = _ref.title,
     open = _ref.open,
     onClose = _ref.onClose,
     _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
     disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
     children = _ref.children,
-    dialogClassName = _ref.dialogClassName;
+    dialogClassName = _ref.dialogClassName,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "m" : _ref$size,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? "fluid" : _ref$height;
   var childrenCollection = (0, _react.useMemo)(function () {
     return _react.default.Children.toArray(children);
   }, [children]);
@@ -59,6 +64,11 @@ var Wizard = exports.Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     }
     setActiveStep(index);
   }, [activeStep, childrenCollection]);
+  var activeStepProps = (0, _react.useMemo)(function () {
+    var _element$props;
+    var element = childrenCollection[activeStep];
+    return (_element$props = element === null || element === void 0 ? void 0 : element.props) !== null && _element$props !== void 0 ? _element$props : {};
+  }, [activeStep, childrenCollection]);
   var renderActiveStep = (0, _react.useMemo)(function () {
     var element = childrenCollection[activeStep];
     if ((element === null || element === void 0 ? void 0 : element.type) === _Step.Step) {
@@ -88,7 +98,9 @@ var Wizard = exports.Wizard = /*#__PURE__*/(0, _react.forwardRef)(function (_ref
     open: open,
     onClose: onClose,
     disableCloseOnEsc: disableCloseOnEsc,
-    className: dialogClassName
+    className: dialogClassName,
+    size: (_activeStepProps$size = activeStepProps.size) !== null && _activeStepProps$size !== void 0 ? _activeStepProps$size : size,
+    height: (_activeStepProps$heig = activeStepProps.height) !== null && _activeStepProps$heig !== void 0 ? _activeStepProps$heig : height
   }, renderActiveStep));
 });
 Wizard.displayName = "Wizard";

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

@@ -1 +1 @@
-{"version":3,"file":"Wizard.js","names":["_react","_interopRequireWildcard","require","_context","_Step","_Dialog","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","Wizard","exports","forwardRef","_ref","ref","title","open","onClose","_ref$disableCloseOnEs","disableCloseOnEsc","children","dialogClassName","childrenCollection","useMemo","React","Children","toArray","_useState","useState","_useState2","activeStep","setActiveStep","_useState3","_useState4","changingStepInProgress","setChangingStepInProgress","useEffect","goNext","useCallback","index","findIndex","step","_stepEl$props","stepEl","props","skip","goPrevious","_step$props","renderActiveStep","element","type","Step","cloneElement","isLast","onNextButtonClick","onPreviousButtonClick","createElement","WizardContextProvider","close","Dialog","className","displayName"],"sources":["../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  ReactChild,\n  ReactElement,\n  ReactFragment,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\nimport { Dialog } from \"../Dialog\";\n\nexport interface IWizard {\n  title: string;\n  open: boolean;\n  onClose: () => void;\n  children: ReactNode;\n  disableCloseOnEsc?: boolean;\n  dialogClassName?: string;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n  (\n    {\n      title,\n      open,\n      onClose,\n      disableCloseOnEsc = false,\n      children,\n      dialogClassName,\n    },\n    ref\n  ) => {\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    useEffect(() => {\n      if (open) {\n        setActiveStep(0);\n      }\n    }, [open]);\n\n    const goNext = useCallback(() => {\n      const index = childrenCollection.findIndex(\n        (step: ReactChild | ReactFragment, index) => {\n          const stepEl = step as ReactElement;\n          return !stepEl?.props?.skip && index > activeStep;\n        }\n      );\n      setActiveStep(index);\n    }, [activeStep, childrenCollection]);\n\n    const goPrevious = useCallback(() => {\n      let index = 0;\n      for (let i = childrenCollection.length - 1; i >= 0; i--) {\n        const step = childrenCollection[i] as ReactElement;\n        if (!step?.props?.skip && i < activeStep) {\n          index = i;\n          break;\n        }\n      }\n      setActiveStep(index);\n    }, [activeStep, childrenCollection]);\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,\n          onNextButtonClick: goNext,\n          onPreviousButtonClick: goPrevious,\n          onClose,\n          changingStepInProgress: changingStepInProgress,\n        });\n      }\n\n      return null;\n    }, [\n      activeStep,\n      changingStepInProgress,\n      childrenCollection,\n      goNext,\n      goPrevious,\n      onClose,\n      title,\n    ]);\n\n    return (\n      <WizardContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          goNext,\n          goPrevious,\n          close: onClose,\n          setChangingStepInProgress,\n        }}\n      >\n        <Dialog\n          ref={ref}\n          open={open}\n          onClose={onClose}\n          disableCloseOnEsc={disableCloseOnEsc}\n          className={dialogClassName}\n        >\n          {renderActiveStep}\n        </Dialog>\n      </WizardContextProvider>\n    );\n  }\n);\n\nWizard.displayName = \"Wizard\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Wizard.js","names":["_react","_interopRequireWildcard","require","_context","_Step","_Dialog","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","length","l","Symbol","iterator","u","next","done","push","value","return","isArray","Wizard","exports","forwardRef","_ref","ref","_activeStepProps$size","_activeStepProps$heig","title","open","onClose","_ref$disableCloseOnEs","disableCloseOnEsc","children","dialogClassName","_ref$size","size","_ref$height","height","childrenCollection","useMemo","React","Children","toArray","_useState","useState","_useState2","activeStep","setActiveStep","_useState3","_useState4","changingStepInProgress","setChangingStepInProgress","useEffect","goNext","useCallback","index","findIndex","step","_stepEl$props","stepEl","props","skip","goPrevious","_step$props","activeStepProps","_element$props","element","renderActiveStep","type","Step","cloneElement","isLast","onNextButtonClick","onPreviousButtonClick","createElement","WizardContextProvider","close","Dialog","className","displayName"],"sources":["../../../../src/components/Wizard/Wizard.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  ReactChild,\n  ReactElement,\n  ReactFragment,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { WizardContextProvider } from \"./context\";\nimport { Step } from \"./Step\";\nimport { Dialog } from \"../Dialog\";\nimport { DialogSize } from \"../Dialog/Styles\";\n\nexport interface IWizard {\n  title: string;\n  open: boolean;\n  onClose: () => void;\n  children: ReactNode;\n  disableCloseOnEsc?: boolean;\n  dialogClassName?: string;\n  size?: DialogSize;\n  height?: string;\n}\n\nexport const Wizard = forwardRef<HTMLDivElement, IWizard>(\n  (\n    {\n      title,\n      open,\n      onClose,\n      disableCloseOnEsc = false,\n      children,\n      dialogClassName,\n      size = \"m\",\n      height = \"fluid\",\n    },\n    ref\n  ) => {\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    useEffect(() => {\n      if (open) {\n        setActiveStep(0);\n      }\n    }, [open]);\n\n    const goNext = useCallback(() => {\n      const index = childrenCollection.findIndex(\n        (step: ReactChild | ReactFragment, index) => {\n          const stepEl = step as ReactElement;\n          return !stepEl?.props?.skip && index > activeStep;\n        }\n      );\n      setActiveStep(index);\n    }, [activeStep, childrenCollection]);\n\n    const goPrevious = useCallback(() => {\n      let index = 0;\n      for (let i = childrenCollection.length - 1; i >= 0; i--) {\n        const step = childrenCollection[i] as ReactElement;\n        if (!step?.props?.skip && i < activeStep) {\n          index = i;\n          break;\n        }\n      }\n      setActiveStep(index);\n    }, [activeStep, childrenCollection]);\n\n    const activeStepProps = useMemo(() => {\n      const element = childrenCollection[activeStep] as ReactElement;\n      return (element?.props ?? {}) as { size?: DialogSize; height?: string };\n    }, [activeStep, childrenCollection]);\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,\n          onNextButtonClick: goNext,\n          onPreviousButtonClick: goPrevious,\n          onClose,\n          changingStepInProgress: changingStepInProgress,\n        });\n      }\n\n      return null;\n    }, [\n      activeStep,\n      changingStepInProgress,\n      childrenCollection,\n      goNext,\n      goPrevious,\n      onClose,\n      title,\n    ]);\n\n    return (\n      <WizardContextProvider\n        value={{\n          activeStep,\n          setActiveStep,\n          goNext,\n          goPrevious,\n          close: onClose,\n          setChangingStepInProgress,\n        }}\n      >\n        <Dialog\n          ref={ref}\n          open={open}\n          onClose={onClose}\n          disableCloseOnEsc={disableCloseOnEsc}\n          className={dialogClassName}\n          size={activeStepProps.size ?? size}\n          height={activeStepProps.height ?? height}\n        >\n          {renderActiveStep}\n        </Dialog>\n      </WizardContextProvider>\n    );\n  }\n);\n\nWizard.displayName = \"Wizard\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,5 @@
 import React from "react";
+import { DialogSize } from "../Dialog/Styles";
 export interface ConfirmDialogProps {
     open?: boolean;
     onCancel?: () => void;
@@ -11,6 +12,8 @@ export interface ConfirmDialogProps {
     shouldShowCancelButton?: boolean;
     isLoading?: boolean;
     confirmationLabel?: string;
+    size?: DialogSize;
+    height?: string;
 }
 export declare const ConfirmDialog: React.ForwardRefExoticComponent<ConfirmDialogProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=ConfirmDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAY5E,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,aAAa,2FAsGzB,CAAC"}
+{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAQ5E,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAK9C,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,2FAyGzB,CAAC"}

package/dist/esm/components/ConfirmDialog/ConfirmDialog.js

@@ -24,7 +24,9 @@ export const ConfirmDialog = /*#__PURE__*/forwardRef((_ref, ref) => {
     shouldShowCancelButton = _ref$shouldShowCancel === void 0 ? true : _ref$shouldShowCancel,
     _ref$isLoading = _ref.isLoading,
     isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    confirmationLabel = _ref.confirmationLabel;
+    confirmationLabel = _ref.confirmationLabel,
+    size = _ref.size,
+    height = _ref.height;
   const _useState = useState(false),
     confirmed = _useState[0],
     setConfirmed = _useState[1];
@@ -54,7 +56,9 @@ export const ConfirmDialog = /*#__PURE__*/forwardRef((_ref, ref) => {
     open: open,
     onClose: onCancel,
     className: classnames("c-confirm-dialog", className),
-    disableCloseOnEsc: isLoading
+    disableCloseOnEsc: isLoading,
+    size: size,
+    height: height
   }, /*#__PURE__*/React.createElement(Dialog.Title, null, dialogTitle), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Content, null, /*#__PURE__*/React.createElement(Body2, {
     lineHeight: "loose",
     color: "secondary",
@@ -72,9 +76,6 @@ export const ConfirmDialog = /*#__PURE__*/forwardRef((_ref, ref) => {
     color: "secondary"
   }, confirmationLabel))) : null), /*#__PURE__*/React.createElement(Dialog.ContentDivider, null), /*#__PURE__*/React.createElement(Dialog.Actions, null, /*#__PURE__*/React.createElement(Button, {
     variant: "primary",
-    style: {
-      marginRight: "12px"
-    },
     onClick: onConfirm,
     disabled: isLoading || isConfirmBlocked
   }, confirmBtnText), shouldShowCancelButton ? /*#__PURE__*/React.createElement(Button, {

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","useCallback","useEffect","useState","classnames","Button","Checkbox","Dialog","StyledConfirmation","Body2","CONFIRMATION_CHECKBOX_ID","ConfirmDialog","_ref","ref","_ref$open","open","onCancel","onConfirm","className","_ref$dialogTitle","dialogTitle","_ref$dialogContent","dialogContent","_ref$confirmBtnText","confirmBtnText","_ref$cancelBtnText","cancelBtnText","_ref$shouldShowCancel","shouldShowCancelButton","_ref$isLoading","isLoading","confirmationLabel","_useState","confirmed","setConfirmed","isConfirmBlocked","Boolean","handleToggleConfirmed","event","target","checked","handleKeyDown","key","preventDefault","window","addEventListener","removeEventListener","createElement","onClose","disableCloseOnEsc","Title","ContentDivider","Content","lineHeight","color","whitespace","id","onChange","disabled","htmlFor","Actions","variant","style","marginRight","onClick","type","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { Button } from \"../Button/Button\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Dialog } from \"../Dialog\";\nimport { StyledConfirmation } from \"./Styles\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nconst CONFIRMATION_CHECKBOX_ID = \"confirm-dialog-confirmation\";\n\nexport interface ConfirmDialogProps {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: React.ReactNode;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n  isLoading?: boolean;\n  confirmationLabel?: string;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n      isLoading = false,\n      confirmationLabel,\n    },\n    ref\n  ) => {\n    const [confirmed, setConfirmed] = useState(false);\n    const isConfirmBlocked = Boolean(confirmationLabel) && !confirmed;\n\n    const handleToggleConfirmed = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) =>\n        setConfirmed(event.target.checked),\n      []\n    );\n\n    useEffect(() => {\n      if (!open) {\n        setConfirmed(false);\n      }\n    }, [open]);\n\n    useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Enter\" && onConfirm && !isConfirmBlocked) {\n          event.preventDefault();\n          onConfirm();\n        }\n      };\n\n      if (open) {\n        window.addEventListener(\"keydown\", handleKeyDown);\n      }\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [open, onConfirm, isConfirmBlocked]);\n\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n        disableCloseOnEsc={isLoading}\n      >\n        <Dialog.Title>{dialogTitle}</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n          {confirmationLabel ? (\n            <StyledConfirmation className=\"c-confirm-dialog--confirmation\">\n              <Checkbox\n                id={CONFIRMATION_CHECKBOX_ID}\n                checked={confirmed}\n                onChange={handleToggleConfirmed}\n                disabled={isLoading}\n              />\n              <label htmlFor={CONFIRMATION_CHECKBOX_ID}>\n                <Body2 color=\"secondary\">{confirmationLabel}</Body2>\n              </label>\n            </StyledConfirmation>\n          ) : null}\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n            disabled={isLoading || isConfirmBlocked}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n              disabled={isLoading}\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </Dialog.Actions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ConfirmDialog.js","names":["React","forwardRef","useCallback","useEffect","useState","classnames","Button","Checkbox","Dialog","StyledConfirmation","Body2","CONFIRMATION_CHECKBOX_ID","ConfirmDialog","_ref","ref","_ref$open","open","onCancel","onConfirm","className","_ref$dialogTitle","dialogTitle","_ref$dialogContent","dialogContent","_ref$confirmBtnText","confirmBtnText","_ref$cancelBtnText","cancelBtnText","_ref$shouldShowCancel","shouldShowCancelButton","_ref$isLoading","isLoading","confirmationLabel","size","height","_useState","confirmed","setConfirmed","isConfirmBlocked","Boolean","handleToggleConfirmed","event","target","checked","handleKeyDown","key","preventDefault","window","addEventListener","removeEventListener","createElement","onClose","disableCloseOnEsc","Title","ContentDivider","Content","lineHeight","color","whitespace","id","onChange","disabled","htmlFor","Actions","variant","onClick","type","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useState } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { Button } from \"../Button/Button\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Dialog } from \"../Dialog\";\nimport { StyledConfirmation } from \"./Styles\";\nimport { DialogSize } from \"../Dialog/Styles\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nconst CONFIRMATION_CHECKBOX_ID = \"confirm-dialog-confirmation\";\n\nexport interface ConfirmDialogProps {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: React.ReactNode;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n  isLoading?: boolean;\n  confirmationLabel?: string;\n  size?: DialogSize;\n  height?: string;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, ConfirmDialogProps>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n      isLoading = false,\n      confirmationLabel,\n      size,\n      height,\n    },\n    ref\n  ) => {\n    const [confirmed, setConfirmed] = useState(false);\n    const isConfirmBlocked = Boolean(confirmationLabel) && !confirmed;\n\n    const handleToggleConfirmed = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) =>\n        setConfirmed(event.target.checked),\n      []\n    );\n\n    useEffect(() => {\n      if (!open) {\n        setConfirmed(false);\n      }\n    }, [open]);\n\n    useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === \"Enter\" && onConfirm && !isConfirmBlocked) {\n          event.preventDefault();\n          onConfirm();\n        }\n      };\n\n      if (open) {\n        window.addEventListener(\"keydown\", handleKeyDown);\n      }\n\n      return () => {\n        window.removeEventListener(\"keydown\", handleKeyDown);\n      };\n    }, [open, onConfirm, isConfirmBlocked]);\n\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n        disableCloseOnEsc={isLoading}\n        size={size}\n        height={height}\n      >\n        <Dialog.Title>{dialogTitle}</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n          {confirmationLabel ? (\n            <StyledConfirmation className=\"c-confirm-dialog--confirmation\">\n              <Checkbox\n                id={CONFIRMATION_CHECKBOX_ID}\n                checked={confirmed}\n                onChange={handleToggleConfirmed}\n                disabled={isLoading}\n              />\n              <label htmlFor={CONFIRMATION_CHECKBOX_ID}>\n                <Body2 color=\"secondary\">{confirmationLabel}</Body2>\n              </label>\n            </StyledConfirmation>\n          ) : null}\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\n          <Button\n            variant=\"primary\"\n            onClick={onConfirm}\n            disabled={isLoading || isConfirmBlocked}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n              disabled={isLoading}\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </Dialog.Actions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,4 +1,5 @@
 import React, { HTMLAttributes, PropsWithChildren } from "react";
+import { DialogSize } from "./Styles";
 export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     open?: boolean;
     onClose?: () => void;
@@ -7,6 +8,10 @@ export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     disableCloseOnEsc?: boolean;
     animate?: "fade" | "slide";
     onClickOutside?: (event: any) => void;
+    /** Width step. Every step is a max-width; the dialog always fills it when there is room. */
+    size?: DialogSize;
+    /** "fluid" follows the content. A CSS length ("95%", "600px") pins the height instead. */
+    height?: string;
 }
 export declare const _Dialog: React.ForwardRefExoticComponent<DialogProps & {
     children?: React.ReactNode | undefined;
@@ -15,11 +20,11 @@ export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Title: {
-        ({ children, className, disableDefaultHeading, ...rest }: PropsWithChildren<import("./DialogTitle").DialogTitleProps>): React.JSX.Element;
+        ({ children, className, disableDefaultHeading, onClose, closeLabel, ...rest }: PropsWithChildren<import("./DialogTitle").DialogTitleProps>): React.JSX.Element;
         displayName: string;
     };
     Content: {
-        ({ className, children, ...rest }: HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+        ({ className, children, scroll, ...rest }: import("./DialogContent").DialogContentProps): React.JSX.Element;
         displayName: string;
     };
     ContentDivider: {

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAe7E,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,OAAO;;wCAwDnB,CAAC;AAKF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAKjB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,cAAc,EACd,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AASf,OAAO,EACL,UAAU,EAIX,MAAM,UAAU,CAAC;AAKlB,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACjC,4FAA4F;IAC5F,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,0FAA0F;IAC1F,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA0CD,eAAO,MAAM,OAAO;;wCA0CnB,CAAC;AAKF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAKjB,CAAC"}

package/dist/esm/components/Dialog/Dialog.js

@@ -1,62 +1,79 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"];
-import React, { forwardRef } from "react";
+const _excluded = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside", "size", "height"];
+import React, { forwardRef, useMemo } from "react";
 import classnames from "classnames";
-
-// import { DialogContext } from "./DialogContext";
-
 import { DialogActions } from "./DialogActions";
 import { DialogContent } from "./DialogContent";
 import { DialogContentDivider } from "./DialogContentDivider";
+import { DialogContext } from "./DialogContext";
 import { DialogTitle } from "./DialogTitle";
-import { StyledDialog } from "./Styles";
+import { dialogSizes, StyledDialog, StyledDialogViewport } from "./Styles";
 import { Modal } from "../Modal";
 import { Fade } from "../Transitions";
 import { SlideFromTop } from "../Transitions/SlideFromTop";
-export const _Dialog = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let children = _ref.children,
-    _ref$open = _ref.open,
-    open = _ref$open === void 0 ? false : _ref$open,
+// Modal only treats a child as a transition when its props already carry `in`, so this element
+// must declare it even though Modal overwrites it on clone.
+const DialogSurface = _ref => {
+  let _ref$in = _ref.in,
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    onEnter = _ref.onEnter,
+    onExited = _ref.onExited,
+    forceClose = _ref.forceClose,
     onClose = _ref.onClose,
-    className = _ref.className,
-    _ref$enableBackground = _ref.enableBackgroundClick,
-    enableBackgroundClick = _ref$enableBackground === void 0 ? false : _ref$enableBackground,
-    _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
-    disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
-    _ref$animate = _ref.animate,
-    animate = _ref$animate === void 0 ? "slide" : _ref$animate,
-    onClickOutside = _ref.onClickOutside,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const animateDialog = () => {
-    switch (animate) {
-      case "fade":
-        return /*#__PURE__*/React.createElement(Fade, {
-          in: open
-        }, /*#__PURE__*/React.createElement(StyledDialog, {
-          className: classnames("c-dialog", className)
-        }, children));
-      default:
-        return /*#__PURE__*/React.createElement(SlideFromTop, {
-          in: open
-        }, /*#__PURE__*/React.createElement(StyledDialog, {
-          className: classnames("c-dialog", className)
-        }, children));
-    }
-  };
-  return (
-    /*#__PURE__*/
-    // <DialogContext.Provider value={{}}>
-    React.createElement(Modal, _extends({
-      ref: ref,
-      open: open,
-      onClose: onClose,
-      disableBackgroundClick: !enableBackgroundClick,
-      disableCloseOnEsc: disableCloseOnEsc,
-      onClickOutside: onClickOutside
-    }, rest), animateDialog())
-    // </DialogContext.Provider>
-  );
+    animate = _ref.animate,
+    children = _ref.children;
+  const Animation = animate === "fade" ? Fade : SlideFromTop;
+  const value = useMemo(() => ({
+    requestClose: forceClose,
+    onClose
+  }), [forceClose, onClose]);
+  return /*#__PURE__*/React.createElement(DialogContext.Provider, {
+    value: value
+  }, /*#__PURE__*/React.createElement(StyledDialogViewport, {
+    className: "c-dialog-viewport"
+  }, /*#__PURE__*/React.createElement(Animation, {
+    in: inProp,
+    onEnter: onEnter,
+    onExited: onExited
+  }, children)));
+};
+DialogSurface.displayName = "DialogSurface";
+export const _Dialog = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  var _dialogSizes$size;
+  let children = _ref2.children,
+    _ref2$open = _ref2.open,
+    open = _ref2$open === void 0 ? false : _ref2$open,
+    onClose = _ref2.onClose,
+    className = _ref2.className,
+    _ref2$enableBackgroun = _ref2.enableBackgroundClick,
+    enableBackgroundClick = _ref2$enableBackgroun === void 0 ? false : _ref2$enableBackgroun,
+    _ref2$disableCloseOnE = _ref2.disableCloseOnEsc,
+    disableCloseOnEsc = _ref2$disableCloseOnE === void 0 ? false : _ref2$disableCloseOnE,
+    _ref2$animate = _ref2.animate,
+    animate = _ref2$animate === void 0 ? "slide" : _ref2$animate,
+    onClickOutside = _ref2.onClickOutside,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? "m" : _ref2$size,
+    _ref2$height = _ref2.height,
+    height = _ref2$height === void 0 ? "fluid" : _ref2$height,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
+  return /*#__PURE__*/React.createElement(Modal, _extends({
+    ref: ref,
+    open: open,
+    onClose: onClose,
+    disableBackgroundClick: !enableBackgroundClick,
+    disableCloseOnEsc: disableCloseOnEsc,
+    onClickOutside: onClickOutside
+  }, rest), /*#__PURE__*/React.createElement(DialogSurface, {
+    in: open,
+    onClose: onClose,
+    animate: animate
+  }, /*#__PURE__*/React.createElement(StyledDialog, {
+    $maxWidth: (_dialogSizes$size = dialogSizes[size]) != null ? _dialogSizes$size : dialogSizes.m,
+    $height: height === "fluid" ? undefined : height,
+    className: classnames("c-dialog", className)
+  }, children)));
 });
 _Dialog.displayName = "Dialog";