@activecollab/components 1.0.205 → 1.0.207

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -1,134 +1,86 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Tooltip = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Popper = require("../Popper");
-
 var _FromElement = require("../Transitions/FromElement");
-
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-
 var _helpers = require("../../helpers");
-
 var _Styles = require("./Styles");
-
 var _utils = require("../../utils");
-
 var _excluded = ["children"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var TooltipAnimation = function TooltipAnimation(_ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_FromElement.FromElement, _extends({
     timeout: 0
   }, props), children);
 };
-
 var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
   var children = _ref2.children,
-      title = _ref2.title,
-      className = _ref2.className,
-      style = _ref2.style,
-      _ref2$isLight = _ref2.isLight,
-      isLight = _ref2$isLight === void 0 ? false : _ref2$isLight,
-      _ref2$placement = _ref2.placement,
-      placement = _ref2$placement === void 0 ? "top" : _ref2$placement,
-      _ref2$TransitionCompo = _ref2.TransitionComponent,
-      TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
-      popperTooltipStyle = _ref2.popperTooltipStyle,
-      popperTooltipClassName = _ref2.popperTooltipClassName,
-      disable = _ref2.disable;
-
+    title = _ref2.title,
+    className = _ref2.className,
+    style = _ref2.style,
+    _ref2$isLight = _ref2.isLight,
+    isLight = _ref2$isLight === void 0 ? false : _ref2$isLight,
+    _ref2$placement = _ref2.placement,
+    placement = _ref2$placement === void 0 ? "top" : _ref2$placement,
+    _ref2$TransitionCompo = _ref2.TransitionComponent,
+    TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
+    popperTooltipStyle = _ref2.popperTooltipStyle,
+    popperTooltipClassName = _ref2.popperTooltipClassName,
+    disable = _ref2.disable;
   var _useLayerContext = (0, _helpers.useLayerContext)(),
