@activecollab/components 2.0.435 → 2.0.437

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

@@ -3,35 +3,77 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledDialogTitle = exports.StyledDialogContentDivider = exports.StyledDialogContent = exports.StyledDialogActions = exports.StyledDialog = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+exports.dialogSizes = exports.StyledDialogViewport = exports.StyledDialogTitleClose = exports.StyledDialogTitleBar = exports.StyledDialogTitle = exports.StyledDialogContentDivider = exports.StyledDialogContent = exports.StyledDialogActions = exports.StyledDialog = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _BreakPoints = require("../BreakPoints");
 var _FontStyle = require("../FontStyle");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var dialogSizes = exports.dialogSizes = {
+  s: 440,
+  m: 540,
+  l: 700,
+  xl: 840,
+  xxl: 1000,
+  xxxl: 1120
+};
+var MIN_GAP = "2.5vh";
+var MAX_DIALOG_HEIGHT = "95vh";
+
+// The dialog hangs at a fixed offset while there is room below it, then grows in both directions at
+// once. Two shrinkable spacers express that: only the lower one grows, and past the crossover both
+// shrink from the same basis, so the gaps stay equal down to MIN_GAP.
+var StyledDialogViewport = exports.StyledDialogViewport = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledDialogViewport",
+  componentId: "sc-jwpvgm-0"
+})(["position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;padding-left:16px;padding-right:16px;pointer-events:none;--ac-dialog-offset:60px;", "{--ac-dialog-offset:126px;}&::before,&::after{content:\"\";flex-shrink:1;flex-basis:var(--ac-dialog-offset);min-height:", ";}&::before{flex-grow:0;}&::after{flex-grow:1;}", ""], _BreakPoints.screen.sm, MIN_GAP, _BoxSizingStyle.BoxSizingStyle);
+StyledDialogViewport.displayName = "StyledDialogViewport";
 var StyledDialog = exports.StyledDialog = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialog",
-  componentId: "sc-jwpvgm-0"
-})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;@media (max-width:640px){width:calc(100% - 32px);max-width:640px;margin-left:16px !important;margin-right:16px !important;}", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, _BreakPoints.screen.sm);
+  componentId: "sc-jwpvgm-1"
+})(["display:flex;flex-direction:column;flex:0 0 auto;pointer-events:auto;width:100%;max-width:", "px;max-height:", ";background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;position:relative;transition:max-width 0.2s ease,height 0.2s ease;@media (prefers-reduced-motion:reduce){transition:none;}", " ", " ", ""], function (props) {
+  return props.$maxWidth;
+}, MAX_DIALOG_HEIGHT, function (props) {
+  return props.$height && (0, _styledComponents.css)(["height:", ";"], props.$height);
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledDialog.displayName = "StyledDialog";
 var StyledDialogTitle = exports.StyledDialogTitle = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialogTitle",
-  componentId: "sc-jwpvgm-1"
-})(["padding:20px 30px;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+  componentId: "sc-jwpvgm-2"
+})(["padding:20px 30px;flex:0 0 auto;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledDialogTitle.displayName = "StyledDialogTitle";
+
+// The close button hangs 8px into the title padding, so it sits nearer the dialog edge than the
+// heading does. The bar reserves the rest, which keeps the gap to the heading unchanged.
+var CLOSE_OFFSET = 8;
+var CLOSE_RESERVE = 44 - CLOSE_OFFSET;
+
+// The header is as tall as its heading, with or without a close button.
+var StyledDialogTitleBar = exports.StyledDialogTitleBar = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledDialogTitleBar",
+  componentId: "sc-jwpvgm-3"
+})(["position:relative;display:flex;align-items:center;padding-right:", "px;"], CLOSE_RESERVE);
+StyledDialogTitleBar.displayName = "StyledDialogTitleBar";
+var StyledDialogTitleClose = exports.StyledDialogTitleClose = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledDialogTitleClose",
+  componentId: "sc-jwpvgm-4"
+})(["position:absolute;right:-", "px;top:50%;transform:translateY(-50%);line-height:0;"], CLOSE_OFFSET);
+StyledDialogTitleClose.displayName = "StyledDialogTitleClose";
 var StyledDialogContent = exports.StyledDialogContent = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialogContent",
