@wix/design-system 1.0.0

package/dist/cjs/Transition/utils/utils.js

@@ -0,0 +1,359 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.getTransitionStyles = exports.getTimeout = exports.getPercentageValue = exports.getMoveStyles = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _constants = require("../constants");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var getPercentageValue = percentage => {
+  var percentRegex = /^((100)|(\d{1,2}(\.\d*)?))%$/g;
+  if (percentage.match(percentRegex)) {
+    var percentNumber = Number(percentage.split('%')[0]);
+    if (Number.isFinite(percentNumber)) {
+      return percentNumber / 100;
+    }
+  }
+  return 0;
+};
+exports.getPercentageValue = getPercentageValue;
+var getFadeProps = fade => {
+  if (fade === true) {
+    return {
+      duration: 'medium01'
+    };
+  }
+  return fade;
+};
+var getMoveProps = move => {
+  if (move === true) {
+    return {
+      duration: 'medium01',
+      direction: 'bottomToTop',
+      distance: '10px'
+    };
+  }
+  return move;
+};
+var getToggleProps = toggle => {
+  if (toggle === true) {
+    return {
+      duration: 'medium01',
+      direction: 'bottomToTop'
+    };
+  }
+  return toggle;
+};
+var getScaleProps = (scale, isExiting) => {
+  if (scale === true) {
+    return {
+      duration: 'medium01',
+      direction: 'center',
+      scale: isExiting ? '0' : '1'
+    };
+  }
+  return _objectSpread(_objectSpread({}, scale), {}, {
+    scale: "".concat(getPercentageValue(scale.scale))
+  });
+};
+var getDefaultStyles = props => {
+  var easing = props.easing ? {
+    transitionTimingFunction: _constants.easingMap[props.easing]
+  } : undefined;
+  var delay = props.delay ? {
+    transitionDelay: "".concat(_constants.timingMap[props.delay], "ms")
+  } : undefined;
+  return _objectSpread(_objectSpread({}, easing), delay);
+};
+var getFadeStyles = (fadeProps, isExiting) => {
+  var {
+    duration
+  } = fadeProps;
+  var defaultStyles = getDefaultStyles(fadeProps);
+  return {
+    [isExiting ? 'exiting' : 'entering']: _objectSpread({
+      opacity: 0,
+      transitionProperty: 'opacity',
+      transitionDuration: "".concat(_constants.timingMap[duration], "ms")
+    }, isExiting ? defaultStyles : {}),
+    [isExiting ? 'exited' : 'entered']: _objectSpread({
+      opacity: 1,
+      transitionProperty: 'opacity',
+      transitionDuration: "".concat(_constants.timingMap[duration], "ms")
+    }, !isExiting ? defaultStyles : {})
+  };
+};
+var getMoveStyles = (moveProps, isExiting) => {
+  var {
+    direction,
+    distance,
+    duration
+  } = moveProps;
+  var defaultStyles = getDefaultStyles(moveProps);
+  var transform = '';
+  switch (direction) {
+    case 'topToBottom':
+      transform = "translateY(".concat(isExiting ? distance : "-".concat(distance), ")");
+      break;
+    case 'bottomToTop':
+      transform = "translateY(".concat(isExiting ? "-".concat(distance) : distance, ")");
+      break;
+    case 'leftToRight':
+      transform = "translateX(".concat(isExiting ? distance : "-".concat(distance), ")");
+      break;
+    case 'rightToLeft':
+      transform = "translateX(".concat(isExiting ? "-".concat(distance) : distance, ")");
+      break;
+    default:
+      throw new Error('unsupported direction');
+  }
+  return {
+    [isExiting ? 'exiting' : 'entering']: _objectSpread({
+      transform,
+      transitionProperty: 'transform',
+      transitionDuration: "".concat(_constants.timingMap[duration], "ms")
+    }, isExiting ? defaultStyles : {}),
+    [isExiting ? 'exited' : 'entered']: _objectSpread({
+      transform: 'none',
+      transitionProperty: 'transform',
+      transitionDuration: "".concat(_constants.timingMap[duration], "ms")
+    }, !isExiting ? defaultStyles : {})
+  };
+};
+exports.getMoveStyles = getMoveStyles;
+var isDirectionVertical = direction => {
+  return direction === 'bottomToTop' || direction === 'topToBottom';
+};
+var getToggleStyles = (toggleProps, isExiting, height, width, oppositeProps) => {
+  var {
+    direction,
+    duration
+  } = toggleProps;
+  var defaultStyles = getDefaultStyles(toggleProps);
+  var isVertical = isDirectionVertical(direction);
+  var transitionOrigin = isVertical ? 'bottom' : 'left';
+  var isOppositeVertical = (oppositeProps == null ? void 0 : oppositeProps.direction) && isDirectionVertical(oppositeProps == null ? void 0 : oppositeProps.direction);
+  var isOppositeOnAnotherAxis = isOppositeVertical !== undefined && isOppositeVertical !== isVertical;
+  var transitionOriginOutValue = (oppositeProps == null ? void 0 : oppositeProps.direction) === 'bottomToTop' || (oppositeProps == null ? void 0 : oppositeProps.direction) === 'leftToRight' ? '-100%' : '100%';
+  var oppositeTransitionOrigin = isOppositeVertical ? 'bottom' : 'left';
+  var transitionOriginIn = '';
+  switch (direction) {
+    case 'topToBottom':
+    case 'rightToLeft':
+      transitionOriginIn = isExiting ? '-100%' : '100%';
+      break;
+    case 'bottomToTop':
+    case 'leftToRight':
+      transitionOriginIn = isExiting ? '100%' : '-100%';
+      break;
+    default:
+      throw new Error('unsupported direction');
+  }
+  var commonStyles = {
+    height: isVertical ? "".concat(height, "px") : '100%',
+    width: isVertical ? '100%' : "".concat(width, "px"),
+    position: 'relative',
+    overflow: 'hidden',
+    transitionProperty: 'bottom, left',
+    transitionDuration: "".concat(_constants.timingMap[duration], "ms")
+  };
+  var styles = {
+    in: _objectSpread(_objectSpread({}, commonStyles), {}, {
+      [transitionOrigin]: transitionOriginIn
+    }, isExiting ? defaultStyles : {}),
+    out: _objectSpread(_objectSpread(_objectSpread({}, commonStyles), {}, {
+      [transitionOrigin]: (oppositeProps == null ? void 0 : oppositeProps.direction) === direction || isOppositeVertical === isVertical ? transitionOriginOutValue : '0%'
+    }, isOppositeOnAnotherAxis ? {
+      [oppositeTransitionOrigin]: transitionOriginOutValue
+    } : {}), !isExiting ? defaultStyles : {})
+  };
+  if (isExiting) {
+    return {
+      entered: _objectSpread(_objectSpread(_objectSpread({}, commonStyles), {}, {
+        [transitionOrigin]: '0%'
+      }, isOppositeOnAnotherAxis ? {
+        [oppositeTransitionOrigin]: '0%'
+      } : {}), defaultStyles),
+      exiting: styles.in,
+      exited: styles.out
+    };
+  }
+  return {
+    entering: styles.in,
+    entered: styles.out
+  };
+};
+var getScaleStyles = (scaleProps, isExiting) => {
+  var {
+    direction,
+    scale,
+    duration
+  } = scaleProps;
+  var defaultStyles = getDefaultStyles(scaleProps);
+  var transformOrigin = '';
+  switch (direction) {
+    case 'bottom':
+      transformOrigin = '50% 100%';
+      break;
+    case 'bottomEnd':
+      transformOrigin = '100% 100%';
+      break;
+    case 'bottomStart':
+      transformOrigin = '0% 100%';
+      break;
+    case 'center':
+      transformOrigin = '50% 50%';
+      break;
+    case 'left':
+      transformOrigin = '0% 50%';
+      break;
+    case 'right':
+      transformOrigin = '100% 50%';
+      break;
+    case 'top':
+      transformOrigin = '50% 0%';
+      break;
+    case 'topEnd':
+      transformOrigin = '100% 0%';
+      break;
+    case 'topStart':
+      transformOrigin = '0% 0%';
+      break;
+    default:
+      throw new Error('unsupported direction');
+  }
+  return {
+    [isExiting ? 'exiting' : 'entering']: _objectSpread({
+      transform: 'scale(0, 0)',
+      transitionProperty: 'transform',
+      transitionDuration: "".concat(_constants.timingMap[duration], "ms"),
+      transformOrigin
+    }, isExiting ? defaultStyles : {}),
+    [isExiting ? 'exited' : 'entered']: _objectSpread({
+      transform: "scale(".concat(scale, ", ").concat(scale, ")"),
+      transitionProperty: 'transform',
+      transitionDuration: "".concat(_constants.timingMap[duration], "ms"),
+      transformOrigin
+    }, !isExiting ? defaultStyles : {})
+  };
+};
+var getToggleWrapperStyles = (expandProps, collapseProps, height, width) => {
+  if ((expandProps == null ? void 0 : expandProps.direction) === 'topToBottom' && (collapseProps == null ? void 0 : collapseProps.direction) === 'bottomToTop') {
+    return {};
+  }
+  var commonStyles = {
+    overflow: 'hidden',
+    height,
+    width
+  };
+  return {
+    entering: commonStyles,
+    entered: commonStyles,
+    exiting: commonStyles,
+    exited: commonStyles
+  };
+};
+var getMergedStyles = (target, source) => {
+  return {
+    entering: _objectSpread(_objectSpread({}, target.entering), source.entering),
+    entered: _objectSpread(_objectSpread({}, target.entered), source.entered),
+    exiting: _objectSpread(_objectSpread({}, target.exiting), source.exiting),
+    exited: _objectSpread(_objectSpread({}, target.exited), source.exited)
+  };
+};
+var getTransitionStyles = (_ref, enterAnimation, exitAnimation) => {
+  var {
+    width,
+    height
+  } = _ref;
+  var transitionStyles = {
+    fade: {},
+    move: {},
+    scale: {},
+    toggle: {}
+  };
+  if (enterAnimation != null && enterAnimation.fadeIn) {
+    var props = getFadeProps(enterAnimation == null ? void 0 : enterAnimation.fadeIn);
+    var styles = getFadeStyles(props, false);
+    Object.assign(transitionStyles.fade, styles);
+  }
+  if (exitAnimation != null && exitAnimation.fadeOut) {
+    var _props = getFadeProps(exitAnimation == null ? void 0 : exitAnimation.fadeOut);
+    var _styles = getFadeStyles(_props, true);
+    Object.assign(transitionStyles.fade, _styles);
+  }
+  if (enterAnimation != null && enterAnimation.moveIn) {
+    var _props2 = getMoveProps(enterAnimation == null ? void 0 : enterAnimation.moveIn);
+    var _styles2 = getMoveStyles(_props2, false);
+    Object.assign(transitionStyles.move, _styles2);
+  }
+  if (exitAnimation != null && exitAnimation.moveOut) {
+    var _props3 = getMoveProps(exitAnimation == null ? void 0 : exitAnimation.moveOut);
+    var _styles3 = getMoveStyles(_props3, true);
+    Object.assign(transitionStyles.move, _styles3);
+  }
+  var expandProps = enterAnimation != null && enterAnimation.expand ? getToggleProps(enterAnimation == null ? void 0 : enterAnimation.expand) : undefined;
+  var collapseProps = exitAnimation != null && exitAnimation.collapse ? getToggleProps(exitAnimation == null ? void 0 : exitAnimation.collapse) : undefined;
+  if (expandProps) {
+    var _styles4 = getToggleStyles(expandProps, false, height, width, collapseProps);
+    Object.assign(transitionStyles.toggle, _styles4);
+  }
+  if (collapseProps) {
+    var _styles5 = getToggleStyles(collapseProps, true, height, width, expandProps);
+    Object.assign(transitionStyles.toggle, _styles5);
+  }
+  if (enterAnimation != null && enterAnimation.scaleUp) {
+    var _props4 = getScaleProps(enterAnimation == null ? void 0 : enterAnimation.scaleUp);
+    var _styles6 = getScaleStyles(_props4, false);
+    Object.assign(transitionStyles.scale, _styles6);
+  }
+  if (exitAnimation != null && exitAnimation.scaleDown) {
+    var _props5 = getScaleProps(exitAnimation == null ? void 0 : exitAnimation.scaleDown, true);
+    var _styles7 = getScaleStyles(_props5, true);
+    Object.assign(transitionStyles.scale, _styles7);
+  }
+  if (!!expandProps || !!collapseProps) {
+    var wrapperStyles = getToggleWrapperStyles(expandProps, collapseProps, height, width);
+    var mergedStyles = getMergedStyles(transitionStyles.scale, wrapperStyles);
+    Object.assign(transitionStyles.scale, mergedStyles);
+  }
+  return transitionStyles;
+};
+exports.getTransitionStyles = getTransitionStyles;
+var getTiming = (type, animation) => {
+  if (!animation) {
+    return 0;
+  }
+  var entry = Object.entries(animation).find(_ref2 => {
+    var [key] = _ref2;
+    return key === type;
+  });
+  if (entry) {
+    var [_, value] = entry;
+    if (typeof value !== 'boolean') {
+      var delay = value.delay ? _constants.timingMap[value.delay] : 0;
+      return _constants.timingMap[value.duration] + delay;
+    } else if (value === true) {
+      // Setting default duration to medium01
+      return _constants.timingMap.medium01;
+    }
+  }
+  return 0;
+};
+var getTimeout = (enterAnimation, exitAnimation) => {
+  var fadeEnter = getTiming('fadeIn', enterAnimation);
+  var fadeExit = getTiming('fadeOut', exitAnimation);
+  var moveEnter = getTiming('moveIn', enterAnimation);
+  var moveExit = getTiming('moveOut', exitAnimation);
+  var expand = getTiming('expand', enterAnimation);
+  var collapse = getTiming('collapse', exitAnimation);
+  var scaleUp = getTiming('scaleUp', enterAnimation);
+  var scaleDown = getTiming('scaleDown', exitAnimation);
+  return {
+    enter: Math.max(fadeEnter, moveEnter, expand, scaleUp),
+    exit: Math.max(fadeExit, moveExit, collapse, scaleDown)
+  };
+};
+exports.getTimeout = getTimeout;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/Transition/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getPercentageValue","percentage","percentRegex","match","percentNumber","Number","split","isFinite","getFadeProps","fade","duration","getMoveProps","move","direction","distance","getToggleProps","toggle","getScaleProps","scale","isExiting","getDefaultStyles","props","easing","transitionTimingFunction","easingMap","undefined","delay","transitionDelay","timingMap","getFadeStyles","fadeProps","defaultStyles","opacity","transitionProperty","transitionDuration","getMoveStyles","moveProps","transform","Error","isDirectionVertical","getToggleStyles","toggleProps","height","width","oppositeProps","isVertical","transitionOrigin","isOppositeVertical","isOppositeOnAnotherAxis","transitionOriginOutValue","oppositeTransitionOrigin","transitionOriginIn","commonStyles","position","overflow","styles","in","out","entered","exiting","exited","entering","getScaleStyles","scaleProps","transformOrigin","getToggleWrapperStyles","expandProps","collapseProps","getMergedStyles","target","source","getTransitionStyles","enterAnimation","exitAnimation","transitionStyles","fadeIn","Object","assign","fadeOut","moveIn","moveOut","expand","collapse","scaleUp","scaleDown","wrapperStyles","mergedStyles","getTiming","type","animation","entry","entries","find","key","_","value","medium01","getTimeout","fadeEnter","fadeExit","moveEnter","moveExit","enter","Math","max","exit"],"sources":["../../../../src/Transition/utils/utils.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport {\n  Collapse,\n  Direction,\n  EnterAnimation,\n  ExitAnimation,\n  Expand,\n  FadeIn,\n  FadeOut,\n  MoveIn,\n  MoveOut,\n  ScaleDown,\n  ScaleUp,\n} from '../Transition.types';\nimport {\n  easingMap,\n  timingMap,\n  TransitionStatusType,\n  TransitionStyles,\n  TransitionType,\n} from '../constants';\n\nexport const getPercentageValue = (percentage: string): number => {\n  const percentRegex = /^((100)|(\\d{1,2}(\\.\\d*)?))%$/g;\n  if (percentage.match(percentRegex)) {\n    const percentNumber = Number(percentage.split('%')[0]);\n    if (Number.isFinite(percentNumber)) {\n      return percentNumber / 100;\n    }\n  }\n  return 0;\n};\n\nconst getFadeProps = (fade: FadeIn | FadeOut | true): FadeIn | FadeOut => {\n  if (fade === true) {\n    return {\n      duration: 'medium01',\n    };\n  }\n  return fade;\n};\n\nconst getMoveProps = (move: MoveIn | MoveOut | true): MoveIn | MoveOut => {\n  if (move === true) {\n    return {\n      duration: 'medium01',\n      direction: 'bottomToTop',\n      distance: '10px',\n    };\n  }\n  return move;\n};\n\nconst getToggleProps = (\n  toggle: Expand | Collapse | true,\n): Expand | Collapse => {\n  if (toggle === true) {\n    return {\n      duration: 'medium01',\n      direction: 'bottomToTop',\n    };\n  }\n  return toggle;\n};\n\nconst getScaleProps = (\n  scale: ScaleUp | ScaleDown | true,\n  isExiting?: boolean,\n): ScaleUp | ScaleDown => {\n  if (scale === true) {\n    return {\n      duration: 'medium01',\n      direction: 'center',\n      scale: isExiting ? '0' : '1',\n    };\n  }\n  return { ...scale, scale: `${getPercentageValue(scale.scale)}` };\n};\n\nconst getDefaultStyles = (\n  props:\n    | MoveIn\n    | MoveOut\n    | FadeIn\n    | FadeOut\n    | Collapse\n    | Expand\n    | ScaleDown\n    | ScaleUp,\n): CSSProperties => {\n  const easing: CSSProperties | undefined = props.easing\n    ? {\n        transitionTimingFunction: easingMap[props.easing],\n      }\n    : undefined;\n\n  const delay: CSSProperties | undefined = props.delay\n    ? {\n        transitionDelay: `${timingMap[props.delay]}ms`,\n      }\n    : undefined;\n\n  return {\n    ...easing,\n    ...delay,\n  };\n};\n\nconst getFadeStyles = (fadeProps: FadeIn | FadeOut, isExiting: boolean) => {\n  const { duration } = fadeProps;\n  const defaultStyles = getDefaultStyles(fadeProps);\n  return {\n    [isExiting ? 'exiting' : 'entering']: {\n      opacity: 0,\n      transitionProperty: 'opacity',\n      transitionDuration: `${timingMap[duration]}ms`,\n      ...(isExiting ? defaultStyles : {}),\n    },\n    [isExiting ? 'exited' : 'entered']: {\n      opacity: 1,\n      transitionProperty: 'opacity',\n      transitionDuration: `${timingMap[duration]}ms`,\n      ...(!isExiting ? defaultStyles : {}),\n    },\n  };\n};\n\nexport const getMoveStyles = (\n  moveProps: MoveIn | MoveOut,\n  isExiting: boolean,\n) => {\n  const { direction, distance, duration } = moveProps;\n  const defaultStyles = getDefaultStyles(moveProps);\n  let transform = '';\n  switch (direction) {\n    case 'topToBottom':\n      transform = `translateY(${isExiting ? distance : `-${distance}`})`;\n      break;\n    case 'bottomToTop':\n      transform = `translateY(${isExiting ? `-${distance}` : distance})`;\n      break;\n    case 'leftToRight':\n      transform = `translateX(${isExiting ? distance : `-${distance}`})`;\n      break;\n    case 'rightToLeft':\n      transform = `translateX(${isExiting ? `-${distance}` : distance})`;\n      break;\n    default:\n      throw new Error('unsupported direction');\n  }\n  return {\n    [isExiting ? 'exiting' : 'entering']: {\n      transform,\n      transitionProperty: 'transform',\n      transitionDuration: `${timingMap[duration]}ms`,\n      ...(isExiting ? defaultStyles : {}),\n    },\n    [isExiting ? 'exited' : 'entered']: {\n      transform: 'none',\n      transitionProperty: 'transform',\n      transitionDuration: `${timingMap[duration]}ms`,\n      ...(!isExiting ? defaultStyles : {}),\n    },\n  };\n};\n\nconst isDirectionVertical = (direction: Direction) => {\n  return direction === 'bottomToTop' || direction === 'topToBottom';\n};\n\nconst getToggleStyles = (\n  toggleProps: Expand | Collapse,\n  isExiting: boolean,\n  height?: number,\n  width?: number,\n  oppositeProps?: Expand | Collapse,\n) => {\n  const { direction, duration } = toggleProps;\n  const defaultStyles = getDefaultStyles(toggleProps);\n  const isVertical = isDirectionVertical(direction);\n  const transitionOrigin = isVertical ? 'bottom' : 'left';\n  const isOppositeVertical =\n    oppositeProps?.direction && isDirectionVertical(oppositeProps?.direction);\n\n  const isOppositeOnAnotherAxis =\n    isOppositeVertical !== undefined && isOppositeVertical !== isVertical;\n  const transitionOriginOutValue =\n    oppositeProps?.direction === 'bottomToTop' ||\n    oppositeProps?.direction === 'leftToRight'\n      ? '-100%'\n      : '100%';\n  const oppositeTransitionOrigin = isOppositeVertical ? 'bottom' : 'left';\n\n  let transitionOriginIn = '';\n  switch (direction) {\n    case 'topToBottom':\n    case 'rightToLeft':\n      transitionOriginIn = isExiting ? '-100%' : '100%';\n      break;\n    case 'bottomToTop':\n    case 'leftToRight':\n      transitionOriginIn = isExiting ? '100%' : '-100%';\n      break;\n    default:\n      throw new Error('unsupported direction');\n  }\n\n  const commonStyles: CSSProperties = {\n    height: isVertical ? `${height}px` : '100%',\n    width: isVertical ? '100%' : `${width}px`,\n    position: 'relative',\n    overflow: 'hidden',\n    transitionProperty: 'bottom, left',\n    transitionDuration: `${timingMap[duration]}ms`,\n  };\n\n  const styles = {\n    in: {\n      ...commonStyles,\n      [transitionOrigin]: transitionOriginIn,\n      ...(isExiting ? defaultStyles : {}),\n    },\n    out: {\n      ...commonStyles,\n      [transitionOrigin]:\n        oppositeProps?.direction === direction ||\n        isOppositeVertical === isVertical\n          ? transitionOriginOutValue\n          : '0%',\n      ...(isOppositeOnAnotherAxis\n        ? {\n            [oppositeTransitionOrigin]: transitionOriginOutValue,\n          }\n        : {}),\n      ...(!isExiting ? defaultStyles : {}),\n    },\n  };\n\n  if (isExiting) {\n    return {\n      entered: {\n        ...commonStyles,\n        [transitionOrigin]: '0%',\n        ...(isOppositeOnAnotherAxis\n          ? {\n              [oppositeTransitionOrigin]: '0%',\n            }\n          : {}),\n        ...defaultStyles,\n      },\n      exiting: styles.in,\n      exited: styles.out,\n    };\n  }\n\n  return {\n    entering: styles.in,\n    entered: styles.out,\n  };\n};\n\nconst getScaleStyles = (\n  scaleProps: ScaleUp | ScaleDown,\n  isExiting: boolean,\n) => {\n  const { direction, scale, duration } = scaleProps;\n  const defaultStyles = getDefaultStyles(scaleProps);\n  let transformOrigin = '';\n  switch (direction) {\n    case 'bottom':\n      transformOrigin = '50% 100%';\n      break;\n    case 'bottomEnd':\n      transformOrigin = '100% 100%';\n      break;\n    case 'bottomStart':\n      transformOrigin = '0% 100%';\n      break;\n    case 'center':\n      transformOrigin = '50% 50%';\n      break;\n    case 'left':\n      transformOrigin = '0% 50%';\n      break;\n    case 'right':\n      transformOrigin = '100% 50%';\n      break;\n    case 'top':\n      transformOrigin = '50% 0%';\n      break;\n    case 'topEnd':\n      transformOrigin = '100% 0%';\n      break;\n    case 'topStart':\n      transformOrigin = '0% 0%';\n      break;\n    default:\n      throw new Error('unsupported direction');\n  }\n\n  return {\n    [isExiting ? 'exiting' : 'entering']: {\n      transform: 'scale(0, 0)',\n      transitionProperty: 'transform',\n      transitionDuration: `${timingMap[duration]}ms`,\n      transformOrigin,\n      ...(isExiting ? defaultStyles : {}),\n    },\n    [isExiting ? 'exited' : 'entered']: {\n      transform: `scale(${scale}, ${scale})`,\n      transitionProperty: 'transform',\n      transitionDuration: `${timingMap[duration]}ms`,\n      transformOrigin,\n      ...(!isExiting ? defaultStyles : {}),\n    },\n  };\n};\n\nconst getToggleWrapperStyles = (\n  expandProps?: Collapse | Expand,\n  collapseProps?: Collapse | Expand,\n  height?: number,\n  width?: number,\n) => {\n  if (\n    expandProps?.direction === 'topToBottom' &&\n    collapseProps?.direction === 'bottomToTop'\n  ) {\n    return {};\n  }\n  const commonStyles = { overflow: 'hidden', height, width };\n\n  return {\n    entering: commonStyles,\n    entered: commonStyles,\n    exiting: commonStyles,\n    exited: commonStyles,\n  };\n};\n\nconst getMergedStyles = (\n  target: TransitionStatusType,\n  source: TransitionStatusType,\n) => {\n  return {\n    entering: {\n      ...target.entering,\n      ...source.entering,\n    },\n    entered: {\n      ...target.entered,\n      ...source.entered,\n    },\n    exiting: {\n      ...target.exiting,\n      ...source.exiting,\n    },\n    exited: {\n      ...target.exited,\n      ...source.exited,\n    },\n  };\n};\n\nexport const getTransitionStyles = (\n  { width, height }: { width?: number; height?: number },\n  enterAnimation?: EnterAnimation,\n  exitAnimation?: ExitAnimation,\n): TransitionStyles => {\n  const transitionStyles: TransitionStyles = {\n    fade: {},\n    move: {},\n    scale: {},\n    toggle: {},\n  };\n  if (enterAnimation?.fadeIn) {\n    const props = getFadeProps(enterAnimation?.fadeIn);\n    const styles = getFadeStyles(props, false);\n    Object.assign(transitionStyles.fade, styles);\n  }\n  if (exitAnimation?.fadeOut) {\n    const props = getFadeProps(exitAnimation?.fadeOut);\n    const styles = getFadeStyles(props, true);\n    Object.assign(transitionStyles.fade, styles);\n  }\n\n  if (enterAnimation?.moveIn) {\n    const props = getMoveProps(enterAnimation?.moveIn);\n    const styles = getMoveStyles(props, false);\n    Object.assign(transitionStyles.move, styles);\n  }\n  if (exitAnimation?.moveOut) {\n    const props = getMoveProps(exitAnimation?.moveOut);\n    const styles = getMoveStyles(props, true);\n    Object.assign(transitionStyles.move, styles);\n  }\n\n  const expandProps = enterAnimation?.expand\n    ? getToggleProps(enterAnimation?.expand)\n    : undefined;\n  const collapseProps = exitAnimation?.collapse\n    ? getToggleProps(exitAnimation?.collapse)\n    : undefined;\n\n  if (expandProps) {\n    const styles = getToggleStyles(\n      expandProps,\n      false,\n      height,\n      width,\n      collapseProps,\n    );\n    Object.assign(transitionStyles.toggle, styles);\n  }\n  if (collapseProps) {\n    const styles = getToggleStyles(\n      collapseProps,\n      true,\n      height,\n      width,\n      expandProps,\n    );\n    Object.assign(transitionStyles.toggle, styles);\n  }\n\n  if (enterAnimation?.scaleUp) {\n    const props = getScaleProps(enterAnimation?.scaleUp);\n    const styles = getScaleStyles(props, false);\n    Object.assign(transitionStyles.scale, styles);\n  }\n  if (exitAnimation?.scaleDown) {\n    const props = getScaleProps(exitAnimation?.scaleDown, true);\n    const styles = getScaleStyles(props, true);\n    Object.assign(transitionStyles.scale, styles);\n  }\n\n  if (!!expandProps || !!collapseProps) {\n    const wrapperStyles = getToggleWrapperStyles(\n      expandProps,\n      collapseProps,\n      height,\n      width,\n    );\n    const mergedStyles = getMergedStyles(transitionStyles.scale, wrapperStyles);\n    Object.assign(transitionStyles.scale, mergedStyles);\n  }\n\n  return transitionStyles;\n};\n\nconst getTiming = (\n  type: TransitionType,\n  animation?: EnterAnimation | ExitAnimation,\n): number => {\n  if (!animation) {\n    return 0;\n  }\n\n  const entry = Object.entries(animation).find(([key]) => key === type);\n\n  if (entry) {\n    const [_, value] = entry;\n    if (typeof value !== 'boolean') {\n      const delay = value.delay ? timingMap[value.delay] : 0;\n      return timingMap[value.duration] + delay;\n    } else if (value === true) {\n      // Setting default duration to medium01\n      return timingMap.medium01;\n    }\n  }\n  return 0;\n};\n\nexport const getTimeout = (\n  enterAnimation?: EnterAnimation,\n  exitAnimation?: ExitAnimation,\n): { enter: number; exit: number } => {\n  const fadeEnter = getTiming('fadeIn', enterAnimation);\n  const fadeExit = getTiming('fadeOut', exitAnimation);\n\n  const moveEnter = getTiming('moveIn', enterAnimation);\n  const moveExit = getTiming('moveOut', exitAnimation);\n\n  const expand = getTiming('expand', enterAnimation);\n  const collapse = getTiming('collapse', exitAnimation);\n\n  const scaleUp = getTiming('scaleUp', enterAnimation);\n  const scaleDown = getTiming('scaleDown', exitAnimation);\n\n  return {\n    enter: Math.max(fadeEnter, moveEnter, expand, scaleUp),\n    exit: Math.max(fadeExit, moveExit, collapse, scaleDown),\n  };\n};\n"],"mappings":"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"}