@activecollab/components 1.0.6 → 1.0.10

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

@@ -0,0 +1,72 @@
+"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");
+
+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 = function defaultStyle(duration) {
+  return {
+    transition: "all ".concat(duration, "ms ease-in-out"),
+    opacity: 0
+  };
+};
+
+var transitionStyles = {
+  entering: {
+    opacity: 1
+  },
+  entered: {
+    opacity: 1
+  },
+  exiting: {
+    opacity: 0
+  },
+  exited: {
+    opacity: 0
+  }
+};
+
+var Fade = function Fade(_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 ? 500 : _ref$timeout;
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle(timeout)), transitionStyles[state]), style), children.props.style)
+    });
+  });
+};
+
+exports.Fade = Fade;
+Fade.displayName = "Fade";
+//# sourceMappingURL=Fade.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"names":["defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","onEnter","onExited","children","style","timeout","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,OAFkC,QAElCA,OAFkC;AAAA,MAGlCC,QAHkC,QAGlCA,QAHkC;AAAA,MAIlCC,QAJkC,QAIlCA,QAJkC;AAAA,MAKlCC,KALkC,QAKlCA,KALkC;AAAA,0BAMlCC,OANkC;AAAA,MAMlCA,OANkC,6BAMxB,GANwB;AAAA,sBAQlC,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,SAEAnB,YAAY,CAACgB,OAAD,CAFZ,GAGAZ,gBAAgB,CAACa,KAAD,CAHhB,GAIAF,KAJA,GAKAD,QAAQ,CAACM,KAAT,CAAeL,KALf;AADuB,KAAvB,CAAP;AASD,GAjBH,CARkC;AAAA,CAA7B;;;AA6BPN,IAAI,CAACY,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  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 500,\n}) => (\n  <Transition\n    appear\n    in={inProp}\n    timeout={timeout}\n    onEnter={onEnter}\n    onExited={onExited}\n  >\n    {(state): ReactElement => {\n      return cloneElement(children, {\n        style: {\n          visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n          ...defaultStyle(timeout),\n          ...transitionStyles[state],\n          ...style,\n          ...children.props.style,\n        },\n      });\n    }}\n  </Transition>\n);\n\nFade.displayName = \"Fade\";\n"],"file":"Fade.js"}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+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;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Fade[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,78 @@
+"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",
+  transitionTimingFunction: "ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)",
+  transformOrigin: "50% 0",
+  transform: "scale(.85)",
+  opacity: 0
+};
+var transitionStyles = {
+  entering: {
+    opacity: 1,
+    transform: "scale(1)",
+    transitionDelay: ".6s"
+  },
+  entered: {
+    opacity: 1,
+    transform: "scale(1)"
+  },
+  exiting: {
+    opacity: 0,
+    transform: "scale(.85)"
+  },
+  exited: {
+    opacity: 0,
+    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;
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle), transitionStyles[state]), style), children.props.style)
+    });
+  });
+};
+
+exports.FromElement = FromElement;
+FromElement.displayName = "FromElement";
+//# sourceMappingURL=FromElement.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+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;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FromElement[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,57 @@
+"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;
+  var defaultStyle = (0, _react.useMemo)(function () {
+    return {
+      transitionProperty: "width, height",
+      transitionDuration: "".concat(timeout, "ms"),
+      transitionTimingFunction: "ease"
+    };
+  }, [timeout]);
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+      style: _objectSpread(_objectSpread(_objectSpread({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle), style), children.props.style)
+    });
+  });
+};
+
+exports.ResizeTransition = ResizeTransition;
+ResizeTransition.displayName = "ResizeTransition";
+//# sourceMappingURL=ResizeTransition.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+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;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ResizeTransition[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,76 @@
+"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");
+
+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 = function defaultStyle(duration) {
+  return {
+    transition: "all ".concat(duration, "ms ease-in"),
+    transform: "scaleX(0)",
+    opacity: 0,
+    transformOrigin: "left"
+  };
+};
+
+var transitionStyles = {
+  entering: {
+    transform: "scaleX(1)",
+    opacity: 1
+  },
+  entered: {
+    transform: "scaleX(1)",
+    opacity: 1
+  },
+  exiting: {
+    transform: "scaleX(0)",
+    opacity: 0
+  },
+  exited: {
+    transform: "scaleX(0)",
+    opacity: 0
+  }
+};
+
+var Reveal = function Reveal(_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;
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle(inProp ? timeout : 0)), transitionStyles[state]), style), children.props.style)
+    });
+  });
+};
+
+exports.Reveal = Reveal;
+Reveal.displayName = "Reveal";
+//# sourceMappingURL=Reveal.js.map

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

