@activecollab/components 0.1.534 → 1.0.1

package/dist/esm/components/Tooltip/Tooltip.js

@@ -0,0 +1,118 @@
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import React, { forwardRef, useState } from 'react';
+import classnames from 'classnames';
+import useForkRef from '../../utils/useForkRef.js';
+import { StyledTooltip } from './Styles.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useLayerContext } from '../../helpers/LayerContext/LayerContext.js';
+import { Portal } from '../../helpers/Portal/Portal.js';
+import { Popper } from '../Popper/Popper.js';
+import { FromElement } from '../Transitions/FromElement/FromElement.js';
+
+var _excluded = ["children"];
+
+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; }
+
+var TooltipAnimation = function TooltipAnimation(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(FromElement, _objectSpread(_objectSpread({
+    timeout: 0
+  }, props), {}, {
+    children: children
+  }));
+};
+
+var Tooltip = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+      title = _ref2.title,
+      className = _ref2.className,
+      style = _ref2.style,
+      _ref2$isLight = _ref2.isLight,
+      isLight = _ref2$isLight === void 0 ? false : _ref2$isLight,
+      _ref2$placement = _ref2.placement,
+      placement = _ref2$placement === void 0 ? "top" : _ref2$placement,
+      _ref2$TransitionCompo = _ref2.TransitionComponent,
+      TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
+      popperTooltipStyle = _ref2.popperTooltipStyle,
+      popperTooltipClassName = _ref2.popperTooltipClassName,
+      disable = _ref2.disable;
+
+  var _useLayerContext = useLayerContext(),
+      zIndex = _useLayerContext.zIndex;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = useState(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      childNode = _useState4[0],
+      setChildNode = _useState4[1];
+
+  var handleEnter = function handleEnter(event) {
+    var childrenProps = children.props;
+
+    if (event.type === "mouseover" && childrenProps.onMouseOver) {
+      childrenProps.onMouseOver(event);
+    }
+
+    childNode && childNode.removeAttribute("title");
+    setOpen(true);
+  };
+
+  var handleLeave = function handleLeave(event) {
+    var childrenProps = children.props;
+
+    if (event.type === "mouseleave" && childrenProps.onMouseLeave && event.currentTarget === childNode) {
+      childrenProps.onMouseLeave(event);
+    }
+
+    setOpen(false);
+  };
+
+  var handleOwnRef = useForkRef(children.ref, ref);
+  var handleRef = useForkRef(setChildNode, handleOwnRef);
+  var childrenProps = {
+    onMouseOver: handleEnter,
+    onMouseLeave: handleLeave,
+    ref: handleRef
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/React.cloneElement(children, childrenProps), !disable && /*#__PURE__*/jsx(Portal, {
+      children: /*#__PURE__*/jsx(Popper, {
+        anchorEl: childNode,
+        open: childNode ? open : false,
+        placement: placement,
+        transition: true,
+        className: popperTooltipClassName,
+        style: _objectSpread({
+          zIndex: zIndex
+        }, popperTooltipStyle),
+        role: "tooltip",
+        children: function children(_ref3) {
+          var _ref3$transitionProps = _ref3.transitionProps,
+              transitionProps = _ref3$transitionProps === void 0 ? {} : _ref3$transitionProps;
+          return /*#__PURE__*/jsx(TransitionComponent, _objectSpread(_objectSpread({}, transitionProps), {}, {
+            style: style,
+            children: /*#__PURE__*/jsx(StyledTooltip, {
+              className: classnames("c-tooltip-ds", className),
+              $isLight: isLight,
+              children: title
+            })
+          }));
+        }
+      })
+    })]
+  });
+});
+Tooltip.displayName = "Tooltip";
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

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

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

package/dist/esm/components/Tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fade.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAgB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,UAAU,UAAW,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IAC3D,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAgBD,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CA2B/B,CAAC"}

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