-      _useLayerContext$zInd = _useLayerContext.zIndex,
-      zIndex = _useLayerContext$zInd === void 0 ? _utils.layers.skyscraper : _useLayerContext$zInd;
-
+    _useLayerContext$zInd = _useLayerContext.zIndex,
+    zIndex = _useLayerContext$zInd === void 0 ? _utils.layers.skyscraper : _useLayerContext$zInd;
   var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
   var _useState3 = (0, _react.useState)(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      childNode = _useState4[0],
-      setChildNode = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    childNode = _useState4[0],
+    setChildNode = _useState4[1];
   var handleEnter = function handleEnter(event) {
     var childrenProps = children.props;
-
     if (event.type === "mouseover" && childrenProps.onMouseOver) {
       childrenProps.onMouseOver(event);
     }
-
     childNode && childNode.removeAttribute("title");
     setOpen(true);
   };
-
   var handleLeave = function handleLeave(event) {
     var childrenProps = children.props;
-
     if (event.type === "mouseleave" && childrenProps.onMouseLeave && event.currentTarget === childNode) {
       childrenProps.onMouseLeave(event);
     }
-
     setOpen(false);
   };
-
-  var handleClick = function handleClick(event) {
-    var onClick = children.props.onClick;
-    event.stopPropagation();
-
-    if (typeof onClick === "function") {
-      onClick(event);
-    }
-  };
-
   var handleOwnRef = (0, _useForkRef.default)(children.ref, ref);
   var handleRef = (0, _useForkRef.default)(setChildNode, handleOwnRef);
   var childrenProps = {
     onMouseOver: handleEnter,
     onMouseLeave: handleLeave,
-    onClick: handleClick,
     ref: handleRef
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.cloneElement(children, childrenProps), !disable && /*#__PURE__*/_react.default.createElement(_helpers.Portal, null, /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
@@ -143,7 +95,7 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     role: "tooltip"
   }, function (_ref3) {
     var _ref3$transitionProps = _ref3.transitionProps,
-        transitionProps = _ref3$transitionProps === void 0 ? {} : _ref3$transitionProps;
+      transitionProps = _ref3$transitionProps === void 0 ? {} : _ref3$transitionProps;
     return /*#__PURE__*/_react.default.createElement(TransitionComponent, _extends({}, transitionProps, {
       style: style
     }), /*#__PURE__*/_react.default.createElement(_Styles.StyledTooltip, {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":["TooltipAnimation","children","props","Tooltip","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","zIndex","layers","skyscraper","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleClick","onClick","stopPropagation","handleOwnRef","handleRef","React","cloneElement","transitionProps","displayName"],"mappings":"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","sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\nimport { layers } from \"../../utils\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleClick = (event: MouseEvent<HTMLElement>): void => {\n      const { onClick } = children.props;\n      event.stopPropagation();\n      if (typeof onClick === \"function\") {\n        onClick(event);\n      }\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      onClick: handleClick,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }): ReactElement => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"file":"Tooltip.js"}
+{"version":3,"file":"Tooltip.js","names":["TooltipAnimation","children","props","Tooltip","forwardRef","ref","title","className","style","isLight","placement","TransitionComponent","popperTooltipStyle","popperTooltipClassName","disable","useLayerContext","zIndex","layers","skyscraper","useState","open","setOpen","childNode","setChildNode","handleEnter","event","childrenProps","type","onMouseOver","removeAttribute","handleLeave","onMouseLeave","currentTarget","handleOwnRef","useForkRef","handleRef","React","cloneElement","transitionProps","classnames","displayName"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useState,\n  CSSProperties,\n  MouseEvent,\n  forwardRef,\n  Ref,\n  FC,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper, Placement } from \"../Popper\";\nimport { FromElement } from \"../Transitions/FromElement\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { TransitionProps } from \"../Transitions\";\nimport { Portal, useLayerContext } from \"../../helpers\";\nimport { StyledTooltip } from \"./Styles\";\nimport { layers } from \"../../utils\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport interface ITooltipProps {\n  /** Children element. */\n  children: ElementWithRef<HTMLElement>;\n  /** Title element. */\n  title: ReactElement | string;\n  /** Applies passed styles */\n  style?: CSSProperties;\n  /** Applies passed classes */\n  className?: string;\n  /** Open */\n  open?: boolean;\n  /** Placement */\n  placement?: Placement;\n  /** Transition component */\n  TransitionComponent?: React.FC<TransitionProps>;\n  /** Light tooltip */\n  isLight?: boolean;\n  /** Popper Tooltip style */\n  popperTooltipStyle?: CSSProperties;\n  /** Popper Tooltip class name*/\n  popperTooltipClassName?: string;\n  /** Remove tooltip */\n  disable?: boolean;\n}\n\ninterface ITooltipAnimation extends TransitionProps {\n  children: ReactElement;\n}\n\nconst TooltipAnimation: FC<ITooltipAnimation> = ({ children, ...props }) => {\n  return (\n    <FromElement timeout={0} {...props}>\n      {children}\n    </FromElement>\n  );\n};\n\nexport const Tooltip = forwardRef<HTMLElement, ITooltipProps>(\n  (\n    {\n      children,\n      title,\n      className,\n      style,\n      isLight = false,\n      placement = \"top\",\n      TransitionComponent = TooltipAnimation,\n      popperTooltipStyle,\n      popperTooltipClassName,\n      disable,\n    },\n    ref\n  ) => {\n    const { zIndex = layers.skyscraper } = useLayerContext();\n    const [open, setOpen] = useState(false);\n    const [childNode, setChildNode] = useState<HTMLElement | null>();\n\n    const handleEnter = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (event.type === \"mouseover\" && childrenProps.onMouseOver) {\n        childrenProps.onMouseOver(event);\n      }\n\n      childNode && childNode.removeAttribute(\"title\");\n\n      setOpen(true);\n    };\n\n    const handleLeave = (event: MouseEvent<HTMLElement>): void => {\n      const childrenProps = children.props;\n\n      if (\n        event.type === \"mouseleave\" &&\n        childrenProps.onMouseLeave &&\n        event.currentTarget === childNode\n      ) {\n        childrenProps.onMouseLeave(event);\n      }\n\n      setOpen(false);\n    };\n\n    const handleOwnRef = useForkRef(children.ref, ref);\n    const handleRef = useForkRef(setChildNode, handleOwnRef);\n\n    const childrenProps = {\n      onMouseOver: handleEnter,\n      onMouseLeave: handleLeave,\n      ref: handleRef,\n    };\n\n    return (\n      <>\n        {React.cloneElement(children, childrenProps)}\n        {!disable && (\n          <Portal>\n            <Popper\n              anchorEl={childNode}\n              open={childNode ? open : false}\n              placement={placement}\n              transition\n              className={popperTooltipClassName}\n              style={{ zIndex, ...popperTooltipStyle }}\n              role=\"tooltip\"\n            >\n              {({ transitionProps = {} }): ReactElement => (\n                <TransitionComponent {...transitionProps} style={style}>\n                  <StyledTooltip\n                    className={classnames(\"c-tooltip-ds\", className)}\n                    $isLight={isLight}\n                  >\n                    {title}\n                  </StyledTooltip>\n                </TransitionComponent>\n              )}\n            </Popper>\n          </Portal>\n        )}\n      </>\n    );\n  }\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"mappings":"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"}

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Tooltip = require("./Tooltip");
-
 Object.keys(_Tooltip).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Tooltip[key]) return;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Tooltip\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Tooltip/index.ts"],"sourcesContent":["export * from \"./Tooltip\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -1,41 +1,27 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Fade = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _excluded = ["in", "children", "style", "timeout"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var defaultStyle = function defaultStyle(duration) {
   return {
     transition: "all ".concat(duration, "ms ease-in-out"),
     opacity: 0
   };
 };
-
 var transitionStyles = {
   entering: {
     opacity: 1
@@ -50,16 +36,14 @@ var transitionStyles = {
     opacity: 0
   }
 };
-
 var Fade = function Fade(_ref) {
   var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, _extends({
     appear: true,
     in: inProp,
@@ -72,7 +56,6 @@ var Fade = function Fade(_ref) {
     });
   });
 };
-
 exports.Fade = Fade;
 Fade.displayName = "Fade";
 //# sourceMappingURL=Fade.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"names":["defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","children","style","timeout","rest","state","visibility","undefined","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAEmC;AACtDC,IAAAA,UAAU,gBAASD,QAAT,mBAD4C;AAEtDE,IAAAA,OAAO,EAAE;AAF6C,GAFnC;AAAA,CAArB;;AAOA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE;AAAX,GADa;AAEvBG,EAAAA,OAAO,EAAE;AAAEH,IAAAA,OAAO,EAAE;AAAX,GAFc;AAGvBI,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE;AAAX,GAHc;AAIvBK,EAAAA,MAAM,EAAE;AAAEL,IAAAA,OAAO,EAAE;AAAX;AAJe,CAAzB;;AAOO,IAAMM,IAAoB,GAAG,SAAvBA,IAAuB;AAAA,qBAClCC,EADkC;AAAA,MAC9BC,MAD8B,wBACrB,KADqB;AAAA,MAElCC,QAFkC,QAElCA,QAFkC;AAAA,MAGlCC,KAHkC,QAGlCA,KAHkC;AAAA,0BAIlCC,OAJkC;AAAA,MAIlCA,OAJkC,6BAIxB,GAJwB;AAAA,MAK/BC,IAL+B;;AAAA,sBAOlC,6BAAC,gCAAD;AAAY,IAAA,MAAM,MAAlB;AAAmB,IAAA,EAAE,EAAEJ,MAAvB;AAA+B,IAAA,OAAO,EAAEG;AAAxC,KAAqDC,IAArD,GACG,UAACC,KAAD,EAAyB;AACxB,wBAAO,yBAAaJ,QAAb,EAAuB;AAC5BC,MAAAA,KAAK;AACHI,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACL,MAAvB,GAAgC,QAAhC,GAA2CO;AADpD,SAEAlB,YAAY,CAACc,OAAD,CAFZ,GAGAV,gBAAgB,CAACY,KAAD,CAHhB,GAIAH,KAJA,GAKAD,QAAQ,CAACO,KAAT,CAAeN,KALf;AADuB,KAAvB,CAAP;AASD,GAXH,CAPkC;AAAA,CAA7B;;;AAsBPJ,IAAI,CAACW,WAAL,GAAmB,MAAnB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\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"],"file":"Fade.js"}
+{"version":3,"file":"Fade.js","names":["defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","children","style","timeout","rest","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\";\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;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpD,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAChBC,QAAgB;EAAA,OACsC;IACtDC,UAAU,gBAASD,QAAQ,mBAAgB;IAC3CE,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,GAAG,SAAvBA,IAAoB;EAAA,mBAC/BC,EAAE;IAAEC,MAAM,wBAAG,KAAK;IAClBC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,GAAG;IACVC,IAAI;EAAA,oBAEP,6BAAC,gCAAU;IAAC,MAAM;IAAC,EAAE,EAAEJ,MAAO;IAAC,OAAO,EAAEG;EAAQ,GAAKC,IAAI,GACtD,UAACC,KAAK,EAAmB;IACxB,oBAAO,IAAAC,mBAAY,EAACL,QAAQ,EAAE;MAC5BC,KAAK;QACHK,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACL,MAAM,GAAG,QAAQ,GAAGQ;MAAS,GAC7DnB,YAAY,CAACc,OAAO,CAAC,GACrBV,gBAAgB,CAACY,KAAK,CAAC,GACvBH,KAAK,GACLD,QAAQ,CAACQ,KAAK,CAACP,KAAK;IAE3B,CAAC,CAAC;EACJ,CAAC,CACU;AAAA,CACd;AAAC;AAEFJ,IAAI,CAACY,WAAW,GAAG,MAAM"}

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _Fade = require("./Fade");
-
 Object.keys(_Fade).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Fade[key]) return;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/Fade/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Fade\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/Fade/index.ts"],"sourcesContent":["export * from \"./Fade\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -1,26 +1,17 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FromElement = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var defaultStyle = {
   transitionProperty: "opacity, transform",
   transitionDuration: ".15s, .10s, .15s",
@@ -48,16 +39,15 @@ var transitionStyles = {
     transform: "scale(.85)"
   }
 };
-
 var FromElement = function FromElement(_ref) {
   var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 1000 : _ref$timeout;
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    onEnter = _ref.onEnter,
+    onExited = _ref.onExited,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 1000 : _ref$timeout;
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     appear: true,
     in: inProp,
@@ -72,7 +62,6 @@ var FromElement = function FromElement(_ref) {
     });
   });
 };
-
 exports.FromElement = FromElement;
 FromElement.displayName = "FromElement";
 //# sourceMappingURL=FromElement.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"names":["defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","in","inProp","onEnter","onExited","children","style","timeout","state","visibility","undefined","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;AAOA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,oBADD;AAEnBC,EAAAA,kBAAkB,EAAE,kBAFD;AAGnBC,EAAAA,wBAAwB,EAAE,iDAHP;AAInBC,EAAAA,eAAe,EAAE,OAJE;AAKnBC,EAAAA,SAAS,EAAE,YALQ;AAMnBC,EAAAA,OAAO,EAAE;AANU,CAArB;AASA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE,UAAzB;AAAqCI,IAAAA,eAAe,EAAE;AAAtD,GADa;AAEvBC,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB,GAFc;AAGvBM,EAAAA,OAAO,EAAE;AAAEL,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB,GAHc;AAIvBO,EAAAA,MAAM,EAAE;AAAEN,IAAAA,OAAO,EAAE,CAAX;AAAcD,IAAAA,SAAS,EAAE;AAAzB;AAJe,CAAzB;;AAOO,IAAMQ,WAAkC,GAAG,SAArCA,WAAqC,OAO5C;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,IACN;AACJ,sBACE,6BAAC,gCAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACI,KAAD,EAAyB;AACxB,wBAAO,yBAAaH,QAAb,EAAuB;AAC5BC,MAAAA,KAAK;AACHG,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACN,MAAvB,GAAgC,QAAhC,GAA2CQ;AADpD,SAEAvB,YAFA,GAGAO,gBAAgB,CAACc,KAAD,CAHhB,GAIAF,KAJA,GAKAD,QAAQ,CAACM,KAAT,CAAeL,KALf;AADuB,KAAvB,CAAP;AASD,GAjBH,CADF;AAqBD,CA7BM;;;AA+BPN,WAAW,CAACY,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n  children: ReactElement;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionDuration: \".15s, .10s, .15s\",\n  transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n  transformOrigin: \"50% 0\",\n  transform: \"scale(.85)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n  entered: { opacity: 1, transform: \"scale(1)\" },\n  exiting: { opacity: 0, transform: \"scale(.85)\" },\n  exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 1000,\n}) => {\n  return (\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};\n\nFromElement.displayName = \"FromElement\";\n"],"file":"FromElement.js"}
+{"version":3,"file":"FromElement.js","names":["defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","in","inProp","onEnter","onExited","children","style","timeout","state","cloneElement","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n  children: ReactElement;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionDuration: \".15s, .10s, .15s\",\n  transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n  transformOrigin: \"50% 0\",\n  transform: \"scale(.85)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n  entered: { opacity: 1, transform: \"scale(1)\" },\n  exiting: { opacity: 0, transform: \"scale(.85)\" },\n  exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 1000,\n}) => {\n  return (\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};\n\nFromElement.displayName = \"FromElement\";\n"],"mappings":";;;;;;;AAAA;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAOpD,IAAMA,YAAY,GAAG;EACnBC,kBAAkB,EAAE,oBAAoB;EACxCC,kBAAkB,EAAE,kBAAkB;EACtCC,wBAAwB,EAAE,iDAAiD;EAC3EC,eAAe,EAAE,OAAO;EACxBC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE;AACX,CAAC;AAED,IAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEF,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE,UAAU;IAAEI,eAAe,EAAE;EAAM,CAAC;EACvEC,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAW,CAAC;EAC9CM,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa,CAAC;EAChDO,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAC;IAAED,SAAS,EAAE;EAAa;AAChD,CAAC;AAEM,IAAMQ,WAAkC,GAAG,SAArCA,WAAkC,OAOzC;EAAA,mBANJC,EAAE;IAAEC,MAAM,wBAAG,KAAK;IAClBC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,IAAI;EAEd,oBACE,6BAAC,gCAAU;IACT,MAAM;IACN,EAAE,EAAEL,MAAO;IACX,OAAO,EAAEK,OAAQ;IACjB,OAAO,EAAEJ,OAAQ;IACjB,QAAQ,EAAEC;EAAS,GAElB,UAACI,KAAK,EAAmB;IACxB,oBAAO,IAAAC,mBAAY,EAACJ,QAAQ,EAAE;MAC5BC,KAAK;QACHI,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACN,MAAM,GAAG,QAAQ,GAAGS;MAAS,GAC7DxB,YAAY,GACZO,gBAAgB,CAACc,KAAK,CAAC,GACvBF,KAAK,GACLD,QAAQ,CAACO,KAAK,CAACN,KAAK;IAE3B,CAAC,CAAC;EACJ,CAAC,CACU;AAEjB,CAAC;AAAC;AAEFN,WAAW,CAACa,WAAW,GAAG,aAAa"}

package/dist/cjs/components/Transitions/FromElement/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _FromElement = require("./FromElement");
-
 Object.keys(_FromElement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _FromElement[key]) return;

package/dist/cjs/components/Transitions/FromElement/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/FromElement/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./FromElement\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/FromElement/index.ts"],"sourcesContent":["export * from \"./FromElement\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -1,35 +1,26 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ResizeTransition = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var ResizeTransition = function ResizeTransition(_ref) {
   var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      onEnter = _ref.onEnter,
-      onExited = _ref.onExited,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    onEnter = _ref.onEnter,
+    onExited = _ref.onExited,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 200 : _ref$timeout;
   var defaultStyle = (0, _react.useMemo)(function () {
     return {
       transitionProperty: "width, height",
@@ -51,7 +42,6 @@ var ResizeTransition = function ResizeTransition(_ref) {
     });
   });
 };