@@ -0,0 +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","onEnter","onExited","children","style","timeout","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,OAOlC;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,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,8DACAjB,YAAY,CAACa,MAAM,GAAGK,OAAH,GAAa,CAApB,CADZ,GAEAZ,gBAAgB,CAACa,KAAD,CAFhB,GAGAF,KAHA,GAIAD,QAAQ,CAACI,KAAT,CAAeH,KAJf;AADuB,KAAvB,CAAP;AAQD,GAhBH,CADF;AAoBD,CA5BM;;;AA8BPN,MAAM,CAACU,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  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\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            ...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"}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Reveal = require("./Reveal");
+
+Object.keys(_Reveal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Reveal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Reveal[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,63 @@
+"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.Scale = 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 transitionStyles = {
+  entered: {
+    transform: "scale(1)"
+  },
+  exiting: {
+    transform: "scale(0)"
+  }
+};
+
+var Scale = function Scale(_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;
+  var defaultStyle = (0, _react.useMemo)(function () {
+    return {
+      transitionProperty: "transform",
+      transitionDuration: "".concat(timeout, "ms"),
+      transform: "scale(0)"
+    };
+  }, [timeout]);
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state]), style), children.props.style)
+    });
+  });
+};
+
+exports.Scale = Scale;
+Scale.displayName = "Scale";
+//# sourceMappingURL=Scale.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"names":["transitionStyles","entered","transform","exiting","Scale","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","transitionProperty","transitionDuration","state","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;AAOA,IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb,GADc;AAEvBC,EAAAA,OAAO,EAAE;AAAED,IAAAA,SAAS,EAAE;AAAb;AAFc,CAAzB;;AAKO,IAAME,KAAiB,GAAG,SAApBA,KAAoB,OAO3B;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,WADf;AAELC,MAAAA,kBAAkB,YAAKH,OAAL,OAFb;AAGLT,MAAAA,SAAS,EAAE;AAHN,KAAP;AAKD,GANoB,EAMlB,CAACS,OAAD,CANkB,CAArB;AAQA,sBACE,6BAAC,gCAAD;AACE,IAAA,EAAE,EAAEL,MADN;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEC;AAJZ,KAMG,UAACO,KAAD,EAAyB;AACxB,wBAAO,yBAAaN,QAAb,EAAuB;AAC5BC,MAAAA,KAAK,8DACAE,YADA,GAEAZ,gBAAgB,CAACe,KAAD,CAFhB,GAGAL,KAHA,GAIAD,QAAQ,CAACO,KAAT,CAAeN,KAJf;AADuB,KAAvB,CAAP;AAQD,GAfH,CADF;AAmBD,CAnCM;;;AAqCPN,KAAK,CAACa,WAAN,GAAoB,OAApB","sourcesContent":["import React, { cloneElement, FC, ReactElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IScale extends TransitionProps {\n  children: ReactElement;\n}\n\nconst transitionStyles = {\n  entered: { transform: \"scale(1)\" },\n  exiting: { transform: \"scale(0)\" },\n};\n\nexport const Scale: FC<IScale> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"transform\",\n      transitionDuration: `${timeout}ms`,\n      transform: \"scale(0)\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            ...defaultStyle,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nScale.displayName = \"Scale\";\n"],"file":"Scale.js"}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Scale = require("./Scale");
+
+Object.keys(_Scale).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Scale[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Scale[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,91 @@
+"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.Slide = 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 Slide = function Slide(_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 ? 300 : _ref$timeout,
+      _ref$initialDirection = _ref.initialDirection,
+      initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection;
+  var directionSign;
+
+  switch (initialDirection) {
+    case "right":
+      directionSign = "100%, 0";
+      break;
+
+    case "top":
+      directionSign = "0, -100%";
+      break;
+
+    case "bottom":
+      directionSign = "0, 100%";
+      break;
+
+    default:
+      directionSign = "-100%, 0";
+  }
+
+  var defaultStyle = function defaultStyle(timeout) {
+    return {
+      transition: "all ".concat(timeout, "ms ease")
+    };
+  };
+
+  var transitionStyles = {
+    entering: {
+      transform: "translate(0,0)"
+    },
+    entered: {
+      transform: "translate(0,0)"
+    },
+    exiting: {
+      transform: "translate(".concat(directionSign, ")")
+    },
+    exited: {
+      transform: "translate(".concat(directionSign, ")")
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited
+  }, function (state) {
+    return /*#__PURE__*/(0, _react.cloneElement)(children, {
+      style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+        visibility: state === "exited" && !inProp ? "hidden" : undefined
+      }, defaultStyle(timeout)), transitionStyles[state]), style), children.props.style)
+    });
+  });
+};
+
+exports.Slide = Slide;
+Slide.displayName = "Slide";
+//# sourceMappingURL=Slide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"names":["Slide","in","inProp","onEnter","onExited","children","style","timeout","initialDirection","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","state","visibility","undefined","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;AASO,IAAMA,KAAiB,GAAG,SAApBA,KAAoB,OAQ3B;AAAA,qBAPJC,EAOI;AAAA,MAPAC,MAOA,wBAPS,KAOT;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,GAEN;AAAA,mCADJC,gBACI;AAAA,MADJA,gBACI,sCADe,MACf;AACJ,MAAIC,aAAJ;;AAEA,UAAQD,gBAAR;AACE,SAAK,OAAL;AACEC,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF,SAAK,KAAL;AACEA,MAAAA,aAAa,GAAG,UAAhB;AACA;;AACF,SAAK,QAAL;AACEA,MAAAA,aAAa,GAAG,SAAhB;AACA;;AACF;AACEA,MAAAA,aAAa,GAAG,UAAhB;AAXJ;;AAcA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACH,OAAD;AAAA,WAAuD;AAC1EI,MAAAA,UAAU,gBAASJ,OAAT;AADgE,KAAvD;AAAA,GAArB;;AAIA,MAAMK,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS;AADD,KADa;AAIvBC,IAAAA,OAAO,EAAE;AACPD,MAAAA,SAAS;AADF,KAJc;AAOvBE,IAAAA,OAAO,EAAE;AACPF,MAAAA,SAAS,sBAAeL,aAAf;AADF,KAPc;AAUvBQ,IAAAA,MAAM,EAAE;AACNH,MAAAA,SAAS,sBAAeL,aAAf;AADH;AAVe,GAAzB;AAeA,sBACE,6BAAC,gCAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEP,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC;AALZ,KAOG,UAACc,KAAD,EAAyB;AACxB,wBAAO,yBAAab,QAAb,EAAuB;AAC5BC,MAAAA,KAAK;AACHa,QAAAA,UAAU,EAAED,KAAK,KAAK,QAAV,IAAsB,CAAChB,MAAvB,GAAgC,QAAhC,GAA2CkB;AADpD,SAEAV,YAAY,CAACH,OAAD,CAFZ,GAGAK,gBAAgB,CAACM,KAAD,CAHhB,GAIAZ,KAJA,GAKAD,QAAQ,CAACgB,KAAT,CAAef,KALf;AADuB,KAAvB,CAAP;AASD,GAjBH,CADF;AAqBD,CAjEM;;;AAmEPN,KAAK,CAACsB,WAAN,GAAoB,OAApB","sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface ISlide extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  initialDirection?: string;\n}\n\nexport const Slide: FC<ISlide> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 300,\n  initialDirection = \"left\",\n}) => {\n  let directionSign: string;\n\n  switch (initialDirection) {\n    case \"right\":\n      directionSign = \"100%, 0\";\n      break;\n    case \"top\":\n      directionSign = \"0, -100%\";\n      break;\n    case \"bottom\":\n      directionSign = \"0, 100%\";\n      break;\n    default:\n      directionSign = \"-100%, 0\";\n  }\n\n  const defaultStyle = (timeout: number): Partial<{ transition: string }> => ({\n    transition: `all ${timeout}ms ease`,\n  });\n\n  const transitionStyles = {\n    entering: {\n      transform: `translate(0,0)`,\n    },\n    entered: {\n      transform: `translate(0,0)`,\n    },\n    exiting: {\n      transform: `translate(${directionSign})`,\n    },\n    exited: {\n      transform: `translate(${directionSign})`,\n    },\n  };\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(timeout),\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nSlide.displayName = \"Slide\";\n"],"file":"Slide.js"}