@@ -0,0 +1,58 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { cloneElement } from 'react';
+import { Transition } from 'react-transition-group';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+
+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__*/jsx(Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited,
+    children: function children(state) {
+      return /*#__PURE__*/cloneElement(_children, {
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          visibility: state === "exited" && !inProp ? "hidden" : undefined
+        }, defaultStyle(timeout)), transitionStyles[state]), style), _children.props.style)
+      });
+    }
+  });
+};
+Fade.displayName = "Fade";
+
+export { Fade };
+//# sourceMappingURL=Fade.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fade.js","sources":["../../../../../src/components/Transitions/Fade/Fade.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFadeProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{ transition: string; opacity: number }> => ({\n  transition: `all ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n\nexport const Fade: FC<IFadeProps> = ({\n  in: inProp = false,\n  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"],"names":["defaultStyle","duration","transition","opacity","transitionStyles","entering","entered","exiting","exited","Fade","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;;AASA,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;IAOaM,IAAoB,GAAG,SAAvBA,IAAuB;AAAA,qBAClCC,EADkC;AAAA,MAC9BC,MAD8B,wBACrB,KADqB;AAAA,MAElCC,OAFkC,QAElCA,OAFkC;AAAA,MAGlCC,QAHkC,QAGlCA,QAHkC;AAAA,MAIlCC,SAJkC,QAIlCA,QAJkC;AAAA,MAKlCC,KALkC,QAKlCA,KALkC;AAAA,0BAMlCC,OANkC;AAAA,MAMlCA,OANkC,6BAMxB,GANwB;AAAA,sBAQlCC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHK,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACP,MAAvB,GAAgC,QAAhC,GAA2CU;AADpD,WAEArB,YAAY,CAACgB,OAAD,CAFZ,GAGAZ,gBAAgB,CAACc,KAAD,CAHhB,GAIAH,KAJA,GAKAD,SAAQ,CAACQ,KAAT,CAAeP,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IARkC;AAAA;AA6BpCN,IAAI,CAACc,WAAL,GAAmB,MAAnB;;;;"}

package/dist/esm/components/Transitions/Fade/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Fade/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FromElement.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,EAAE,EAAgB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,UAAU,iBAAkB,SAAQ,eAAe;IACjD,QAAQ,EAAE,YAAY,CAAC;CACxB;AAkBD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA6B7C,CAAC"}

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

@@ -0,0 +1,63 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { cloneElement } from 'react';
+import { Transition } from 'react-transition-group';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+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__*/jsx(Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited,
+    children: function children(state) {
+      return /*#__PURE__*/cloneElement(_children, {
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          visibility: state === "exited" && !inProp ? "hidden" : undefined
+        }, defaultStyle), transitionStyles[state]), style), _children.props.style)
+      });
+    }
+  });
+};
+FromElement.displayName = "FromElement";
+
+export { FromElement };
+//# sourceMappingURL=FromElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FromElement.js","sources":["../../../../../src/components/Transitions/FromElement/FromElement.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IFromElementProps extends TransitionProps {\n  children: ReactElement;\n}\n\nconst defaultStyle = {\n  transitionProperty: \"opacity, transform\",\n  transitionDuration: \".15s, .10s, .15s\",\n  transitionTimingFunction: \"ease, ease, cubic-bezier(0.39, 0.575, 0.565, 1)\",\n  transformOrigin: \"50% 0\",\n  transform: \"scale(.85)\",\n  opacity: 0,\n};\n\nconst transitionStyles = {\n  entering: { opacity: 1, transform: \"scale(1)\", transitionDelay: \".6s\" },\n  entered: { opacity: 1, transform: \"scale(1)\" },\n  exiting: { opacity: 0, transform: \"scale(.85)\" },\n  exited: { opacity: 0, transform: \"scale(.85)\" },\n};\n\nexport const FromElement: FC<IFromElementProps> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 1000,\n}) => {\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle,\n            ...transitionStyles[state],\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nFromElement.displayName = \"FromElement\";\n"],"names":["defaultStyle","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","transitionStyles","entering","transitionDelay","entered","exiting","exited","FromElement","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;AAQA,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;IAOaQ,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,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,IACN;AACJ,sBACEC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHK,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACP,MAAvB,GAAgC,QAAhC,GAA2CU;AADpD,WAEAzB,YAFA,GAGAO,gBAAgB,CAACe,KAAD,CAHhB,GAIAH,KAJA,GAKAD,SAAQ,CAACQ,KAAT,CAAeP,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IADF;AAqBD;AAEDN,WAAW,CAACc,WAAZ,GAA0B,aAA1B;;;;"}