-
 exports.ResizeTransition = ResizeTransition;
 ResizeTransition.displayName = "ResizeTransition";
 //# sourceMappingURL=ResizeTransition.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"names":["ResizeTransition","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","state","visibility","undefined","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;AAOO,IAAMA,gBAAuC,GAAG,SAA1CA,gBAA0C,OAOjD;AAAA,qBANJC,EAMI;AAAA,MANAC,MAMA,wBANS,KAMT;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAG,oBAAQ,YAAM;AACjC,WAAO;AACLC,MAAAA,kBAAkB,EAAE,eADf;AAELC,MAAAA,kBAAkB,YAAKH,OAAL,OAFb;AAGLI,MAAAA,wBAAwB,EAAE;AAHrB,KAAP;AAKD,GANoB,EAMlB,CAACJ,OAAD,CANkB,CAArB;AAQA,sBACE,6BAAC,gCAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEL,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACQ,KAAD,EAAyB;AACxB,wBAAO,yBAAaP,QAAb,EAAuB;AAC5BC,MAAAA,KAAK;AACHO,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACV,MAAvB,GAAgC,QAAhC,GAA2CY;AADpD,SAEAN,YAFA,GAGAF,KAHA,GAIAD,QAAQ,CAACU,KAAT,CAAeT,KAJf;AADuB,KAAvB,CAAP;AAQD,GAhBH,CADF;AAoBD,CApCM;;;AAsCPN,gBAAgB,CAACgB,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n  children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"width, height\",\n      transitionDuration: `${timeout}ms`,\n      transitionTimingFunction: \"ease\",\n    };\n  }, [timeout]);\n\n  return (\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            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"file":"ResizeTransition.js"}
