@activecollab/components 1.0.15 → 1.0.16

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

@@ -1,66 +1,39 @@
 "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 = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
+
+var _Styles = require("./Styles");
 
-var _reactTransitionGroup = require("react-transition-group");
+var _classnames = _interopRequireDefault(require("classnames"));
 
-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); }
+var _excluded = ["children", "direction", "className"];
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-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 _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 _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 _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 _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 _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 SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
-  var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
+  var children = _ref.children,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? "left" : _ref$direction,
-      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)
-    });
-  });
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSlideLeftRightTransition, _extends({
+    timeout: 200,
+    classNames: (0, _classnames.default)(className, "c-slide"),
+    unmountOnExit: true,
+    $direction: direction
+  }, props), children);
 };
 
 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","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"}
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["SlideLeftRightTransition","children","direction","className","props","displayName"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;;;;;AAQO,IAAMA,wBAAuD,GAAG,SAA1DA,wBAA0D,OAKjE;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,4BAHJC,SAGI;AAAA,MAHJA,SAGI,+BAHQ,MAGR;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,sBACE,6BAAC,sCAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAE,yBAAWD,SAAX,EAAsB,SAAtB,CAFd;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAED;AAJd,KAKME,KALN,GAOGH,QAPH,CADF;AAWD,CAjBM;;;AAmBPD,wBAAwB,CAACK,WAAzB,GAAuC,0BAAvC","sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\nimport classnames from \"classnames\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  direction?: \"left\" | \"right\";\n  className?: string;\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  children,\n  direction = \"left\",\n  className,\n  ...props\n}) => {\n  return (\n    <StyledSlideLeftRightTransition\n      timeout={200}\n      classNames={classnames(className, \"c-slide\")}\n      unmountOnExit\n      $direction={direction}\n      {...props}\n    >\n      {children}\n    </StyledSlideLeftRightTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"file":"SlideLeftRightTransition.js"}

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

@@ -0,0 +1,28 @@
+"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.StyledSlideLeftRightTransition = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+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; }
+
+var StyledSlideLeftRightTransition = (0, _styledComponents.default)(_reactTransitionGroup.CSSTransition).withConfig({
+  displayName: "Styles__StyledSlideLeftRightTransition",
+  componentId: "sc-ewkpq8-0"
+})(["", " ", ""], function (props) {
+  return props.$direction === "left" && (0, _styledComponents.css)(["&.c-slide-enter{position:absolute;transform:translateX(100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(-100%);transition:all 200ms ease;}"]);
+}, function (props) {
+  return props.$direction === "right" && (0, _styledComponents.css)(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
+});
+exports.StyledSlideLeftRightTransition = StyledSlideLeftRightTransition;
+StyledSlideLeftRightTransition.displayName = "StyledSlideLeftRightTransition";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"names":["StyledSlideLeftRightTransition","CSSTransition","props","$direction","css","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;AAEO,IAAMA,8BAA8B,GAAG,+BAAOC,mCAAP,CAAH;AAAA;AAAA;AAAA,kBAGvC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,QACAC,qBADA,+PADA;AAAA,CAHuC,EAuBvC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,OAArB,QACAC,qBADA,+PADA;AAAA,CAvBuC,CAApC;;AA8CPJ,8BAA8B,CAACK,WAA/B,GAA6C,gCAA7C","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledSlideLeftRightTransition = styled(CSSTransition)<{\n  $direction: \"left\" | \"right\";\n}>`\n  ${(props) =>\n    props.$direction === \"left\" &&\n    css`\n      &.c-slide-enter {\n        position: absolute;\n        transform: translateX(100%);\n      }\n      &.c-slide-enter-active {\n        transform: translateX(0%);\n        transition: all 200ms ease;\n      }\n      &.c-slide-exit {\n        position: absolute;\n      }\n      &.c-slide-exit-active {\n        transform: translateX(-100%);\n        transition: all 200ms ease;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"right\" &&\n    css`\n      &.c-slide-enter {\n        position: absolute;\n        transform: translateX(-100%);\n      }\n      &.c-slide-enter-active {\n        transform: translateX(0%);\n        transition: all 200ms ease;\n      }\n\n      &.c-slide-exit {\n        position: absolute;\n      }\n\n      &.c-slide-exit-active {\n        transform: translateX(100%);\n        transition: all 200ms ease;\n      }\n    `}\n`;\n\nStyledSlideLeftRightTransition.displayName = \"StyledSlideLeftRightTransition\";\n"],"file":"Styles.js"}

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

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

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,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"}
+{"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;AAI3C,UAAU,yBAA0B,SAAQ,eAAe;IACzD,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,yBAAyB,CAiBlE,CAAC"}

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

@@ -1,46 +1,22 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { cloneElement } from "react";
-import { Transition } from "react-transition-group";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children", "direction", "className"];
+import React from "react";
+import { StyledSlideLeftRightTransition } from "./Styles";
+import classnames from "classnames";
 export var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
-  var _ref$in = _ref.in,
-      inProp = _ref$in === void 0 ? false : _ref$in,
+  var children = _ref.children,
       _ref$direction = _ref.direction,
       direction = _ref$direction === void 0 ? "left" : _ref$direction,
-      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)
-    });
-  });
+      className = _ref.className,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledSlideLeftRightTransition, _extends({
+    timeout: 200,
+    classNames: classnames(className, "c-slide"),
+    unmountOnExit: true,
+    $direction: direction
+  }, props), children);
 };
 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","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"}
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/SlideLeftRightTransition.tsx"],"names":["React","StyledSlideLeftRightTransition","classnames","SlideLeftRightTransition","children","direction","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAwC,OAAxC;AAEA,SAASC,8BAAT,QAA+C,UAA/C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAQA,OAAO,IAAMC,wBAAuD,GAAG,SAA1DA,wBAA0D,OAKjE;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,4BAHJC,SAGI;AAAA,MAHJA,SAGI,+BAHQ,MAGR;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,sBACE,oBAAC,8BAAD;AACE,IAAA,OAAO,EAAE,GADX;AAEE,IAAA,UAAU,EAAEL,UAAU,CAACI,SAAD,EAAY,SAAZ,CAFxB;AAGE,IAAA,aAAa,MAHf;AAIE,IAAA,UAAU,EAAED;AAJd,KAKME,KALN,GAOGH,QAPH,CADF;AAWD,CAjBM;AAmBPD,wBAAwB,CAACK,WAAzB,GAAuC,0BAAvC","sourcesContent":["import React, { FC, ReactElement } from \"react\";\nimport { TransitionProps } from \"../types\";\nimport { StyledSlideLeftRightTransition } from \"./Styles\";\nimport classnames from \"classnames\";\n\ninterface ISlideLeftRightTransition extends TransitionProps {\n  children: ReactElement;\n  direction?: \"left\" | \"right\";\n  className?: string;\n}\n\nexport const SlideLeftRightTransition: FC<ISlideLeftRightTransition> = ({\n  children,\n  direction = \"left\",\n  className,\n  ...props\n}) => {\n  return (\n    <StyledSlideLeftRightTransition\n      timeout={200}\n      classNames={classnames(className, \"c-slide\")}\n      unmountOnExit\n      $direction={direction}\n      {...props}\n    >\n      {children}\n    </StyledSlideLeftRightTransition>\n  );\n};\n\nSlideLeftRightTransition.displayName = \"SlideLeftRightTransition\";\n"],"file":"SlideLeftRightTransition.js"}

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

