@activecollab/components 1.0.13 → 1.0.14

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

@@ -1,36 +1,66 @@
 "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.SlideLeftRightTransition = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _Styles = require("./Styles");
+var _reactTransitionGroup = require("react-transition-group");
 
-var _excluded = ["children", "direction"];
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _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 _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 _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; }
+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 SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
-  var children = _ref.children,
+  var _ref$in = _ref.in,
+      inProp = _ref$in === void 0 ? false : _ref$in,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? "left" : _ref$direction,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSlideLeftRightTransition, _extends({
-    timeout: 200,
-    classNames: "c-slide",
-    unmountOnExit: true,
-    $direction: direction
-  }, props), children);
+      onEnter = _ref.onEnter,
+      onExited = _ref.onExited,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
+      children = _ref.children,
+      style = _ref.style;
+  var transitionStyles = {
+    entering: {
+      position: "absolute",
+      transform: direction === "left" ? "translateX(100%)" : "translateX(-100%)"
+    },
+    entered: {
+      transform: "translateX(0%)",
+      transition: "all ".concat(timeout, "ms ease")
+    },
+    exiting: {
+      position: "absolute"
+    },
+    exited: {
+      transform: direction === "left" ? "translateX(-100%)" : "translateX(100%)",
+      transition: "all ".concat(timeout, "ms ease")
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+    in: inProp,
+    timeout: 0,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+      style: _objectSpread(_objectSpread(_objectSpread({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, transitionStyles[state]), style), children.props.style)
+    });
+  });
 };
 
 exports.SlideLeftRightTransition = SlideLeftRightTransition;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["SlideLeftRightTransition","children","direction","props","displayName"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;;;;;AAOO,IAAMA,wBAAuD,GAAG,SAA1DA,wBAA0D,OAIjE;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,MAER;AAAA,MADDC,KACC;;AACJ,sBACE,6BAAC,sCAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAC,SAFb;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAED;AAJd,KAKMC,KALN,GAOGF,QAPH,CADF;AAWD,CAhBM;;;AAkBPD,wBAAwB,CAACI,WAAzB,GAAuC,0BAAvC","sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  direction?: \"left\" | \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  children,\n  direction = \"left\",\n  ...props\n}) => {\n  return (\n    <StyledSlideLeftRightTransition\n      timeout={200}\n      classNames=\"c-slide\"\n      unmountOnExit\n      $direction={direction}\n      {...props}\n    >\n      {children}\n    </StyledSlideLeftRightTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"file":"SlideLeftRightTransition.js"}
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["SlideLeftRightTransition","in","inProp","direction","onEnter","onExited","timeout","children","style","transitionStyles","entering","position","transform","entered","transition","exiting","exited","state","visibility","undefined","props","displayName"],"mappings":";;;;;;;;;AAAA;;AAEA;;;;;;;;;;;;AAQO,IAAMA,wBAAuD,GAAG,SAA1DA,wBAA0D,OAQjE;AAAA,qBAPJC,EAOI;AAAA,MAPAC,MAOA,wBAPS,KAOT;AAAA,4BANJC,SAMI;AAAA,MANJA,SAMI,+BANQ,MAMR;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,0BAHJC,OAGI;AAAA,MAHJA,OAGI,6BAHM,GAGN;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE,UADF;AAERC,MAAAA,SAAS,EACPT,SAAS,KAAK,MAAd,GAAuB,kBAAvB,GAA4C;AAHtC,KADa;AAMvBU,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS,EAAE,gBADJ;AAEPE,MAAAA,UAAU,gBAASR,OAAT;AAFH,KANc;AAUvBS,IAAAA,OAAO,EAAE;AAAEJ,MAAAA,QAAQ,EAAE;AAAZ,KAVc;AAWvBK,IAAAA,MAAM,EAAE;AACNJ,MAAAA,SAAS,EACPT,SAAS,KAAK,MAAd,GAAuB,mBAAvB,GAA6C,kBAFzC;AAGNW,MAAAA,UAAU,gBAASR,OAAT;AAHJ;AAXe,GAAzB;AAkBA,sBACE,6BAAC,gCAAD;AAAY,IAAA,EAAE,EAAEJ,MAAhB;AAAwB,IAAA,OAAO,EAAE,CAAjC;AAAoC,IAAA,OAAO,EAAEE,OAA7C;AAAsD,IAAA,QAAQ,EAAEC;AAAhE,KACG,UAACY,KAAD,EAAyB;AACxB,wBAAO,yBAAaV,QAAb,EAAuB;AAC5BC,MAAAA,KAAK;AACHU,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACf,MAAvB,GAAgC,QAAhC,GAA2CiB;AADpD,SAEAV,gBAAgB,CAACQ,KAAD,CAFhB,GAGAT,KAHA,GAIAD,QAAQ,CAACa,KAAT,CAAeZ,KAJf;AADuB,KAAvB,CAAP;AAQD,GAVH,CADF;AAcD,CAzCM;;;AA2CPR,wBAAwB,CAACqB,WAAzB,GAAuC,0BAAvC","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { Transition } from \"react-transition-group\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  timeout?: number;\n  direction?: \"left\" | \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  in: inProp = false,\n  direction = \"left\",\n  onEnter,\n  onExited,\n  timeout = 200,\n  children,\n  style,\n}) => {\n  const transitionStyles = {\n    entering: {\n      position: \"absolute\",\n      transform:\n        direction === \"left\" ? \"translateX(100%)\" : \"translateX(-100%)\",\n    },\n    entered: {\n      transform: \"translateX(0%)\",\n      transition: `all ${timeout}ms ease`,\n    },\n    exiting: { position: \"absolute\" },\n    exited: {\n      transform:\n        direction === \"left\" ? \"translateX(-100%)\" : \"translateX(100%)\",\n      transition: `all ${timeout}ms ease`,\n    },\n  };\n\n  return (\n    <Transition in={inProp} timeout={0} onEnter={onEnter} onExited={onExited}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"file":"SlideLeftRightTransition.js"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.d.ts

@@ -2,6 +2,7 @@ import { FC, ReactElement } from "react";
 import { TransitionProps } from "../types";
 interface ISlideLeftRightTransition extends TransitionProps {
     children: ReactElement;
+    timeout?: number;
     direction?: "left" | "right";
 }
 export declare const SlideLeftRightTransition: FC<ISlideLeftRightTransition>;

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideLeftRightTransition.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,UAAU,yBAA0B,SAAQ,eAAe;IACzD,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,yBAAyB,CAgBlE,CAAC"}
+{"version":3,"file":"SlideLeftRightTransition.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAgB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,UAAU,yBAA0B,SAAQ,eAAe;IACzD,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,yBAAyB,CAyClE,CAAC"}

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js

@@ -1,20 +1,46 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "direction"];
-import React from "react";
-import { StyledSlideLeftRightTransition } from "./Styles";
+import React, { cloneElement } from "react";
+import { Transition } from "react-transition-group";
 export var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