+{"version":3,"file":"ResizeTransition.js","names":["ResizeTransition","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","useMemo","transitionProperty","transitionDuration","transitionTimingFunction","state","cloneElement","visibility","undefined","props","displayName"],"sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n  children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"width, height\",\n      transitionDuration: `${timeout}ms`,\n      transitionTimingFunction: \"ease\",\n    };\n  }, [timeout]);\n\n  return (\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            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"mappings":";;;;;;;AAAA;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAO7C,IAAMA,gBAAuC,GAAG,SAA1CA,gBAAuC,OAO9C;EAAA,mBANJC,EAAE;IAAEC,MAAM,wBAAG,KAAK;IAClBC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,GAAG;EAEb,IAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,YAAM;IACjC,OAAO;MACLC,kBAAkB,EAAE,eAAe;MACnCC,kBAAkB,YAAKJ,OAAO,OAAI;MAClCK,wBAAwB,EAAE;IAC5B,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEb,oBACE,6BAAC,gCAAU;IACT,MAAM;IACN,EAAE,EAAEL,MAAO;IACX,OAAO,EAAEK,OAAQ;IACjB,OAAO,EAAEJ,OAAQ;IACjB,QAAQ,EAAEC;EAAS,GAElB,UAACS,KAAK,EAAmB;IACxB,oBAAO,IAAAC,mBAAY,EAACT,QAAQ,EAAE;MAC5BC,KAAK;QACHS,UAAU,EAAEF,KAAK,KAAK,QAAQ,IAAI,CAACX,MAAM,GAAG,QAAQ,GAAGc;MAAS,GAC7DR,YAAY,GACZF,KAAK,GACLD,QAAQ,CAACY,KAAK,CAACX,KAAK;IAE3B,CAAC,CAAC;EACJ,CAAC,CACU;AAEjB,CAAC;AAAC;AAEFN,gBAAgB,CAACkB,WAAW,GAAG,kBAAkB"}

package/dist/cjs/components/Transitions/ResizeTransition/index.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _ResizeTransition = require("./ResizeTransition");
-
 Object.keys(_ResizeTransition).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ResizeTransition[key]) return;