package/dist/esm/components/Transitions/FromElement/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/FromElement/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeTransition.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,EAAE,EAAyB,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,UAAU,iBAAkB,SAAQ,eAAe;IACjD,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAoClD,CAAC"}

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

@@ -0,0 +1,43 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { useMemo, cloneElement } from 'react';
+import { Transition } from 'react-transition-group';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+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 = useMemo(function () {
+    return {
+      transitionProperty: "width, height",
+      transitionDuration: "".concat(timeout, "ms"),
+      transitionTimingFunction: "ease"
+    };
+  }, [timeout]);
+  return /*#__PURE__*/jsx(Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited,
+    children: function children(state) {
+      return /*#__PURE__*/cloneElement(_children, {
+        style: _objectSpread(_objectSpread(_objectSpread({
+          visibility: state === "exited" && !inProp ? "hidden" : undefined
+        }, defaultStyle), style), _children.props.style)
+      });
+    }
+  });
+};
+ResizeTransition.displayName = "ResizeTransition";
+
+export { ResizeTransition };
+//# sourceMappingURL=ResizeTransition.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeTransition.js","sources":["../../../../../src/components/Transitions/ResizeTransition/ResizeTransition.tsx"],"sourcesContent":["import React, { ReactElement, FC, cloneElement, useMemo } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IResizeTransition extends TransitionProps {\n  children: ReactElement;\n}\n\nexport const ResizeTransition: FC<IResizeTransition> = ({\n  in: inProp = false,\n  onEnter,\n  onExited,\n  children,\n  style,\n  timeout = 200,\n}) => {\n  const defaultStyle = useMemo(() => {\n    return {\n      transitionProperty: \"width, height\",\n      transitionDuration: `${timeout}ms`,\n      transitionTimingFunction: \"ease\",\n    };\n  }, [timeout]);\n\n  return (\n    <Transition\n      appear\n      in={inProp}\n      timeout={timeout}\n      onEnter={onEnter}\n      onExited={onExited}\n    >\n      {(state): ReactElement => {\n        return cloneElement(children, {\n          style: {\n            visibility: state === \"exited\" && !inProp ? \"hidden\" : undefined,\n            ...defaultStyle,\n            ...style,\n            ...children.props.style,\n          },\n        });\n      }}\n    </Transition>\n  );\n};\n\nResizeTransition.displayName = \"ResizeTransition\";\n"],"names":["ResizeTransition","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","useMemo","transitionProperty","transitionDuration","transitionTimingFunction","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;IAQaA,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,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGC,OAAO,CAAC,YAAM;AACjC,WAAO;AACLC,MAAAA,kBAAkB,EAAE,eADf;AAELC,MAAAA,kBAAkB,YAAKJ,OAAL,OAFb;AAGLK,MAAAA,wBAAwB,EAAE;AAHrB,KAAP;AAKD,GAN2B,EAMzB,CAACL,OAAD,CANyB,CAA5B;AAQA,sBACEM,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEX,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACU,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACV,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHU,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACZ,MAAvB,GAAgC,QAAhC,GAA2Ce;AADpD,WAEAT,YAFA,GAGAF,KAHA,GAIAD,SAAQ,CAACa,KAAT,CAAeZ,KAJf;AADuB,OAAX,CAAnB;AAQD;AAhBH,IADF;AAoBD;AAEDN,gBAAgB,CAACmB,WAAjB,GAA+B,kBAA/B;;;;"}

package/dist/esm/components/Transitions/ResizeTransition/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/ResizeTransition/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAgB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,UAAU,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IAC7D,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAuBD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,CA4BnC,CAAC"}

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