-  componentId: "sc-jwpvgm-2"
-})(["padding:20px 30px;max-height:580px;overflow-y:auto;flex:1 1 auto;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+  componentId: "sc-jwpvgm-5"
+})(["padding:20px 30px;flex:1 1 auto;min-height:0;overflow-y:", ";", " ", ""], function (props) {
+  return props.$scroll ? "auto" : "visible";
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledDialogContent.displayName = "StyledDialogContent";
 var StyledDialogContentDivider = exports.StyledDialogContentDivider = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialogContentDivider",
-  componentId: "sc-jwpvgm-3"
-})(["border-top:1px solid var(--border-primary);height:1px;"]);
+  componentId: "sc-jwpvgm-6"
+})(["border-top:1px solid var(--border-primary);height:1px;flex:0 0 auto;"]);
 StyledDialogContentDivider.displayName = "StyledDialogContentDivider";
 var StyledDialogActions = exports.StyledDialogActions = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledDialogActions",
-  componentId: "sc-jwpvgm-4"
-})(["padding:20px 30px;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+  componentId: "sc-jwpvgm-7"
+})(["padding:20px 30px;flex:0 0 auto;display:flex;align-items:center;gap:12px;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledDialogActions.displayName = "StyledDialogActions";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_BreakPoints","_FontStyle","e","__esModule","default","StyledDialog","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","screen","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  max-height: calc(100vh - 156px);\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  width: 310px;\n  margin: 60px auto 30px auto;\n  position: relative;\n\n  @media (max-width: 640px) {\n    width: calc(100% - 32px);\n    max-width: 640px;\n    margin-left: 16px !important;\n    margin-right: 16px !important;\n  }\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${screen.sm} {\n    width: 540px;\n    margin: 126px auto 30px auto;\n  }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n  padding: 20px 30px;\n  max-height: 580px;\n  overflow-y: auto;\n  flex: 1 1 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElC,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6bAoBlCC,oBAAS,EACTC,8BAAc,EAEdC,mBAAM,CAACC,EAAE,CAIZ;AAEDV,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMM,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCC,oBAAS,EACTC,8BAAc,CACjB;AACDG,iBAAiB,CAACN,WAAW,GAAG,mBAAmB;AAE5C,IAAMO,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCC,oBAAS,EACTC,8BAAc,CACjB;AACDI,mBAAmB,CAACP,WAAW,GAAG,qBAAqB;AAEhD,IAAMQ,0BAA0B,GAAAZ,OAAA,CAAAY,0BAAA,GAAGX,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDO,0BAA0B,CAACR,WAAW,GAAG,4BAA4B;AAE9D,IAAMS,mBAAmB,GAAAb,OAAA,CAAAa,mBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCC,oBAAS,EACTC,8BAAc,CACjB;AACDM,mBAAmB,CAACT,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_BreakPoints","_FontStyle","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","dialogSizes","exports","s","m","l","xl","xxl","xxxl","MIN_GAP","MAX_DIALOG_HEIGHT","StyledDialogViewport","styled","div","withConfig","displayName","componentId","screen","sm","BoxSizingStyle","StyledDialog","props","$maxWidth","$height","css","FontStyle","StyledDialogTitle","CLOSE_OFFSET","CLOSE_RESERVE","StyledDialogTitleBar","StyledDialogTitleClose","StyledDialogContent","$scroll","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const dialogSizes = {\n  s: 440,\n  m: 540,\n  l: 700,\n  xl: 840,\n  xxl: 1000,\n  xxxl: 1120,\n} as const;\n\nexport type DialogSize = keyof typeof dialogSizes;\n\nconst MIN_GAP = \"2.5vh\";\nconst MAX_DIALOG_HEIGHT = \"95vh\";\n\n// The dialog hangs at a fixed offset while there is room below it, then grows in both directions at\n// once. Two shrinkable spacers express that: only the lower one grows, and past the crossover both\n// shrink from the same basis, so the gaps stay equal down to MIN_GAP.\nexport const StyledDialogViewport = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-left: 16px;\n  padding-right: 16px;\n  pointer-events: none;\n\n  --ac-dialog-offset: 60px;\n\n  ${screen.sm} {\n    --ac-dialog-offset: 126px;\n  }\n\n  &::before,\n  &::after {\n    content: \"\";\n    flex-shrink: 1;\n    flex-basis: var(--ac-dialog-offset);\n    min-height: ${MIN_GAP};\n  }\n\n  &::before {\n    flex-grow: 0;\n  }\n\n  &::after {\n    flex-grow: 1;\n  }\n\n  ${BoxSizingStyle}\n`;\n\nStyledDialogViewport.displayName = \"StyledDialogViewport\";\n\nexport const StyledDialog = styled.div<{\n  $maxWidth: number;\n  $height?: string;\n}>`\n  display: flex;\n  flex-direction: column;\n  flex: 0 0 auto;\n  pointer-events: auto;\n  width: 100%;\n  max-width: ${(props) => props.$maxWidth}px;\n  max-height: ${MAX_DIALOG_HEIGHT};\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  box-shadow: var(--shadow-primary);\n  border-radius: 8px;\n  position: relative;\n  transition: max-width 0.2s ease, height 0.2s ease;\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  ${(props) =>\n    props.$height &&\n    css`\n      height: ${props.$height};\n    `}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n  padding: 20px 30px;\n  flex: 0 0 auto;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\n// The close button hangs 8px into the title padding, so it sits nearer the dialog edge than the\n// heading does. The bar reserves the rest, which keeps the gap to the heading unchanged.\nconst CLOSE_OFFSET = 8;\nconst CLOSE_RESERVE = 44 - CLOSE_OFFSET;\n\n// The header is as tall as its heading, with or without a close button.\nexport const StyledDialogTitleBar = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding-right: ${CLOSE_RESERVE}px;\n`;\nStyledDialogTitleBar.displayName = \"StyledDialogTitleBar\";\n\nexport const StyledDialogTitleClose = styled.div`\n  position: absolute;\n  right: -${CLOSE_OFFSET}px;\n  top: 50%;\n  transform: translateY(-50%);\n  line-height: 0;\n`;\nStyledDialogTitleClose.displayName = \"StyledDialogTitleClose\";\n\nexport const StyledDialogContent = styled.div<{ $scroll: boolean }>`\n  padding: 20px 30px;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: ${(props) => (props.$scroll ? \"auto\" : \"visible\")};\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n  border-top: 1px solid var(--border-primary);\n  height: 1px;\n  flex: 0 0 auto;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n  padding: 20px 30px;\n  flex: 0 0 auto;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Dialog/index.js

@@ -14,4 +14,15 @@ Object.keys(_Dialog).forEach(function (key) {
     }
   });
 });