package/dist/cjs/components/Transitions/ResizeTransition/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/ResizeTransition/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./ResizeTransition\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Transitions/ResizeTransition/index.ts"],"sourcesContent":["export * from \"./ResizeTransition\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -1,34 +1,21 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Reveal = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _excluded = ["in", "children", "style", "timeout"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var defaultStyle = function defaultStyle(duration) {
   return {
     transition: "all ".concat(duration, "ms ease-in"),
@@ -37,7 +24,6 @@ var defaultStyle = function defaultStyle(duration) {
     transformOrigin: "left"
   };
 };
-
 var transitionStyles = {
   entering: {
     transform: "scaleX(1)",
@@ -56,16 +42,14 @@ var transitionStyles = {
     opacity: 0
   }
 };
-
 var Reveal = function Reveal(_ref) {
   var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
-      children = _ref.children,
-      style = _ref.style,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    inProp = _ref$in === void 0 ? false : _ref$in,
+    children = _ref.children,
+    style = _ref.style,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, _extends({
     appear: true,
     in: inProp,
@@ -76,7 +60,6 @@ var Reveal = function Reveal(_ref) {
     });
   });
 };
-
 exports.Reveal = Reveal;
 Reveal.displayName = "Reveal";
 //# sourceMappingURL=Reveal.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"names":["defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","children","style","timeout","rest","state","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CACnBC,QADmB;AAAA,SAOd;AACLC,IAAAA,UAAU,gBAASD,QAAT,eADL;AAELE,IAAAA,SAAS,aAFJ;AAGLC,IAAAA,OAAO,EAAE,CAHJ;AAILC,IAAAA,eAAe,EAAE;AAJZ,GAPc;AAAA,CAArB;;AAcA,IAAMC,gBAAgB,GAAG;AACvBC,EAAAA,QAAQ,EAAE;AAAEJ,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GADa;AAEvBI,EAAAA,OAAO,EAAE;AAAEL,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAFc;AAGvBK,EAAAA,OAAO,EAAE;AAAEN,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC,GAHc;AAIvBM,EAAAA,MAAM,EAAE;AAAEP,IAAAA,SAAS,aAAX;AAA0BC,IAAAA,OAAO,EAAE;AAAnC;AAJe,CAAzB;;AAOO,IAAMO,MAAwB,GAAG,SAA3BA,MAA2B,OAMlC;AAAA,qBALJC,EAKI;AAAA,MALAC,MAKA,wBALS,KAKT;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,GAEN;AAAA,MADDC,IACC;;AACJ,sBACE,6BAAC,gCAAD;AAAY,IAAA,MAAM,MAAlB;AAAmB,IAAA,EAAE,EAAEJ,MAAvB;AAA+B,IAAA,OAAO,EAAEG;AAAxC,KAAqDC,IAArD,GACG,UAACC,KAAD,EAAyB;AACxB,wBAAO,yBAAaJ,QAAb,EAAuB;AAC5BC,MAAAA,KAAK,8DACAf,YAAY,CAACa,MAAM,GAAGG,OAAH,GAAa,CAApB,CADZ,GAEAV,gBAAgB,CAACY,KAAD,CAFhB,GAGAH,KAHA,GAIAD,QAAQ,CAACK,KAAT,CAAeJ,KAJf;AADuB,KAAvB,CAAP;AAQD,GAVH,CADF;AAcD,CArBM;;;AAuBPJ,MAAM,CAACS,WAAP,GAAqB,QAArB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{\n  transition: string;\n  transform: string;\n  transformOrigin: string;\n  opacity: number;\n}> => ({\n  transition: `all ${duration}ms ease-in`,\n  transform: `scaleX(0)`,\n  opacity: 0,\n  transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n  entering: { transform: `scaleX(1)`, opacity: 1 },\n  entered: { transform: `scaleX(1)`, opacity: 1 },\n  exiting: { transform: `scaleX(0)`, opacity: 0 },\n  exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 200,\n  ...rest\n}) => {\n  return (\n    <Transition appear in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle(inProp ? timeout : 0),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nReveal.displayName = \"Reveal\";\n"],"file":"Reveal.js"}