@@ -0,0 +1,62 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { cloneElement } from 'react';
+import { Transition } from 'react-transition-group';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+
+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__*/jsx(Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited,
+    children: function children(state) {
+      return /*#__PURE__*/cloneElement(_children, {
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle(inProp ? timeout : 0)), transitionStyles[state]), style), _children.props.style)
+      });
+    }
+  });
+};
+Reveal.displayName = "Reveal";
+
+export { Reveal };
+//# sourceMappingURL=Reveal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Reveal.js","sources":["../../../../../src/components/Transitions/Reveal/Reveal.tsx"],"sourcesContent":["import React, { FC, ReactElement, cloneElement } from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport { TransitionProps } from \"../types\";\n\ninterface IRevealProps extends Omit<TransitionProps, \"timeout\"> {\n  children: ReactElement;\n  timeout?: number;\n  oppositeDirection?: boolean;\n}\n\nconst defaultStyle = (\n  duration: number\n): Partial<{\n  transition: string;\n  transform: string;\n  transformOrigin: string;\n  opacity: number;\n}> => ({\n  transition: `all ${duration}ms ease-in`,\n  transform: `scaleX(0)`,\n  opacity: 0,\n  transformOrigin: \"left\",\n});\n\nconst transitionStyles = {\n  entering: { transform: `scaleX(1)`, opacity: 1 },\n  entered: { transform: `scaleX(1)`, opacity: 1 },\n  exiting: { transform: `scaleX(0)`, opacity: 0 },\n  exited: { transform: `scaleX(0)`, opacity: 0 },\n};\n\nexport const Reveal: FC<IRevealProps> = ({\n  in: inProp = false,\n  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"],"names":["defaultStyle","duration","transition","transform","opacity","transformOrigin","transitionStyles","entering","entered","exiting","exited","Reveal","in","inProp","onEnter","onExited","children","style","timeout","_jsx","state","cloneElement","props","displayName"],"mappings":";;;;;;;;;AAUA,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;IAOaO,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,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,sBACEC,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEN,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACK,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACL,SAAD,EAAW;AAC5BC,QAAAA,KAAK,8DACAjB,YAAY,CAACa,MAAM,GAAGK,OAAH,GAAa,CAApB,CADZ,GAEAZ,gBAAgB,CAACc,KAAD,CAFhB,GAGAH,KAHA,GAIAD,SAAQ,CAACM,KAAT,CAAeL,KAJf;AADuB,OAAX,CAAnB;AAQD;AAhBH,IADF;AAoBD;AAEDN,MAAM,CAACY,WAAP,GAAqB,QAArB;;;;"}

package/dist/esm/components/Transitions/Reveal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Reveal/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scale.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,EAAE,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,UAAU,MAAO,SAAQ,eAAe;IACtC,QAAQ,EAAE,YAAY,CAAC;CACxB;AAOD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,MAAM,CAmC5B,CAAC"}

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