-  var children = _ref.children,
+  var _ref$in = _ref.in,
+      inProp = _ref$in === void 0 ? false : _ref$in,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? "left" : _ref$direction,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(StyledSlideLeftRightTransition, _extends({
-    timeout: 200,
-    classNames: "c-slide",
-    unmountOnExit: true,
-    $direction: direction
-  }, props), children);
+      onEnter = _ref.onEnter,
+      onExited = _ref.onExited,
+      _ref$timeout = _ref.timeout,
+      timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
+      children = _ref.children,
+      style = _ref.style;
+  var transitionStyles = {
+    entering: {
+      position: "absolute",
+      transform: direction === "left" ? "translateX(100%)" : "translateX(-100%)"
+    },
+    entered: {
+      transform: "translateX(0%)",
+      transition: "all " + timeout + "ms ease"
+    },
+    exiting: {
+      position: "absolute"
+    },
+    exited: {
+      transform: direction === "left" ? "translateX(-100%)" : "translateX(100%)",
+      transition: "all " + timeout + "ms ease"
+    }
+  };
+  return /*#__PURE__*/React.createElement(Transition, {
+    in: inProp,
+    timeout: 0,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/cloneElement(children, {
+      style: _extends({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, transitionStyles[state], style, children.props.style)
+    });
+  });
 };
 SlideLeftRightTransition.displayName = "SlideLeftRightTransition";
 //# sourceMappingURL=SlideLeftRightTransition.js.map