+{"version":3,"file":"Reveal.js","names":["defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","children","style","timeout","rest","state","cloneElement","props","displayName"],"sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{\n  transition: string;\n  transform: string;\n  transformOrigin: string;\n  opacity: number;\n}> => ({\n  transition: `all ${duration}ms ease-in`,\n  transform: `scaleX(0)`,\n  opacity: 0,\n  transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n  entering: { transform: `scaleX(1)`, opacity: 1 },\n  entered: { transform: `scaleX(1)`, opacity: 1 },\n  exiting: { transform: `scaleX(0)`, opacity: 0 },\n  exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n  in: inProp = false,\n  children,\n  style,\n  timeout = 200,\n  ...rest\n}) => {\n  return (\n    <Transition appear in={inProp} timeout={timeout} {...rest}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle(inProp ? timeout : 0),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nReveal.displayName = \"Reveal\";\n"],"mappings":";;;;;;;AAAA;AACA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASpD,IAAMA,YAAY,GAAG,SAAfA,YAAY,CAChBC,QAAgB;EAAA,OAMX;IACLC,UAAU,gBAASD,QAAQ,eAAY;IACvCE,SAAS,aAAa;IACtBC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE;EACnB,CAAC;AAAA,CAAC;AAEF,IAAMC,gBAAgB,GAAG;EACvBC,QAAQ,EAAE;IAAEJ,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAChDI,OAAO,EAAE;IAAEL,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CK,OAAO,EAAE;IAAEN,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC/CM,MAAM,EAAE;IAAEP,SAAS,aAAa;IAAEC,OAAO,EAAE;EAAE;AAC/C,CAAC;AAEM,IAAMO,MAAwB,GAAG,SAA3BA,MAAwB,OAM/B;EAAA,mBALJC,EAAE;IAAEC,MAAM,wBAAG,KAAK;IAClBC,QAAQ,QAARA,QAAQ;IACRC,KAAK,QAALA,KAAK;IAAA,oBACLC,OAAO;IAAPA,OAAO,6BAAG,GAAG;IACVC,IAAI;EAEP,oBACE,6BAAC,gCAAU;IAAC,MAAM;IAAC,EAAE,EAAEJ,MAAO;IAAC,OAAO,EAAEG;EAAQ,GAAKC,IAAI,GACtD,UAACC,KAAK,EAAmB;IACxB,oBAAO,IAAAC,mBAAY,EAACL,QAAQ,EAAE;MAC5BC,KAAK,8DACAf,YAAY,CAACa,MAAM,GAAGG,OAAO,GAAG,CAAC,CAAC,GAClCV,gBAAgB,CAACY,KAAK,CAAC,GACvBH,KAAK,GACLD,QAAQ,CAACM,KAAK,CAACL,KAAK;IAE3B,CAAC,CAAC;EACJ,CAAC,CACU;AAEjB,CAAC;AAAC;AAEFJ,MAAM,CAACU,WAAW,GAAG,QAAQ"}