@@ -0,0 +1,48 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { useMemo, cloneElement } from 'react';
+import { Transition } from 'react-transition-group';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+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 = useMemo(function () {
+    return {
+      transitionProperty: "transform",
+      transitionDuration: "".concat(timeout, "ms"),
+      transform: "scale(0)"
+    };
+  }, [timeout]);
+  return /*#__PURE__*/jsx(Transition, {
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited,
+    children: function children(state) {
+      return /*#__PURE__*/cloneElement(_children, {
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state]), style), _children.props.style)
+      });
+    }
+  });
+};
+Scale.displayName = "Scale";
+
+export { Scale };
+//# sourceMappingURL=Scale.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scale.js","sources":["../../../../../src/components/Transitions/Scale/Scale.tsx"],"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"],"names":["transitionStyles","entered","transform","exiting","Scale","in","inProp","onEnter","onExited","children","style","timeout","defaultStyle","useMemo","transitionProperty","transitionDuration","_jsx","state","cloneElement","props","displayName"],"mappings":";;;;;;;;AAQA,IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb,GADc;AAEvBC,EAAAA,OAAO,EAAE;AAAED,IAAAA,SAAS,EAAE;AAAb;AAFc,CAAzB;IAKaE,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,SAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,0BADJC,OACI;AAAA,MADJA,OACI,6BADM,GACN;AACJ,MAAMC,YAAY,GAAGC,OAAO,CAAC,YAAM;AACjC,WAAO;AACLC,MAAAA,kBAAkB,EAAE,WADf;AAELC,MAAAA,kBAAkB,YAAKJ,OAAL,OAFb;AAGLT,MAAAA,SAAS,EAAE;AAHN,KAAP;AAKD,GAN2B,EAMzB,CAACS,OAAD,CANyB,CAA5B;AAQA,sBACEK,IAAC,UAAD;AACE,IAAA,EAAE,EAAEV,MADN;AAEE,IAAA,OAAO,EAAEK,OAFX;AAGE,IAAA,OAAO,EAAEJ,OAHX;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAAA,cAMG,kBAACS,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACT,SAAD,EAAW;AAC5BC,QAAAA,KAAK,8DACAE,YADA,GAEAZ,gBAAgB,CAACiB,KAAD,CAFhB,GAGAP,KAHA,GAIAD,SAAQ,CAACU,KAAT,CAAeT,KAJf;AADuB,OAAX,CAAnB;AAQD;AAfH,IADF;AAmBD;AAEDN,KAAK,CAACgB,WAAN,GAAoB,OAApB;;;;"}

package/dist/esm/components/Transitions/Scale/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Scale/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,YAAY,EAAgB,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,UAAU,MAAO,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IACvD,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,MAAM,CAiE5B,CAAC"}

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

@@ -0,0 +1,77 @@
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import { cloneElement } from 'react';
+import { Transition } from 'react-transition-group';
+import { jsx } from 'react/jsx-runtime';
+
+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; }
+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__*/jsx(Transition, {
+    appear: true,
+    in: inProp,
+    timeout: timeout,
+    onEnter: onEnter,
+    onExited: onExited,
+    children: function children(state) {
+      return /*#__PURE__*/cloneElement(_children, {
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          visibility: state === "exited" && !inProp ? "hidden" : undefined
+        }, defaultStyle(timeout)), transitionStyles[state]), style), _children.props.style)
+      });
+    }
+  });
+};
+Slide.displayName = "Slide";
+
+export { Slide };
+//# sourceMappingURL=Slide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.js","sources":["../../../../../src/components/Transitions/Slide/Slide.tsx"],"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"],"names":["Slide","in","inProp","onEnter","onExited","children","style","timeout","initialDirection","directionSign","defaultStyle","transition","transitionStyles","entering","transform","entered","exiting","exited","_jsx","state","cloneElement","visibility","undefined","props","displayName"],"mappings":";;;;;;;;IAUaA,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,SAII,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,sBACES,IAAC,UAAD;AACE,IAAA,MAAM,MADR;AAEE,IAAA,EAAE,EAAEhB,MAFN;AAGE,IAAA,OAAO,EAAEK,OAHX;AAIE,IAAA,OAAO,EAAEJ,OAJX;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAAA,cAOG,kBAACe,KAAD,EAAyB;AACxB,0BAAOC,YAAY,CAACf,SAAD,EAAW;AAC5BC,QAAAA,KAAK;AACHe,UAAAA,UAAU,EAAEF,KAAK,KAAK,QAAV,IAAsB,CAACjB,MAAvB,GAAgC,QAAhC,GAA2CoB;AADpD,WAEAZ,YAAY,CAACH,OAAD,CAFZ,GAGAK,gBAAgB,CAACO,KAAD,CAHhB,GAIAb,KAJA,GAKAD,SAAQ,CAACkB,KAAT,CAAejB,KALf;AADuB,OAAX,CAAnB;AASD;AAjBH,IADF;AAqBD;AAEDN,KAAK,CAACwB,WAAN,GAAoB,OAApB;;;;"}