+var _DialogContext = require("./DialogContext");
+Object.keys(_DialogContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DialogContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DialogContext[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Dialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from \"./Dialog\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Dialog","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_DialogContext"],"sources":["../../../../src/components/Dialog/index.ts"],"sourcesContent":["export * from \"./Dialog\";\nexport * from \"./DialogContext\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/Modal/Modal.js

@@ -87,11 +87,12 @@ var Modal = exports.Modal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
       props = {
         onEnter: (0, _createChainedFunction.default)(handleEnter, children.props.onEnter),
         onExited: (0, _createChainedFunction.default)(handleExited, children.props.onExited),
-        in: open
+        in: open,
+        forceClose: handleClose
       };
     }
     return props;
-  }, [children, handleEnter, handleExited, hasTransition, open]);
+  }, [children, handleClose, handleEnter, handleExited, hasTransition, open]);
   if (!open && (!hasTransition || exited)) {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["_react","_interopRequireWildcard","require","_createChainedFunction","_interopRequireDefault","_useForkRef","_Overlay","_Window","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","getHasTransition","children","props","prototype","Modal","exports","forwardRef","_ref","ref","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableBackgroun","disableBackgroundClick","_ref$disableBackgroun2","disableBackgroundColor","_ref$disableCloseOnEs","disableCloseOnEsc","_ref$open","open","defaultOpen","onClose","onClickOutside","rest","_useState","useState","_useState2","setOpen","_useState3","_useState4","exited","setExited","innerRef","useRef","handleRef","useForkRef","hasTransition","useMemo","useEffect","handleClose","useCallback","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","createChainedFunction","onExited","in","createElement","Window","Overlay","onClick","cloneElement","displayName"],"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\n\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\n\nexport interface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n  onClickOutside?: (event) => void;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      disableCloseOnEsc = false,\n      open: defaultOpen = false,\n      onClose,\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          return handleClose();\n        }\n\n        if (onClickOutside) {\n          onClickOutside(event);\n        }\n      },\n      [disableBackgroundClick, onClickOutside, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Modal.js","names":["_react","_interopRequireWildcard","require","_createChainedFunction","_interopRequireDefault","_useForkRef","_Overlay","_Window","_excluded","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","getHasTransition","children","props","prototype","Modal","exports","forwardRef","_ref","ref","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableBackgroun","disableBackgroundClick","_ref$disableBackgroun2","disableBackgroundColor","_ref$disableCloseOnEs","disableCloseOnEsc","_ref$open","open","defaultOpen","onClose","onClickOutside","rest","_useState","useState","_useState2","setOpen","_useState3","_useState4","exited","setExited","innerRef","useRef","handleRef","useForkRef","hasTransition","useMemo","useEffect","handleClose","useCallback","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","createChainedFunction","onExited","in","forceClose","createElement","Window","Overlay","onClick","cloneElement","displayName"],"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\n\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\n\nexport interface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n  onClickOutside?: (event) => void;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      disableCloseOnEsc = false,\n      open: defaultOpen = false,\n      onClose,\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          return handleClose();\n        }\n\n        if (onClickOutside) {\n          onClickOutside(event);\n        }\n      },\n      [disableBackgroundClick, onClickOutside, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n          forceClose: handleClose,\n        };\n      }\n\n      return props;\n    }, [children, handleClose, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Fade = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
-var _excluded = ["in", "children", "style", "timeout"];
+var _excluded = ["in", "children", "style", "timeout", "onEnter"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -43,11 +43,20 @@ var Fade = exports.Fade = function Fade(_ref) {
     style = _ref.style,
     _ref$timeout = _ref.timeout,
     timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
+    onEnter = _ref.onEnter,
     rest = _objectWithoutProperties(_ref, _excluded);
+  // Same forced layout as SlideFromTop: without it the starting opacity never lands in the DOM.
+  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, _extends({
     appear: true,
     in: inProp,
-    timeout: timeout
+    timeout: timeout,
+    onEnter: handleEnter
   }, rest), function (state) {
     return /*#__PURE__*/(0, _react.cloneElement)(children, {
       style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({

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

@@ -1 +1 @@
-{"version":3,"file":"Fade.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultStyle","duration","transition","concat","opacity","transitionStyles","entering","entered","exiting","exited","Fade","exports","_ref","_ref$in","in","inProp","children","style","_ref$timeout","timeout","rest","createElement","Transition","appear","state","cloneElement","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n  transition: `all ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 500,\n  ...rest\n}) => (\n  <Transition appear in={inProp} timeout={timeout} {...rest}>\n    {(state): ReactElement => {\n      return cloneElement(children, {\n        style: {\n          visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n          ...defaultStyle(timeout),\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAAoD,IAAAE,SAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,wBAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAlB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAC,CAAA,GAAAsB,SAAA,CAAAvB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAc,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAgB,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,QAAA1B,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAgB,MAAA,CAAAU,IAAA,CAAA3B,CAAA,OAAAiB,MAAA,CAAAW,qBAAA,QAAAtB,CAAA,GAAAW,MAAA,CAAAW,qBAAA,CAAA5B,CAAA,GAAAG,CAAA,KAAAG,CAAA,GAAAA,CAAA,CAAAuB,MAAA,WAAA1B,CAAA,WAAAc,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAG,CAAA,EAAA2B,UAAA,OAAA7B,CAAA,CAAA8B,IAAA,CAAAN,KAAA,CAAAxB,CAAA,EAAAK,CAAA,YAAAL,CAAA;AAAA,SAAA+B,cAAAhC,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAoB,SAAA,CAAAC,MAAA,EAAArB,CAAA,UAAAF,CAAA,WAAAsB,SAAA,CAAApB,CAAA,IAAAoB,SAAA,CAAApB,CAAA,QAAAA,CAAA,OAAAuB,OAAA,CAAAT,MAAA,CAAAhB,CAAA,OAAAgC,OAAA,WAAA9B,CAAA,IAAA+B,eAAA,CAAAlC,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAc,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAApC,CAAA,EAAAiB,MAAA,CAAAkB,yBAAA,CAAAlC,CAAA,KAAAyB,OAAA,CAAAT,MAAA,CAAAhB,CAAA,GAAAgC,OAAA,WAAA9B,CAAA,IAAAc,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,EAAAc,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAAA,SAAAkC,gBAAAlC,CAAA,EAAAG,CAAA,EAAAF,CAAA,YAAAE,CAAA,GAAAkC,cAAA,CAAAlC,CAAA,MAAAH,CAAA,GAAAiB,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAG,CAAA,IAAAmC,KAAA,EAAArC,CAAA,EAAA6B,UAAA,MAAAS,YAAA,MAAAC,QAAA,UAAAxC,CAAA,CAAAG,CAAA,IAAAF,CAAA,EAAAD,CAAA;AAAA,SAAAqC,eAAApC,CAAA,QAAAM,CAAA,GAAAkC,YAAA,CAAAxC,CAAA,uCAAAM,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAkC,aAAAxC,CAAA,EAAAE,CAAA,2BAAAF,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAD,CAAA,GAAAC,CAAA,CAAAyC,MAAA,CAAAC,WAAA,kBAAA3C,CAAA,QAAAO,CAAA,GAAAP,CAAA,CAAAgB,IAAA,CAAAf,CAAA,EAAAE,CAAA,uCAAAI,CAAA,SAAAA,CAAA,YAAAqC,SAAA,yEAAAzC,CAAA,GAAA0C,MAAA,GAAAC,MAAA,EAAA7C,CAAA;AAAA,SAAA8C,yBAAA/C,CAAA,EAAAC,CAAA,gBAAAD,CAAA,iBAAAM,CAAA,EAAAH,CAAA,EAAAI,CAAA,GAAAyC,6BAAA,CAAAhD,CAAA,EAAAC,CAAA,OAAAgB,MAAA,CAAAW,qBAAA,QAAAxB,CAAA,GAAAa,MAAA,CAAAW,qBAAA,CAAA5B,CAAA,QAAAG,CAAA,MAAAA,CAAA,GAAAC,CAAA,CAAAoB,MAAA,EAAArB,CAAA,IAAAG,CAAA,GAAAF,CAAA,CAAAD,CAAA,UAAAF,CAAA,CAAAgD,OAAA,CAAA3C,CAAA,QAAA4C,oBAAA,CAAAlC,IAAA,CAAAhB,CAAA,EAAAM,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAN,CAAA,CAAAM,CAAA,aAAAC,CAAA;AAAA,SAAAyC,8BAAA7C,CAAA,EAAAH,CAAA,gBAAAG,CAAA,iBAAAF,CAAA,gBAAAG,CAAA,IAAAD,CAAA,SAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAC,CAAA,gBAAAJ,CAAA,CAAAiD,OAAA,CAAA7C,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAD,CAAA,CAAAC,CAAA,YAAAH,CAAA;AASpD,IAAMkD,YAAY,GAAG,SAAfA,YAAYA,CAChBC,QAAgB;EAAA,OACsC;IACtDC,UAAU,SAAAC,MAAA,CAASF,QAAQ,mBAAgB;IAC3CG,OAAO,EAAE;EACX,CAAC;AAAA,CAAC;AAEF,IAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE;EAAE,CAAC;EACxBG,OAAO,EAAE;IAAEH,OAAO,EAAE;EAAE,CAAC;EACvBI,OAAO,EAAE;IAAEJ,OAAO,EAAE;EAAE,CAAC;EACvBK,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAE;AACvB,CAAC;AAEM,IAAMM,IAAoB,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAvBA,IAAoBA,CAAAE,IAAA;EAAA,IAAAC,OAAA,GAAAD,IAAA,CAC/BE,EAAE;IAAEC,MAAM,GAAAF,OAAA,cAAG,KAAK,GAAAA,OAAA;IAClBG,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAAC,YAAA,GAAAN,IAAA,CACLO,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,GAAG,GAAAA,YAAA;IACVE,IAAI,GAAAxB,wBAAA,CAAAgB,IAAA,EAAAhE,SAAA;EAAA,oBAEPJ,MAAA,CAAAe,OAAA,CAAA8D,aAAA,CAAC1E,qBAAA,CAAA2E,UAAU,EAAArD,QAAA;IAACsD,MAAM;IAACT,EAAE,EAAEC,MAAO;IAACI,OAAO,EAAEA;EAAQ,GAAKC,IAAI,GACtD,UAACI,KAAK,EAAmB;IACxB,oBAAO,IAAAC,mBAAY,EAACT,QAAQ,EAAE;MAC5BC,KAAK,EAAApC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA;QACH6C,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACT,MAAM,GAAG,QAAQ,GAAGY;MAAS,GAC7D3B,YAAY,CAACmB,OAAO,CAAC,GACrBd,gBAAgB,CAACmB,KAAK,CAAC,GACvBP,KAAK,GACLD,QAAQ,CAACY,KAAK,CAACX,KAAK;IAE3B,CAAC,CAAC;EACJ,CACU,CAAC;AAAA,CACd;AAEDP,IAAI,CAACmB,WAAW,GAAG,MAAM","ignoreList":[]}
+{"version":3,"file":"Fade.js","names":["_react","_interopRequireWildcard","require","_reactTransitionGroup","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultStyle","duration","transition","concat","opacity","transitionStyles","entering","entered","exiting","exited","Fade","exports","_ref","_ref$in","in","inProp","children","style","_ref$timeout","timeout","onEnter","rest","handleEnter","node","isAppearing","offsetHeight","createElement","Transition","appear","state","cloneElement","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\n\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n  transition: `all ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 500,\n  onEnter,\n  ...rest\n}) => {\n  // Same forced layout as SlideFromTop: without it the starting opacity never lands in the DOM.\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      {...rest}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nFade.displayName = \"Fade\";\n"],"mappings":"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","ignoreList":[]}

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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAMA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAAkD,SAAAD,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,wBAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAsB3C,IAAMmB,IAAe,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAAlBA,IAAeA,CAAAE,IAAA,EAetB;EAAA,IAdJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,MAAM,GAAAF,IAAA,CAANE,MAAM;IACNC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,iBAAiB,GAAAL,IAAA,CAAjBK,iBAAiB;IACjBC,qBAAqB,GAAAN,IAAA,CAArBM,qBAAqB;IACrBC,OAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IAAAC,gBAAA,GAAAT,IAAA,CACRU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,SAAS,GAAAA,gBAAA;IAAAE,qBAAA,GAAAX,IAAA,CACvBY,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAAAb,IAAA,CAC7Bc,sBAAsB;IAAtBA,sBAAsB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAf,IAAA,CAC9BgB,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IACzBE,iBAAiB,GAAAjB,IAAA,CAAjBiB,iBAAiB;IAAAC,SAAA,GAAAlB,IAAA,CACjBmB,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;EAEZ;EACA,IAAME,WAAW,GAAG,IAAAC,6BAAc,EAACd,OAAO,CAAC;EAE3C,IAAMe,mBAAmB,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAC5C,IAAIrB,MAAM,IAAIK,OAAO,EAAE;MACrB,OAAOA,OAAO,CAAC,CAAC;IAClB;IAEA,OAAOF,iBAAiB,IAAIA,iBAAiB,CAAC,CAAC;EACjD,CAAC,EAAE,CAACH,MAAM,EAAEK,OAAO,EAAEF,iBAAiB,CAAC,CAAC;EAExC,OAAO,CAACc,IAAI,gBACVnD,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAAAxD,MAAA,CAAAoB,OAAA,CAAAqC,QAAA,qBACEzD,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACpD,OAAA,CAAAsD,gBAAgB,qBACf1D,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACpD,OAAA,CAAAuD,oBAAoB,QAClB,CAACX,iBAAiB,IAAIf,KAAK,IAAIA,KAAK,GAAG,CAAC,gBACvCjC,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACjD,WAAA,CAAAqD,UAAU;IACTC,OAAO,EAAEvB,qBAAsB;IAC/BwB,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAC,kBAAkB;IAC5BC,QAAQ,EAAElB;EAAuB,gBAEjC9C,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAAChD,MAAA,CAAAyD,mBAAmB,MAAE,CACZ,CAAC,GACX,IAAI,eACRjE,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACpD,OAAA,CAAA8D,eAAe,qBACdlE,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAAC/C,WAAA,CAAA0D,QAAQ,QAAE/B,KAAgB,CAAC,eAC5BpC,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAAC/C,WAAA,CAAA2D,OAAO,QAAEjC,QAAkB,CACb,CACG,CAAC,EACtBc,iBAAiB,GAChBA,iBAAiB,gBAEjBjD,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACjD,WAAA,CAAAqD,UAAU;IACTC,OAAO,EAAET,WAAY;IACrBU,OAAO,EAAC,WAAW;IACnBE,QAAQ,EAAElB;EAAuB,gBAEjC9C,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAAChD,MAAA,CAAA6D,eAAe,MAAE,CACR,CAEE,CAAC,eACnBrE,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACnD,OAAA,CAAAiE,MAAM,CAACC,cAAc,MAAE,CAAC,EACxB3B,sBAAsB,gBACrB5C,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAAAxD,MAAA,CAAAoB,OAAA,CAAAqC,QAAA,qBACEzD,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACnD,OAAA,CAAAiE,MAAM,CAACE,OAAO,QAAEhC,QAAyB,CAAC,eAC3CxC,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACnD,OAAA,CAAAiE,MAAM,CAACC,cAAc,MAAE,CAAC,eACzBvE,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACnD,OAAA,CAAAiE,MAAM,CAACG,OAAO,qBACbzE,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACrD,iBAAA,CAAAuE,gBAAgB;IACfxC,MAAM,EAAEA,MAAO;IACfQ,WAAW,EAAEA,WAAY;IACzBL,iBAAiB,EAAEiB;EAAoB,CACxC,CACa,CAChB,CAAC,gBAEHtD,MAAA,CAAAoB,OAAA,CAAAoC,aAAA,CAACpD,OAAA,CAAAuE,gBAAgB,QAAEnC,QAA2B,CAEhD,CAAC,GACD,IAAI;AACV,CAAC;AAEDV,IAAI,CAAC8C,WAAW,GAAG,MAAM","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";