@@ -0,0 +1,5 @@
+import { CSSTransition } from "react-transition-group";
+export declare const StyledSlideLeftRightTransition: import("styled-components").StyledComponent<typeof CSSTransition, any, {
+    $direction: "left" | "right";
+}, never>;
+//# sourceMappingURL=Styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,eAAO,MAAM,8BAA8B;gBAC7B,MAAM,GAAG,OAAO;SA2C7B,CAAC"}

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

@@ -0,0 +1,12 @@
+import styled, { css } from "styled-components";
+import { CSSTransition } from "react-transition-group";
+export var StyledSlideLeftRightTransition = styled(CSSTransition).withConfig({
+  displayName: "Styles__StyledSlideLeftRightTransition",
+  componentId: "sc-ewkpq8-0"
+})(["", " ", ""], function (props) {
+  return props.$direction === "left" && css(["&.c-slide-enter{position:absolute;transform:translateX(100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(-100%);transition:all 200ms ease;}"]);
+}, function (props) {
+  return props.$direction === "right" && css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
+});
+StyledSlideLeftRightTransition.displayName = "StyledSlideLeftRightTransition";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/SlideLeftRightTransition/Styles.ts"],"names":["styled","css","CSSTransition","StyledSlideLeftRightTransition","props","$direction","displayName"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,aAAT,QAA8B,wBAA9B;AAEA,OAAO,IAAMC,8BAA8B,GAAGH,MAAM,CAACE,aAAD,CAAT;AAAA;AAAA;AAAA,kBAGvC,UAACE,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,MAArB,IACAJ,GADA,8PADA;AAAA,CAHuC,EAuBvC,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,UAAN,KAAqB,OAArB,IACAJ,GADA,8PADA;AAAA,CAvBuC,CAApC;AA8CPE,8BAA8B,CAACG,WAA/B,GAA6C,gCAA7C","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { CSSTransition } from \"react-transition-group\";\n\nexport const StyledSlideLeftRightTransition = styled(CSSTransition)<{\n  $direction: \"left\" | \"right\";\n}>`\n  ${(props) =>\n    props.$direction === \"left\" &&\n    css`\n      &.c-slide-enter {\n        position: absolute;\n        transform: translateX(100%);\n      }\n      &.c-slide-enter-active {\n        transform: translateX(0%);\n        transition: all 200ms ease;\n      }\n      &.c-slide-exit {\n        position: absolute;\n      }\n      &.c-slide-exit-active {\n        transform: translateX(-100%);\n        transition: all 200ms ease;\n      }\n    `}\n\n  ${(props) =>\n    props.$direction === \"right\" &&\n    css`\n      &.c-slide-enter {\n        position: absolute;\n        transform: translateX(-100%);\n      }\n      &.c-slide-enter-active {\n        transform: translateX(0%);\n        transition: all 200ms ease;\n      }\n\n      &.c-slide-exit {\n        position: absolute;\n      }\n\n      &.c-slide-exit-active {\n        transform: translateX(100%);\n        transition: all 200ms ease;\n      }\n    `}\n`;\n\nStyledSlideLeftRightTransition.displayName = \"StyledSlideLeftRightTransition\";\n"],"file":"Styles.js"}