package/dist/esm/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["React","StyledSlideLeftRightTransition","SlideLeftRightTransition","children","direction","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAwC,OAAxC;AAEA,SAASC,8BAAT,QAA+C,UAA/C;AAOA,OAAO,IAAMC,wBAAuD,GAAG,SAA1DA,wBAA0D,OAIjE;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,4BAFJC,SAEI;AAAA,MAFJA,SAEI,+BAFQ,MAER;AAAA,MADDC,KACC;;AACJ,sBACE,oBAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAC,SAFb;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAED;AAJd,KAKMC,KALN,GAOGF,QAPH,CADF;AAWD,CAhBM;AAkBPD,wBAAwB,CAACI,WAAzB,GAAuC,0BAAvC","sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  direction?: \"left\" | \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  children,\n  direction = \"left\",\n  ...props\n}) => {\n  return (\n    <StyledSlideLeftRightTransition\n      timeout={200}\n      classNames=\"c-slide\"\n      unmountOnExit\n      $direction={direction}\n      {...props}\n    >\n      {children}\n    </StyledSlideLeftRightTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"file":"SlideLeftRightTransition.js"}
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["React","cloneElement","Transition","SlideLeftRightTransition","in","inProp","direction","onEnter","onExited","timeout","children","style","transitionStyles","entering","position","transform","entered","transition","exiting","exited","state","visibility","undefined","props","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAAkCC,YAAlC,QAAsD,OAAtD;AAEA,SAASC,UAAT,QAA2B,wBAA3B;AAQA,OAAO,IAAMC,wBAAuD,GAAG,SAA1DA,wBAA0D,OAQjE;AAAA,qBAPJC,EAOI;AAAA,MAPAC,MAOA,wBAPS,KAOT;AAAA,4BANJC,SAMI;AAAA,MANJA,SAMI,+BANQ,MAMR;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,0BAHJC,OAGI;AAAA,MAHJA,OAGI,6BAHM,GAGN;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,QAAQ,EAAE,UADF;AAERC,MAAAA,SAAS,EACPT,SAAS,KAAK,MAAd,GAAuB,kBAAvB,GAA4C;AAHtC,KADa;AAMvBU,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS,EAAE,gBADJ;AAEPE,MAAAA,UAAU,WAASR,OAAT;AAFH,KANc;AAUvBS,IAAAA,OAAO,EAAE;AAAEJ,MAAAA,QAAQ,EAAE;AAAZ,KAVc;AAWvBK,IAAAA,MAAM,EAAE;AACNJ,MAAAA,SAAS,EACPT,SAAS,KAAK,MAAd,GAAuB,mBAAvB,GAA6C,kBAFzC;AAGNW,MAAAA,UAAU,WAASR,OAAT;AAHJ;AAXe,GAAzB;AAkBA,sBACE,oBAAC,UAAD;AAAY,IAAA,EAAE,EAAEJ,MAAhB;AAAwB,IAAA,OAAO,EAAE,CAAjC;AAAoC,IAAA,OAAO,EAAEE,OAA7C;AAAsD,IAAA,QAAQ,EAAEC;AAAhE,KACG,UAACY,KAAD,EAAyB;AACxB,wBAAOnB,YAAY,CAACS,QAAD,EAAW;AAC5BC,MAAAA,KAAK;AACHU,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAACf,MAAvB,GAAgC,QAAhC,GAA2CiB;AADpD,SAEAV,gBAAgB,CAACQ,KAAD,CAFhB,EAGAT,KAHA,EAIAD,QAAQ,CAACa,KAAT,CAAeZ,KAJf;AADuB,KAAX,CAAnB;AAQD,GAVH,CADF;AAcD,CAzCM;AA2CPR,wBAAwB,CAACqB,WAAzB,GAAuC,0BAAvC","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { Transition } from \"react-transition-group\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  timeout?: number;\n  direction?: \"left\" | \"right\";\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  in: inProp = false,\n  direction = \"left\",\n  onEnter,\n  onExited,\n  timeout = 200,\n  children,\n  style,\n}) => {\n  const transitionStyles = {\n    entering: {\n      position: \"absolute\",\n      transform:\n        direction === \"left\" ? \"translateX(100%)\" : \"translateX(-100%)\",\n    },\n    entered: {\n      transform: \"translateX(0%)\",\n      transition: `all ${timeout}ms ease`,\n    },\n    exiting: { position: \"absolute\" },\n    exited: {\n      transform:\n        direction === \"left\" ? \"translateX(-100%)\" : \"translateX(100%)\",\n      transition: `all ${timeout}ms ease`,\n    },\n  };\n\n  return (\n    <Transition in={inProp} timeout={0} onEnter={onEnter} onExited={onExited}>\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"file":"SlideLeftRightTransition.js"}